Archives
Welcome to the archives. To find what you are looking for you can use the search box, view all the articles below or find articles with certain tags.
Animating with Javascript Fish Tank
Written on 02/26 • 0 Comments
Using Javascript to create some movement on a page can be accomplished with a bit of maths. The advantage of using Javascript for very simple animations is that a higher proportion of users have Javascript available then have Flash installed.
Continue ReadingMake a Dotted or Dashed Line in Photoshop follow a Path
Written on 02/12 • 1 Comments
Drawing a dotted line is easy in Illustrator. You just change it in the stroke palette. You would think it was just as easy in Photoshop but it is a little bit trickier. This short tutorial aims to show you how to quickly make a dotted or dashed line in Photoshop and then apply it to a curve.
Continue ReadingSimple two line Image Randomiser Script with jQuery
Written on 02/05 • 1 Comments
It's a common task adding a random header or banner for each page view. If you are already utilizing the jQuery library you can add just two lines or if not you have a few more lines to get the job done.
Continue ReadingChecklist of Things to Remember when Launching a Website
Written on 01/22 • 3 Comments
There are a few of these lists around on the internet giving people advice on what they should check before they launch a website but most contain things that should be thought about from the very start. If you have forgotten about browser testing, screen resolutions & progressive enhancement until you are ready to launch you should take a look at how you are going about the whole build process.
Continue ReadingHow to toggle invisible files in OSX
Written on 01/15 • 0 Comments
OS X has numerous invisible files and folders. They are hidden to protect users from mistakenly moving or deleting critical files that might break the system or the applications that depend on them. Sometimes however you may need to find and use these files but OS X unlike its Windows counterpart has no options to show/hide hidden files anywhere. There are options, third party software is one and here a few others.
Continue ReadingFree LCD Vector Font Digital Numbers
Written on 01/01 • 0 Comments
What better way to start the new year then a free giveaway. In the next few months the Font Shop will be opening its virtual doors and to celebrate we are giving away a sample of things to come in the form of this free LCD number font set. The fonts are supplied as a fully editable EPS document and can be used in any print, digital or other application.
Continue ReadingNot So Clear CSS Opacity and RGBa
Written on 12/18 • 0 Comments
Support for transparent PNG paved the way for the use of semitransparent elements within website designs. CSS3 introduced the ability for developers to alter the transparency of an object with the opacity property. This method has some inherent problems, luckily there is a solution; the much less well know RGBa model.
Continue ReadingUsing Googles Chart API to Create Charts for your Web Apps
Written on 12/04 • 0 Comments
The Google Charts API allows you to send data to Google and have it returned as a graph or chart. All the hard work is done for you by Google and its servers and you simply reference an image in your HTML. You pass Google the raw data — the numbers for the charts, axis labels, and so on — as part of the image’s URL. If you want to add charts to your site or web based applications to show dynamic data the Google API is a quick, easy and attractive choice.
Continue ReadingUsing Numbers as CSS Class or ID Values
Written on 11/20 • 0 Comments
This week I found myself in a situation where I needed to apply CSS to an element only on a specified page. The best way to do this is to add an id to the body tag of the said page thus allowing you to apply a style only to that page. The example below shows an ID applied to the body tag. This is good practice when building your sites but sometimes easier said then done when using a Content Management System to dynamically generate your pages.
Continue ReadingHow to Prevent or Allow Directory Listing
Written on 11/13 • 0 Comments
Having a list of files in a directory on your site sometimes is useful. You may for example want a directory you can upload large files to for others to download without wanting to spend time creating a fancy PHP (or your preferred language) interface. It is important to understand the security implications of allowing directory listings. Listing files in directories that contain your code will make it easier for someone to compromise your site. We recommended you restrict listings to specific folders. You can easily control this behavior on your Apache server using one simple line in a .htaccess file.
Continue ReadingUsing SSH in Terminal.app on Mac OS X
Written on 10/30 • 0 Comments
This article will teach you how to open a SSH connection using the Terminal application in OS X. OS X's UNIX background means there is an easy way to exchange data with your Linux/UNIX web server using the built in Terminal application. SSH, if enabled, allows you to remotely execute commands on your webserver that can be helpful for all sorts of purposes.
Continue ReadingHow to Create a WebClip Bookmark Icon for your Site
Written on 10/16 • 0 Comments
Apple allows iPhone and iPod Touch users to add bookmarks to the home screen of their device. These bookmarks can be added for any web page and appear as an icon on the home screen. Apple calls these WebClip Bookmarks. By default, the icon used for this home screen is a thumbnail screenshot of the page in question, but Apple have provided a mechanism for site owners to specify an icon to be used instead.
Continue ReadingRewriting URL’s with Apaches .htaccess
Written on 10/09 • 0 Comments
This article looks at some common scenarios where a htaccess file can be used to manipulate a websites URL. Here we are going to look at how we can use htaccess to redirect our visitors to another location or accomplish some other common tasks.
Continue ReadingCentering Widthless Floats
Written on 09/25 • 0 Comments
This week I had a problem with centering a widthless floated element with CSS. It seemed an obvious thing to want to do but I could think of no simple solution, align center was not going to cut it here.
Continue ReadingHow to convert your site into a Joomla 1.5 Template
Written on 09/18 • 0 Comments
This tutorial will show you how to create a simple Joomla 1.5 template. The tutorial assumes you have already created a XHTML layout for your site along with the CSS and images and that you now want to use your design with Joomla. Joomla is one of the best known Content Management Systems (CMS) around but creating a template for Joomla can be a confusing process, hopefully this insight will make it a bit easier.
Continue ReadingSave a massive 36% on a subscription to .net magazine!
We love .net magazine (known as "Practical Web Design" outside the UK) and have teamed up with Future Publishing to get our readers up to a massive 36% off a years subscription.
Mint