Category: Web Design

Tutorial: Using CSS Shorthand in your Stylesheets

All PostsFront End DevelopmentTutorialsWeb Design

Using CSS Shorthand is great for reducing the lines of code and preventing us typing lots of duplicate lines of code in our stylesheet’s, but how many of us use it? I notice on a lot of developers stylesheets that they have multiple lines of code where only one is needed and I don’t really understand why! I guess it’s a personal preference, but here is how you can start coding CSS in shorthand.

Read More

Tutorial: Clearing the Textarea value onFocus

All PostsFront End DevelopmentTutorialsWeb Design

Quick tip that will always come in handy when creating forms. More often then not you will see a textarea that initially has some text in, something like… ‘Type your message here…’. On some websites, I have noticed that when you go to type in that same textarea you have to first remove the message before you start typing yours which I find very frustratings.

Read More

20 Great CSS Design Showcase Websites for Inspiration

All PostsFront End DevelopmentInspirationWeb Design

We’ve all had days where our creativity becomes non-existant and are in desperate need of some inspiration to get us kick started again. Fortunately for us we have a huge variety of choice when it comes to web showcasing which means inspiration is never to far away. Below are some of my favourites showcase bookmarks that I tent to turn to in those ‘desperate’ times.

Read More

Tutorial: Display your Google Feedburner count on your Website

TutorialsWeb Design

Following on from my tutorial that shows you how to display your latest Tweet on your website, I will now show you how to show of your Feedburner subscribers count in plain text on your website. Feedburner does already give you the option to display your count on your site using their ‘chicklets’ but these are widget like icons that aren’t particularly customizable and for my site, they did not look right!

Read More