No, I haven’t lost the ability to logically structure a set of words, also known as a sentance, this really is the top, top collections of top 10 lists! What’s better than the hundreds of top list posts that swamp sites such as digg.com? A post of the top 10 lists? Hey that’s getting pretty good, but NO, a list of the list of the list….awesome, now that’s good.

1. Top 10 Stupidest Lists – You’re right, they are pretty stupid, but that’s why we love them, ever thought about what to do with a newspaper, you may say read it, no retard, there’s about 10 more awesome things you can do with it than that – find out here, it will change your life.
2. The Top 10 of Top 10s – GOD I love top 10 lists, they provide INCREDIBLE information in bite size chunks. If you’re unable to read anything that’s not in a list, you will treasure this ‘article’, including literary greats such as Top 10 Crazy Science Things You Didn’t Know, it sounds absolutely mental.
3. The Ten Best Top-Ten Lists – We are blessed by so many great top 10 lists sometimes its handy to break them down further. The Ten Best is quite a statement, top ten lists are always incredible so the ten best must be something special. Yes they are, the ten most looked up words in 2007, something I have always wanted to know, almost as much as the meaning of life, and the word is ‘integrity’… I feel complete.
4. Most Popular Top 10′s of 2008 – 1000s of lists have likely been compiled this year to enrich our lives, what could be the most popular? Top 10 Obscure Google Search Tricks, sorry to swear, but I f*cking love searching on Google and with this list I could likely search all day until I collapse in a mess of drool and excitment induced perspiration.
5. Sun Sport’s Top 10s List – With top 10 lists probably being the highlight of all written word in the universe produced this year, you would wonder why they don’t get published in newspapers and the like, but they do! The Sun, pioneers of literary greatness have jumped at the chance. It cleverly has discussion links because that’s another reason I love top ten lists, they cause debate… “who’s the best Star Wars character?”, “It’s Luke of course, he is very skilled with the light saber etc”, “No it’s Chewbacca, he’s huge and has lots of hair, your Star Wars knowledge is horrendous”…. and so on, I love it.
6. Top 6 List of Programming Top 10 Lists – You may be thinking his article would have been better as a top 10 and I would have to agree, it has to be 10. Can you make room for hilarity, handy tips and sheer crazyness in just a list of 6?! Of course not, maybe the mundaness of reading top 10 lists got to him and he just couldn’t make it to the end…..arggg, have to keep going…
7. Top10lists.com – Being a top 10 list, I thought this post would not only be the best article I’ve ever written but maybe also change the world, but then I found this. An entire site dedicated to the dream that is top 10 lists. A dream born from an insane moment of inspiration and revelation perhaps?
8. Top 10 Lists from Brain of Brian – Brian’s brain must be an absolutely mental place to be, he’s a head case! Not only does he have a page which lists what top 10 lists he’s got but doesn’t actually lead to any of the lists, just to something called ‘Funny Boards’, he has Silly Postcards, Funny Philosophies. I wish I had Brian’s brain.
9. Interesting Top 10 Lists – debatable, personally I find all top 10 lists interesting and fulfilling but maybe these are particularly interesting, when viewing I found myself pondering in intrigue, a whole new top 10 experience.
10. Top 10 Weirdest Top 10 List – If I like a top 10 list, then a weird top 10 list is even better. ‘Top 10 Odd College Courses’, now that is weird, I am so freaked out right now I love it!

Complete, a sense of satisfaction, why have I wasted my time for so long with none-list posts when I could be producing material like this. I feel tarnished like I have sinned but it feels soooo good, adrenalin, excitement pumping through me, knowing that I will improve people’s lives with this sh*t.

And if you don’t get the sarcasm, I deeply apologise
If you hate top 10 lists as much as I do, please use the links below!

Adding texture and realism to web designs is a very popular current trend. You don’t have to look far for examples:

• http://alifelski.com/
• http://meaganfisher.com/
• http://www.wallswaps.com/

Photoshop is the obvious tool for texture, as well as the 1000s of Photoshop brushes and textured stock images that can be handy, Photoshop’s array of filters and blending options make it an incredible tool!

Creating light and contrast in online designs can be tricky and here I will show you a useful technique for creating a glittery effect, just in time for Christmas!

Step 1

