That’s that over and done with for another year. Whilst the seasonal festivities will continue for a few more days yet, I talk of course of our annual dose of 24 Ways articles.

One of the reoccurring themes in this years selection pack of web design and development goodies is a concept that is splitting opinions like none other. Designing in the browser.

[Read more →]

Yesterday there was quite a lot of discussion on Twitter about CSS preprocessing frameworks such as SASS and LESS.

It was all in response to a blog article by Nathan Borror detailing why SASS isn’t for him. In the article’s comments there is some interesting debate on the pros and cons of preprocessing frameworks.

For the uninitiated, CSS preprocessing frameworks add clever functionality to writing stylesheets like variables and mix-ins, and ultimately result in writing less CSS to achieve the same result. A good thing in my book.

But it seems many designers are resistant to a technology that abstracts the syntax of a styling language that they are already familiar and comfortable with.

[Read more →]

Just over a week ago I pushed live a teaser page for a pretty massive project I’m currently up to my neck in (in a good way).

[Read more →]

I bought a new font this weekend. I bought Tungsten from the Hoefler & Frere-Jones foundry. It cost me USD $99 – a sum of cash that isn’t going to break the bank, but considering there is a very real chance that I may end up never using the typeface in a commercial, money-making project, it’s not an amount to be sniffed at either.

Tungsten is the latest in only a very small handful of commercial fonts that I have ever bought. Considering I work in the creative industry, I don’t think I’ve bought many fonts at all. But I expect I’ve bought more than many others – especially other web designers.

[Read more →]

If you’re a conscientious web designer or developer who cares about accessibility, then I’m sure you’ve spent the last few years drilling yourself into the habit of using relative font sizes (EMs or percentages) rather than absolute font sizes (pixels – PX)?

Now with the advent of modern browsers and full page zooming (as opposed to just text scaling), I’m sure I’m not the only person that’s been wondering whether we still need to be going through the painstaking task of calculating relative font sizes?

[Read more →]

The days of the ever resourceful all-in-one web designer-come-developer extraordinaire are long gone. In this industry the general consensus is that a great developer doth not a great designer make (and visa-versa).

It’s more common for designers and developers to work side-by-side collaboratively in web design harmony. Or not as the case may be. Designers tend to make developers jobs as fiddly as possible and developers have a knack for screwing up great designs.

It doesn’t have to be that way, here are five tips designers can follow to make developers’ jobs easier and ensure the site turns out as great as you intended.

[Read more →]

The CSS display property can be the bane of the web designer’s life as support varies from browser to browser, making it all a bit more complicated than it should be. In this article I will show a quick and simple way to get the display:inline-block declaration rendering consistently across all major browsers.

[Read more →]

With the rise of CSS and standards, the mere mention of the word ‘tables’ amongst web designers is likely to bring a reaction as if you just swore to your grandmother. For some reason the backlash towards table-based design – which ten years ago was the defacto standard way of designing complex page layouts – has become so passionately fought over that web designers can forget that tables still play an important role in modern web design. Here are three examples:

[Read more →]

A week from today, on Monday 2 June, my life will be taking a slightly new direction as I begin working for digital marketing agency, Inbox Digital.

Inbox are an award-winning digital marketing agency specialising in online advertising and viral marketing. They have an impressive list of clients including names such as Vodafone, BMW, Panasonic and AOL.

[Read more →]

Rather than add to the already filled-to-the-brim Digg bin of top 10 tips for web design, I thought it would be interesting to look at what YOU think are your top tips for web design.

Johnathon Longnecker in Top 10 tips for creating kick awesome websites says:

“Your web typography will set your design apart from other studios. Study optimum line heights, widths and look for inventive ways to guide the viewer through your layout only using CSS rules. Flash replacement (sIFR) is alright, but don’t overuse it.”

[Read more →]