Skip to content

CSS3: What’s Now, What’s New and What’s Not?

Mozilla dude (Jonathan?)

“We have some good news, and the some bad news.  The bad news is that CSS3 does not exist and has no plan for it to exist.  The good news is that we’ve broken the CSS3 specification up so that individual modules can move on and we can start using them sooner.”

He is kind of glossing over the following properties:

  • nth-child[odd] & nth-child[even]
  • the color module (opacity, rgba)
  • border-image
  • moz-column
  • text-shadow (x y offset opacity)
  • box shadow (x y offset opacity),
  • word-wrap (can break long strings of text to the next line)
  • font-size-adjust
  • @font-face (downloadable fonts!)
  • example: @font-face {font:”Mrs Eaves”,serif; src:url(“MrsEavesR.ttf”);}
  • (you must import each face and weight/style that you intend to use)
  • transform (skew, rotate)
  • svg “clip-path”, “mask”, and “filter” can be applied to an iframe

They are proposing as high priority:

  • h1 { content: url(logo.png); }

Internet Explorer dude (last name Galineau) (he has a Firefox sticker on his laptop haha)

They are focusing on implementing CSS2.1 completely, correctly and optimally.  This guy is actually pretty funny, he is really playing up the enemy card in his jokes—which are actually pretty funny.  As of IE8 2.27, CSS2.1 has been completely implemented and passes several different tests.

They are not implementing any new CSS3 properties, byt they are supporting things like overflow-x, background-position-x, etc.

In the future, they are going to push for opacity, multiple backgrounds, border images, etc.

He is calling for people to participate in testing, email: www-style@w3.org

Hakon Wium Lie   –   Opera CTO   –   howcome@opera.com

Hakon is talking a bit more in depth about

text-shadow

web fonts (the big disagreement with microsoft is trying to get them to support true type and open type on the web)

border-radius (admitting that they should have had this since css1 and apologizes to designers)

box-shadow inset gives a pretty awesome subtle gradient effect

border-image (you can repeat the fragments rather than stretching the image)

wow, he actually recreated the Opera logo

CSS Transitions

WOAAAAAAHHHHHH, you can actually specify an amount of seconds between the active and hover state, so effing cool!!!!  He says that it is only 3 lines of CSS

Media Queries

Wow, you can totally change the CSS based browser window dimensions (for mobile devices, for example).

As for print, you can do leaders (for table of contents) and footnotes with CSS in Prince (a tool that generates HTML/CSS into pdfs).

Questions

Why do we need to have separate rendering engines?

FF: The danger of having a single rendering engine is that you end up with the web stagnating and other things replacing it.  You may even have something that competes with HTML/CSS.

IE: Also blames stagnation.

Op: We really focus on mobile devices, with very different rendering needs and abilities.

Moderator: We want the implementation of the standards, and don’t really care so much about the rendering engines.  The browsers need to get their implementation in sync a bit more—the competition can breed better security, better implementation, etc  We shouldn’t be competing on the standards level as we have been.

Are our current design styles complicating the spec—will we need/want them in 10 years?

Op: Lots of requests for specific features, help developers not have to worry about hacks, images, etc.

(More of a statement about using floats, etc in the absence of a proper layout module.  Check out Jonathan Snook’s layout module.)

FF: The working group has a lot of work to do in deciding what is essential and important in the various proposals offered by FF, WebKit, Opera, and IE.

Op:  You can actually build things that look/act like tables but are not actually tables with the table module.

*ongoing discussion about how html5 is going to change this issue, but at the same time breaks down some of the separation of mark-up and structure—which makes the standards evangelists rethink their positions a bit.

Hakon: “I do not like the scrolling interface of web browsers, and would like to see a pagination interface instead”.

Molly.com will have links to all of the notes from the presentation.

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*