Eric
May 2, 2008
  6173
(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 Opal: How to Build Effective Workflow Agents

If you're building workflow agents in Optimizely Opal, this post covers how specialized agents pass context to each other, why keeping agents small...

Andre | May 20, 2026

ReviewPR: An Azure Function That Reviews Your Azure DevOps Pull Requests With Claude

A while back I wrote about an  Azure Function App for PDF creation that we use to offload PDF rendering from our Optimizely DXP site. That same...

KennyG | May 19, 2026

Accelerating Optimizely CMS and Commerce upgrades with agentic AI (Part 2 of 2)

The Real Transformation in Optimizely CMS 13: Why the Upgrade Itself Is the Easy Part. A field-tested playbook for enterprise teams moving from...

Hung Le Hoang | May 18, 2026

Is the most powerful AI model really the best value?

Artificial Intelligence is already becoming part of everyday software development. Developers now use AI tools to generate code, write documentatio...

K Khan | May 16, 2026

Optimizely London Dev Meetup 2026

Well, everyone, it's that time of the year again, and we have another London Developer meet up coming for this summer. The date is set for the 2nd ...

Scott Reed | May 15, 2026

Semantic Search - Deep Dive

Deep dive into semantic search with Optimizely Graph

Michał Mitas | May 14, 2026 |