Create a layer, select a goldy looking colour (try #A79058) and fill the layer (ctrl+D). Add a mask to the layer. Select the mask and go to ‘filters>noise>add noise’. I would go for about 150% for the ‘amount’, uniform or Gaussian doesn’t really matter, press ok.

You should have something looking like this:

Now, repeat step 1 about 5 times, using different colours for each layer. You need a contrast between light and dark shades of gold (I used #755F2B,#C58014, #DDD49F,# 9A8146 . Sometimes adding a colour overlay to the layer to tweak the colour is handy. Try and vary the level of noise between 100% to 200%.

Step 2:

What the texture is lacking now is the variety of colours and lighting that glitter has. So what I did was find a nice abstract lighting image to place over the top: http://www.sxc.hu/photo/1102636.

Copy the image and paste onto a new layer. Depending on the size of your document you may need to duplicate the image (ctrl+J), flip horizontal to join up with the other image repeat so that it covers your canvas. Then (if duplicated), merge the layers down so that the lighting image is on one layer (ctrl+E).

Now, blur the image a bit by going to filters>blur>Gaussian blur.

In your layers panel, select the blending options and choose ‘multiply’ and maybe bring the opacity down a bit to 95% or so. Some of the other blending options work quite nicely too so pick which one you like best.

Now its starting to look better.

Step 3

I wanted more contrast so I created a new layer, filled it with any colour then take the layer ‘Fill’ down to 0%, found in the layers panel.

Double click the layer to bring up the layer style and select ‘inner shadow’ with settings of opacity 100% and size 161px.

Step 4

Now I felt it had lost some contrast in the glitter so to improve this I created a new layer below the lighting image.

Fill the layer with a lightish yellow (#F7EFD7), add a mask and add noise.

Now repeat the following about 8 times –
- right click on the layer and select ‘apply mask’.
- Create a new mask and add noise.

This way you create a less uniform a sparser array of speckles.

Its now looking quite sparkly.

This can be a useful texture as it is but I find that a spray or dusting effect of glitter is even better.

For the next part you need a custom brush set: http://www.brusheezy.com/brush/850-Wisps. Download the brushes and unzip. Copy the brush file into C:\Program Files\Adobe\Photoshop CS\Presets\Brushes or your equivalent folder.

Load the brushes by selecting the brush tool, opening the brush panel, click on the side arrow to bring up the options and click on Load Brushes.

Step 5

Create a layer folder and place all your layers other than your background layer and inner shadow layer (which should be at the top) inside it.

Take off your inner shadow layer.

Add a mask to the folder

Select one of your new splatter brushes.

Use the colour black and click once to add a new splay to the mask.

It should look like this:

Now invert the folder mask by click on it in the layer panel and pressing CTRL+I.

Voila! You have a beautiful glitter spray as if someone had dusted glitter on a table.

Now you have your glitter other tricks can be used such as:
- Add a glitter texture to text (merge the glitter down, place above text and use the text as a mask – ctrl+click the text layer to get its selection and then add mask on the glitter).
- Or change the colour of the glitter. Merge the glitter down and change its hue/saturation (image>adjustments>hue/saturation)

Hope you find it useful, especially with the abundance of sparkly heaven that Christmas brings!

You don’t have to look far nowadays to see what’s becoming a typical feature on many sites, the horizontal javascript slider. Either through mootools, jquery or some other javascript framework, they make it easy to achieve effective results through little code.

The slide serves many purposes but I guess it’s a great way of getting extra information into a compact space. Intuitive controls such as forward and back arrows or numbering also make sliders easy to use and can offer handy functionality to users.

I’ve just developed my own slider using jquery for mach4cs.co.uk. Originally I developed a form for users to fill out so that mach4cs.co.uk could design a bespoke computer using the information provided by the customer. However, the form was quite long so the slider was a perfect way of simpliflying the process. Although the content is the same, splitting the form up into 5 bite size chunks makes it less daunting and easier to read.

You are welcome to use the javascript found here: http://mach4cs.co.uk/js/slider.js.

You will also need to download jquery.

You will also need to look at the html and css used on the page: mach4cs.co.uk. The relevant CSS starts at 272 and ends on line 342.

Probably should have displayed all the relevant code here, but hey, I’m lazy!

Let me know if you find the slider useful!