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.

The idea is to create a goldfish tank with some fish inside that bob up and down in the tank.

The markup is simple we create a div for our fish tank that contains three more div’s for our fish.

<div id="tank">
  <div id="gold_fish1" class="gold_fish"></div>
  <div id="gold_fish2" class="gold_fish"></div>
  <div id="gold_fish3" class="gold_fish"></div>
</div>

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

More articles can be found in the archives, feel free to have a look around and leave your comments.

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.