CSS3

Tweet Update by David: Opera has now released a public WinGogi build of Opera passing the DOM test and with pixel perfect rendering. We don’t believe we have passed the test yet, as there are performance issues with a couple of tests. This puts Opera and Safari neck and neck. It is fantastic to see […]

Tweet Apple surprised a lot of people by releasing Safari 3.1 today (myself included!), and amongst its list of new & improved features (audio and video tags! SVG in img and background-image!) are two which will be of interest to readers of this blog: full CSS3 selectors support, and web fonts. The first means that […]

Tweet While thinking about suggestions for new features wanted in CSS3, my mind strayed onto image replacement methods. At the moment we have a cornucopia of methods, none of which resolves the style on/images off problem without extra markup (I’m referring to CSS-only techniques). CSS3 should be able to solve this problem for us, shouldn’t […]

Tweet While browsing the admin section of this site, I saw an incoming link titled Fun with CSS3. It includes three examples of creating a recipe card mock up using CSS3 that is currently implemented in browsers. Due to the various levels of implementation, no browser can create the whole design using the CSS3 techniques, […]

Dave Hyatt has recently checked in to the WebKit repository some basic support for using the ClearType text rendering system.

Tweet Disclaimer: The following post is my personal opinion, and not necessarily those of my employers. My colleague, Chris Mills provided feedback and suggestions for this post. Since Opera’s antitrust complaint to the EC, some people have used the complaint as a catalyst to promote their agenda against the W3C and the CSS Working Group, […]

Tweet CSS3 Media Queries features Media Feature Core-2 WebKit 523 Gecko 1.9 Trident width Yes Yes No No height Yes Yes No No device-width Yes Yes No No device-height Yes Yes No No device-aspect-ratio Yes Yes No No color No No No No color-index No No No No monochrome No No No No resolution Yes […]

Tweet CSS3 Namespace properties Property Presto 2+ WebKit 3 Gecko 1.9+ Trident @namespace Yes Yes* Yes No Browsers and Rendering engines Each property and unit was tested in the latest version of each of the major rendering engines – Presto Core-2, WebKit, Gecko and Trident. KHTML wasn’t tested as they are working on transitioning to […]

Tweet There are a few new properties in the basic user interface module that allow for controlling which elements get focus. Traditionally we have been able to control tab order using tabindex in HTML. This has been deprecated due to not being hardware agnostic. Phones or game consoles don’t have a tab key for example. […]

Tweet CSS3 Color properties Property Presto 2.1 Presto 2.2 + WebKit 3 Gecko 1.9 Trident color* Yes Yes Yes Yes Yes opacity Yes Yes Yes Yes No CSS3 Color Units Unit Presto 2.1 Presto 2.2 + WebKit 3 Gecko 1.9 Trident HTML Colour keywords Yes Yes Yes Yes Yes SVG Colour keywords Yes Yes Yes […]