Two years after CSS 3D got introduced in Webkit Nightlies: When the first 3D transformations in CSS got support on Webkit browsers people got incredibly excited about them. Now that they have matured we also support 3D CSS in Firefox. Only in Firefox Nightlies for now (Firefox 10). CSS 3D transformations in Firefox Nightly →
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the […]
CSS shaders “define a filter effects extensibility mechanism and provide rich, easily animated visual effects to all HTML5 content.” They work particularly well with CSS animations and CSS transitions, but they even work on video & SVG animations. Introducing CSS Shaders: Cinematic effects for the web →
Adobe’s aforementioned CSS Regions and CSS Exclusions (which can be faked via The Box Office, a tool I once wrote a long (long!) time ago) have landed in Webkit/Chromium and in IE10 preview. Demos can be seen in the video below (starting from 1:10)
SMACSS (pronounced “smacks”) is an attempt to document a consistent approach to site development when using CSS. Great work by Jonathan Snook. Especially love the chapter “Depth of Applicability” SMACSS: Scalable and Modular Architecture for CSS →
Although it’s easy to forget, a vendor prefix basically means: this stuff is not finished, and might change in the future – use at you own peril … A fine example: Angles in gradients subject to change →
A nice overview summing it all up.
Some of the experimental features Tab Atkins — a guy who’s on the Chrome team and part of the CSSWG — is working on (aka how we will most likely write CSS in the near future)