CSS3

Anigma – Online Gaming using only CSS3 Animations and Transitions

Benjamin Meyer has been busy creating Anigma, an online game designed to showcase some of the functionality in CSS3, particularly CSS3 Transitions and Animations.
Anigma is a simple puzzle game where the player has to remove the jewels from the screen, by moving matching jewels next to each other, and progress through multiple levels of varying [...]

CSS3, Coming Soon to a BlackBerry Near You

Research in Motion, manufacturers of the popular BlackBerry smart phone series, have announced plans to launch a new web browser for their phones based on the open source WebKit layout engine, and offered delegates at this weeks Mobile World Congress a sneak peak (see the video at the end of this post).

CSS3 Pseudo-Class Selectors Emulation in Internet Explorer

Keith Clark, an independent web developer from the UK, has developed a JavaScript solution to IE’s CSS3 shortcomings in relation to CSS3 selectors. CSS3 selectors became the first W3C module to reach proposed recommendation status back in December 2009.
His ie-css3.js project (currently in beta) allows Internet Explorer, versions 5 through 8, to identify CSS3 pseudo-class [...]

Join the CSS Quality Assurance Team

As you may (or may not) know, I’m an Invited Expert on the CSS Working Group at W3C. Mostly I talk about specs. But today, I’m going to talk about testing.
W3C is working on test suites for the CSS specs, and I wanted us to have more web authors involved. Many of you have been [...]

Opera adds support for CSS3 Transitions and 2D Transforms

Opera has today issued a pre-alpha release of Opera 10.5 offering increased support for CSS3 and HTML5 as well as vastly increased JavaScript performance and improvements to the browser’s user interface.

A couple of quick updates

Over at Design Shack they’re four posts into the five-post Introduction to CSS3, which covers Borders, Text Effects, the User Interface and (coming soon) Multiple Columns. A nice intro to the subject if our own examples are too complicated for you :p
The new owners of the Fonts and Web Fonts modules, Jason Cranford Teague and [...]

Tooltips with CSS3

As this is my first post, I’d like to introduce myself. My names James and I’m currently working as a senior User Interface Developer for Teachers TV. Like many of you guys, I’m fanatical about web standards and about creating the leanest, most semantic markup possible. I too am excited about the new possibilities with [...]

Making an image gallery with :target

One of the selectors new to CSS3 is the :target pseudo-class, which can be used to apply rules to an element with a fragment identifier; that is, an anchor name or an id. For example, let’s assume you have a section heading with an id of ‘chapter_2′:
<h3 id=”chapter_2″>The Title of the Chapter</h3>
You could create a [...]

Border-radius: create rounded corners with CSS!

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.

Box-shadow, one of CSS3s best new features

The CSS3 backgrounds and borders module has a nice new feature called box-shadow, which is implemented in Safari 3+ and Firefox 3.1 (Alpha).

CSS3 Selectors Test

The CSS3 selectors test will automatically run a series of small tests which will determine if your browser is compatible with a large number of CSS selectors. You can click on each CSS selector to see the results, including a small example and explanation for each of tests.