c69's Browser Pit

played around with gradients today...
Disclaimer: Do not use in production. Nothing of this works in Chrome (because they have not uprefixed gradients, just yet)

Pure CSS Triangle: http://jsfiddle.net/GBjXp/
Boring, just another triangle.

Simple color mix: http://jsfiddle.net/ugPUu/
Boring, RGB colors @ 120 degree shift.

Eye in a Tube: http://jsfiddle.net/qAYbK/
Overlaying radial gradients.
Notice how Firefox is starting to experience troubles with this one - dirty colors, stuttering. Special: drag/resize jsfiddle's layout grid, and you will see how Firefox draws radial-gradient all over your screen.

Liquid sky: http://jsfiddle.net/8Q8dj/
Something more visually enoyable.
This one is using background-size to patternize gradient, small alpha hsla for spiral gradient, also, corners are bluntly hacked.
Looks as intended in ie10/o12, but FF19 adds extra psychedelic effects, which you might decide to enjoy

Shadow DOM is enabled by default in Chrome 24. But not style=scoped, yet. Anyway, that is a start of tectonic shift, the web will never be the same* as we know it. Trust me. (* - for HTML/CSS coders, that is).

Also, there is other cool new stuff in upcoming Chrome:
- polygonal shapes added to CSS Exclusion module:
http://hansmuller-webkit.blogspot.co.uk/2012/06/horizontal-box-polygon-intersection-for.html
- “clip-path” CSS property, which restricts the region of an element that can be painted is now supported.
- unprefixed window.performance and requestAnimationFrame
- like Firebug, WebInspector is now able to style its console output, thus:
'console.log("%cBlue!", "color: blue;");' will write blue text to the console, and so on.
- like Opera, WebKit now supports the @supports rule from the CSS Conditional module.
- like in Firebug and Dragonfly, the $() function now aliases querySelector rather than getElementById, within Web Inspector.
- experimental WebGL inspections
- you can now draw dashed lines in Canvas.


via Peter Beverloo.

there is a trend of moving (back) to MS box model.
Paul Irish was first to talk about it, but now more people are supporting the idea.
http://generatedcontent.org/post/25832131984/box-sizing#notes

// i was using it before it was cool. But now i have IE7 in requirements. Irony.

http://html.adobe.com/

also, charming Divya has left Opera for Adobe.

With butt-ugly declaration syntax.. but, at least there is something, finally, after all those years.
draft: http://dev.w3.org/csswg/css-variables/
announcement: http://lists.w3.org/Archives/Public/www-style/2012Apr/0228.html