Skip navigation

Look Into the Future of Web Design: CSS 3 Explained

As usual, 456 Berea Street is keeping us informed and up-to-date on what is happening in the world of web page design. CSS 3 Selectors Explained is a look at the new features in Cascading Style Sheets for CSS 3 arriving in a browser near you soon.

In September and October of 2005 I published a series of articles that explained the selectors that are available in CSS 2.1. A quick summary is that most of the selectors described in those articles can be used now in modern browsers like Mozilla/Firefox, Safari, and Opera. We just need to wait for Internet Explorer to catch up before we can start using the full power of CSS 2.1 selectors. The good news is that Internet Explorer will catch up, at least to some extent, with the release of version 7.

If we look a little further ahead, there are even more powerful selectors waiting to be implemented and used in CSS 3. Many of the CSS 3 selectors have already been implemented in modern browsers, but in general support is far too patchy for developers to rely on these new selectors. However, there are cases where they can be used to add nice forward enhancing features, so I think taking a look at how the new selectors in CSS 3 work can be useful.

The article refers to the Selectors W3C Working Draft 15 December 2005 and explains many of the new features coming out to really help push web page design limits. Examples include substring matching attributes, a variety of different pseudo classes, the general sibling combinator, and better browser support.

It will take time, maybe a few years, for all the browsers to catch up with the new CSS selectors, but this peek will help you keep up with the CSS Joneses.


Site Search Tags: , , , , , , , ,
Copyright Lorelle VanFossen

3 Comments

  1. Posted February 19, 2006 at 5:24 am | Permalink

    great article, I just did a total redesign of my site without tables and I love it!

  2. Posted February 19, 2006 at 8:44 am | Permalink

    Here is a little trust from me. This looks like a comment spam, but I’m not sure. If you just redesigned your site without tables, and the site you redesigned is a web page design company from Canada, then you need a serious slap upside the head for “just” redesigning your site without tables. I would not hire your company for a moment, wording this as nicely as I can, if you are a web design company just figuring out tableless designs which have been the web standards requirement since 1999 and before.

    So I leave this comment up as an example, since as comment spam it carries no weight with WordPress anti-spam features. If you are looking for a web design company, and their site is designed with tables and not CSS style sheets and modern web standards, then do not hire them.

    The same should apply to web hosts and any company that promotes web services of any kind.

    If this is a legitimate comment, then congrats for coming into the modern century of web page design. You’re a little late to the party but very welcome.

  3. Posted December 12, 2010 at 1:58 pm | Permalink

    Been looking at doing site optimization and bettering the design on my website for a while, so this website has been really useful. Easy read also, so thank you!


2 Trackbacks/Pingbacks

  1. […] Look Into the Future of Web Design: CSS 3 Explained […]

  2. […] Look Into the Future of Web Design: CSS 3 Explained […]

Post a Comment

Follow

Get every new post delivered to your Inbox.

Join 21,000 other followers

%d bloggers like this: