Friday, August 27th, 2010
Find Info On Webkit Spec Extensions
I stumbled across http://webkit.org/specs recently, which is basically a nifty listing of all custom extensions Apple/Webkit has made to web specs, written up as specs themselves so that other browsers can implement them:
- Squirrelfish Bytecode
- Timed Media Elements
- CSS Effects
- Extensions to CSS 3 Media Queries
- The ‘pointer-events’ property
There were some on here that I had never even heard of. The first is the Timed Media Elements spec, which is a fancy name for basically CSS that can control playback of video and audio:
- myVideo {
- media-play-state: paused; /* Pause the video. */
- media-play-rate: 50%; /* Play at half speed. */
- media-loop-count: 2;
- }
Another interesting spec contains extensions to CSS Media Queries, basically making it possible for user agents to query whether CSS Transforms, Animations, 3D Transforms, and Transitions are available so you can apply different style sheets for platforms that support these CSS effects:
- <link rel="stylesheet" media="screen and (transform-2d)" />
Related Content:












Nice thing those extensions to CSS Media Queries. It’s often useful to know for example if CSS Backgrounds and Borders Module Level 3 implemented.