CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list.
Browser support for multiple backgrounds is now relatively widespread with Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) and even Internet Explorer (9.0+) all implementing the feature.
The W3C CSS Working Group have introduced a new module to CSS3, the CSS3 Grid Layout module, as well as released two further updated specifications, for the CSS3 Multi-column Layout and CSS3 Text modules.
Let’s take a closer look at what’s new.
With Internet Explorer 9 barely out of the labs, Microsoft yesterday caught many developers by surprise, with the launch of the first platform preview of the latest incarnation of their popular web browser, Internet Explorer 10, at this years Mix conference.
The latest version of Internet Explorer, currently only three weeks into the development cycle, already boasts an impressive array of improvements, particularly in terms of CSS3 support, addressing many of the areas missed by IE9. For this release, Microsoft has paid particular attention to the CSS3 layout modules, with the platform preview offering implementations of the CSS3 Multi-column Layout module, the Flexible Box Layout module, and the recently announced CSS3 Grid Layout module.
The W3C CSS Working Group have released two further updated working draft specifications for CSS3.
The first, released on 11 March, sees a major overhaul of the CSS3 Flexible Box Layout module. The second, released on 24 March, brings several enhancements to the CSS3 Fonts module.
Opera have once again kicked their level of CSS3 support up a notch with the release of the latest beta version of their popular web browser. Opera version 11.10 beta, code named ‘Barracuda’, was first unveiled at this weeks SXSW in Austin, Texas, before being made available for download as a public beta yesterday.
The most notable improvements to the browser, in terms of CSS3, are support for CSS3 multi-column layout and partial support for CSS3 gradients.
Update: this offer is now available for the foreseeable future
The series, totalling 51 videos, covers CSS3 basics such as border-radius, box-shadow and CSS3 gradients, as well as more complex subjects including CSS3 selectors, transitions, animations and transforms.
Over the course of the last two weeks, the W3C CSS Working Group have issued three updated CSS3 specifications. The first sees the CSS3 Backgrounds and Borders module return to candidate recommendation, with the second and third providing updated working drafts of the CSS3 Text and CSS3 Image Values and Replaced Content modules respectively.
The working group also introduced a new module, CSS3 Writing Modes, just over 2 weeks ago on the 1st February. This recent flurry of activity represents the first major updates to the CSS3 specifications since the CSS3 Color module was released as a proposed recommendation in October last year.
Let’s take a look at what’s new.
The new CSS3 icon, part of the HTML5 brand (image courtesy of W3C).
On the 18th January the W3C unveiled a logo and brand identity for HTML5 and associated technologies.
The HTML5 logo and accompanying icons (shown below), including one for CSS3 (larger version above), are, according to the W3C at the time of launch, intended to be “an all-purpose banner for HTML5, CSS, SVG, WOFF, and other technologies that constitute an open web platform. The logo does not have a specific meaning; it is not meant to imply conformance or validity, for example. The logo represents ‘the Web platform’ in a very general sense.”
CSS3 for Web Designers, released yesterday, is the second instalment in A Book Apart’s For Web Designers series of mini books for, unsurprisingly, web designers.
The book, available both as an ebook (now) and a paperback (from 22nd Nov), aims to show designers those aspects of CSS3 which can be comfortably used today, along with workarounds for older browsers which don’t support CSS3 (e.g. Internet Explorer 6.0 through 8.0).
The latest Internet Explorer 9 Platform Preview (build 6) released yesterday at Microsoft’s professional developers conferences adds further support for CSS3, specifically CSS3 2D Transforms.