Category: Tutorials

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

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

Tutorial: Display your Latest Tweet on your Website

TutorialsWeb Design

You will have noticed that I display my latest Tweet in the header of my website (look up). Until recently I have been using the Twitter for WordPress plug-in, but I was experiencing problems and 9/10 times my page loaded I would get the error message instead on my Tweet! This became increasingly frustrating, as my site would get featured on someone else’s blog and the screenshot would contain this error message.

Read More