Posts from May, 2010

Design & Build a Grid Based Web Design with CSS

Read the full post

I’m currently working on a new WordPress theme called ♥grid, which lives up to its name with a clear grid based design. Follow this step by step walkthrough of the design and build process, right from the initial Photoshop concept, through to writing the HTML structure, styling up with CSS then adding clever functionality with the jQuery library.

Basic Web Page Background Techniques with CSS

Read the full post

The good old background property is one of the core elements we can play around with in our web designs. Here’s an overview of the four most common approaches to styling your web page body, from the basic solid colour through to large detailed background images. If you’re just starting out in web design, you’ll find some basic CSS techniques for you to put into practice into your future projects.

5 SEO Tactics That Make You Look Like a Douche

Read the full post

SEO, or Search Engine Optimization is always of the highest importance for most businesses with a presence on the web, and rightly so; good search engine visibility and Google rankings are the backbone to success on the Internet. Sometimes however, people tend to go that step too far, either through bad advice from specialist SEO companies, or just by becoming so caught up with optimization that they neglect the core principles of web usability. Here’s five of my own SEO pet hates, that inhibit the general performance of your site more than they benefit your precious Google ranking.

Designing an Infographic with HTML, CSS & jQuery

Read the full post

I’ve been wanting to get stuck into a creative infographic for quite some time, so recently I started work on a personal project that involved the design and build of a graphic to portray the stats and figures of Line25. To mix things up a little and to take it a step further, I decided to have a shot at building the whole infographic as a complete web page. Here’s a walkthrough of the project, showing how resources like Cufon and jQuery’s ScrollTo plugin were used to add some flair and interactivity to the design.

Spice Up Your Web Typography with @Font-Face

Read the full post

We’re all used to making the most of the plain old web font stacks that have been around for the past 10+ years, everyone who’s designed a website will have no doubt written out Helvetica or Georgia hundreds of times in their stylesheets. Nowadays however, we have the option of embedding a whole new range of fonts into our designs. Let’s look at how the CSS @font-face rule allows us to get fancy with our future website projects.