Eric
May 2, 2008
  6137
(0 votes)

CSS level three..

Hopefully you web designers and programmers is using CSS 2.1 today. But what about the next step...
Well when you start develop sites that are larger then the normal small personal web site you will often get into trouble when the CSS standard can't do all the magic you would like it to do with for instance, your texts and layouts.

I came across a problem recently when I got words that were to long for my boxes. A really helpful thing that isn't  implemented in the CSS "standard" but for the CSS for IE it is the word-wrap: break-word; feature that is implemented in IE, but what if you are developing sites that will be used by users that actually use another browser like FireFox.. :) (you will probably need some code magic and that's not good for the performance of the site...) so could the next level of CSS help us designers out there? Well, Yes! :)

Since 1994, W3C has been working with standards regarding the web and lately specially with CSS. Today level 3 is being developed and will contain both level one and two. We will probably see CSS 3 in the early 2011, hopefully sooner.

For designer there will be new module for advanced layout. It will combine the best benefits of tables and absolute positioning. It will allow designers to specify a grid with only 2 rows of code in CSS and then putting elements into that grid.

Another great featured is new possibilities for printing. Today's printing from web pages is poor and not even near printing from programs like MSWord but CSS3 will hopefully bring some light into that area as well. (http://www.w3.org/TR/css-print/)

So what is new?

  1. Advanced layout module.
  2. Support for vertical text, like Japanese.
  3. Columns with flowing text.
  4. Page attributes like pagenumber, pagefooter and pageheader.
  5. Rounded corners on block elements.
  6. Downloadable fonts.
  7. more possibilities to style vector graphics like svg.

Hopefully we can start use all these nice features soon and it will make life a better place for web developers when implementing cool designs in our EPiServer CMS sites.

If you would like some more information about CSS3 please have a look at these sites: http://www.css3.info/, http://www.css3.com/, http://www.w3.org/Style/CSS/

 

/Eric

May 02, 2008

Comments

Sep 21, 2010 10:32 AM

Hi Eric, Thanks for an interesting post. Things are really moving forward when it comes to standards and semantics, at last. However, it's tricky to find out on what level Epi comply with the W3C standards. Is there a straight answer on that?
/ Magnus

Please login to comment.
Latest blogs
Optimizely CMS 13: Why Search & Navigation Now Means Graph Migration

Optimizely CMS 13 makes Graph a required part of the platform. Here is what that means in practice for teams moving from Search & Navigation, with ...

Wojciech Seweryn | Apr 8, 2026 |

Jhoose Security Module V3.0.0 – Site-Level Security Configuration for Optimizely

Jhoose Security Module updated for Optimizely CMS 13, introducing separate packages for CMS 12 and 13 with ongoing support and enhancements.

Andrew Markham | Apr 6, 2026 |

Searchable settings page

In my current project which has been actively developed for quite some time we have a big classic settings page. Unfortunately the placement and...

Per Nergård (MVP) | Apr 6, 2026

Using Azure Devops Pipelines in Optimizely SAAS (Configured) Commerce

Introduction When working with SAAS Commerce build service v2 your currently need to use a github repo with configured branches to start deployment...

Mark Hall | Apr 4, 2026 |