A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

Eric
May 2, 2008
  6014
(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
Building simple Opal tools for product search and content creation

Optimizely Opal tools make it easy for AI agents to call your APIs – in this post we’ll build a small ASP.NET host that exposes two of them: one fo...

Pär Wissmark | Dec 13, 2025 |

CMS Audiences - check all usage

Sometimes you want to check if an Audience from your CMS (former Visitor Group) has been used by which page(and which version of that page) Then yo...

Tuan Anh Hoang | Dec 12, 2025

Data Imports in Optimizely: Part 2 - Query data efficiently

One of the more time consuming parts of an import is looking up data to update. Naively, it is possible to use the PageCriteriaQueryService to quer...

Matt FitzGerald-Chamberlain | Dec 11, 2025 |

Beginner's Guide for Optimizely Backend Developers

Developing with Optimizely (formerly Episerver) requires more than just technical know‑how. It’s about respecting the editor’s perspective, ensurin...

MilosR | Dec 10, 2025