1

Is liquid layout (everything in % and font-size in 'em') good or creating multiple css file for different resolutions or browsers with help of Javascript good?

I am a aspiring web designer, and want create a universal accessible web pages?

1 Answer 1

5

The trend is moving towards 'responsive web design' rather than liquid layouts measured in percentages.

CSS3 introduced media queries, which allow you to serve different styles depending on device resolution, without needing to resort to Javascript, so this makes it far more flexible when designing for multiple devices.

Ethan Marcotte is the person who popularised the term responsive web design - in fact, he basically wrote the book on it. His article on A List Apart is a good place to get started:

For some inspiration on what can be achieved with media queries and responsive web design, check out http://mediaqueri.es/

2
  • 1
    Unfortunetly CSS3 media queries are not supported in Internet Explorer prior to version 9 so I would hold of using them just yet. caniuse.com/#search=media Aug 10, 2011 at 8:53
  • 2
    Well, my answer is meant to support best practices for 'aspiring web designers'. Support for media queries can be enabled for older versions of IE using a framework like '320 and Up': stuffandnonsense.co.uk/blog/about/320_and_up
    – Ciaran
    Aug 10, 2011 at 8:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.