Posts Tagged ‘CSS’

Wednesday, 13 January 2010

Bringing order to the HTML form

HTML markup

Last week I asked the question on Twitter, “What HTML element do you use for each line of a form? P, DIV, or something else?”

[Read more →]

Tuesday, 29 December 2009

Why the “design in the browser” argument misses the point

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 →]

Wednesday, 23 December 2009

So, you wanna use LESS CSS in your PHP projects huh?

Less - Leaner CSS

The problem with CSS pre-processing frameworks is that they don’t really fit within the average web designers’ work flow. Or they don’t mine, anyway.

Having to compile and recompile at every iteration is just a pain in the backside, it’s not the way I work. I like to make some tweaks, view them in the browser, make more tweaks, view them in the browser, and repeat.

When you add in to that the process of going to the command line and recompiling, all of a sudden writing CSS becomes a dull slog. Not the way I like to work.

[Read more →]

Tuesday, 8 December 2009

Treading the line between designer and developer

Sass - Syntactically Awesome Stylesheets

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 →]

Wednesday, 10 June 2009

Relative versus absolute font sizes: time to look again?

CSS and web typography

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 →]

Tuesday, 19 May 2009

Five ways for designers to live in web-harmony with developers

Web design harmony

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 →]

Monday, 27 October 2008

How to achieve cross-browser support for inline-block

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 →]

Wednesday, 16 July 2008

Three good reasons for web designers to use tables

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 →]