All posts in Web Design Tutorials

Image rollover in wordpress, no plugins required

By On May 16, 2012 In HTML & CSS, Web Design Tutorials, Wordpress With No Comments Permanent Link to Image rollover in wordpress, no plugins requiredPermalink

Quite an annoying aspect of WordPress is that its not very easy to use an image rollover from within posts. This is a simple hack that lets you use an image rollover in WordPress without the use of a plugin.

<img title="this" onmouseover="this.src='http://twentyeleven.co.uk/wp-content/uploads/2012/05/that.png';" onmouseout="this.src='http://twentyeleven.co.uk/wp-content/uploads/2012/05/this.png';" src="http://twentyeleven.co.uk/wp-content/uploads/2012/05/this.png" alt="" width="192" height="116" />

Quick Tip: Practical CSS Shapes

By On May 18, 2010 In HTML & CSS, Videos, Web Design Tutorials With No Comments Permanent Link to Quick Tip: Practical CSS ShapesPermalink

Another really useful tutorial by Jeffery Way over at NETtuts:

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes.

Continue Reading →

Create Beautiful CSS3 Typography

By On April 17, 2010 In CSS, Web Design Tutorials With No Comments Permanent Link to Create Beautiful CSS3 TypographyPermalink

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a good one. And, that makes typography a pretty important element that you will want to look at very carefully.

Continue Reading →