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 Reading

Make 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 Reading

Simple 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 Reading

Checklist 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 Reading

How 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 Reading

Free 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 Reading

Not 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 Reading

Using 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 Reading

Using 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 Reading

How 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 Reading

Using 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 Reading

How 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 Reading

Rewriting 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 Reading

Centering 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 Reading

How 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 Reading

Page 1 of 3 pages  1 2 3 >

Save 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.