CSS3 . Info

Updated CSS3 Preview – CSS3 Attribute Selectors

Chris — Mon, 14 May 2012 12:20:42 +0000

The CSS3 Selectors module introduces three new attribute selectors, which are grouped together under the heading “Substring Matching Attribute Selectors”. These new selectors are as follows: [att^=val] – the “begins with” selector [att$=val] – the “ends with” selector [att*=val] – the “contains” selector Read the complete updated article in our CSS3 Preview section »

And The Winners Are…

Chris — Sat, 07 Apr 2012 10:17:18 +0000

Our competition has now closed and it’s time to announce the winners, each winning a digital copy of SitePoint’s latest book – The CSS3 Anthology: Take Your Sites to New Heights by Rachel Andrew. We asked you to answer the following question: A layout that stretches to fit a browser window is called what? a. [...]

Competition: Win One of Five FREE Digital Copies of SitePoint’s Latest Book – The CSS3 Anthology by Rachel Andrew

Chris — Mon, 02 Apr 2012 07:28:24 +0000

We’ve teamed up with SitePoint to give you the chance to win one of five free digital copies of their latest book – The CSS3 Anthology: Take Your Sites to New Heights by Rachel Andrew. This competition has now closed! About the Book The CSS3 Anthology: Take Your Sites to New Heights is a compilation [...]

New CSS3 Preview: CSS3 Transitions

Chris — Wed, 21 Mar 2012 16:50:24 +0000

CSS3 Transitions are a presentational effect which allow property changes in CSS values, such as those that may be defined to occur on :hover or :focus, to occur smoothly over a specified duration – rather than happening instantaneously as is the normal behaviour. Transition effects can be applied to a wide variety of CSS properties, [...]

Introducing the CSS3 Test

Chris — Mon, 06 Feb 2012 15:32:16 +0000

Released on the 2nd February, the CSS3 Test, created by web standards aficionado Lea Verou, offers a quick and easy way to test and compare browser support for CSS3. In a blog post accompanying the release of the test, Lea Verou outlines her motivation for building the test as follows: To motivate browsers to support [...]

CSS3 Images End-Game: Summary of Changes and Request for Comments

fantasai — Wed, 28 Dec 2011 17:48:31 +0000

Tab Atkins and I published an updated Working Draft of CSS Image Values and Replaced Content Level 3 this month. We anticipate that this will be the last draft before Last Call, which we aim to publish in January. If you have an interest in this draft, please review it and send in your comments. [...]

To Collapse or Not to Collapse? A Multi-column Question.

fantasai — Tue, 29 Nov 2011 22:36:00 +0000

We’ve got a bit of a tricky question on expected behavior of multi-column layout for you folks. First, I want you to imagine a multi-column element. Like this one: Now suppose that you want to use a column-spanning element. Column-spanning elements stretch across the entire multi-column element. Content before one balances into a short row [...]

Radial Gradient Readability

fantasai — Thu, 10 Nov 2011 21:22:14 +0000

This is cross-posted from the CSSWG Blog. At the CSSWG F2F last week, I raised the issue that the radial gradients we were discussing were unreadable to me, and probably therefore to much of the intended audience. It was not at all obvious by looking at the gradient syntax what the various numbers and lengths [...]

CSS3 Selectors and CSS3 Namespaces Released as W3C Recommendations

Chris — Wed, 26 Oct 2011 12:52:52 +0000

The CSS3 Selectors module and CSS3 Namespaces module have both been released as official W3C recommendations, becoming the second and third CSS3 modules, respectively, to reach the end of the development cycle, following on from the release of the CSS3 Color module as a W3C recommendation earlier this year. According to a post on the [...]

Updated Preview: Background-size

Chris — Mon, 05 Sep 2011 14:53:12 +0000

Another new property introduced by the CSS3 Backgrounds and Borders module is background-size. The property adds new functionality to CSS allowing designers to specify the size of background images using either lengths, percentages, or by using one of two keywords; contain or cover. Browser support has grown of late, with the current versions of most [...]