Adobe’s CSS Shaders Now an Official W3C Editor’s Draft
(Source: youtube.com)
Thursday, September 6th
Stick your landings! position: sticky lands in WebKit
position: stickyis a new way to position elements and is conceptually similar toposition: fixed.The difference is that an element withposition: stickybehaves likeposition: relativewithin its parent, until a given offset threshold is met in the viewport.
Great, native replacement for a simple scroll hack. Until this becomes an adopted standard, you may want to check out the Affix plugin in Twitter Bootstrap.
Saturday, May 5th
Chrome DevTools Timeline has a new Frame Mode, making it even easier to see where your layout/rendering bottlenecks are. I look forward to even more improvements to this feature soon — it can be a bit vague at the moment, but it has incredibly useful information. Currently only available in Chrome under about:flags.
Wednesday, May 2nd
CSS layout gets smarter with calc()
Didn’t even know about this feature, but it’s brilliant. A quick idea of what you can do:
#bar {
height: calc(10em + 3px);
}
And regarding current support:
The calc() property for lengths is available now in Chrome 19 (Dev channel build) by use of the ’-webkit-calc’ property, in Firefox since version 8 using the ’-moz-calc’ property and in Internet Explorer since version 9 unprefixed.
Wednesday, February 29th
Scoped Styles, Deflated WebSockets and the Vibration API
Some big changes land in Chromium:
Last week, 912 commits landed in Chromium and 754 at WebKit, totaling up to 1,666 changes. Highlights include scoped stylesheets, parsing of properties for the Grid Layout and a new interpreter for Apple’s JavaScript engine.
Monday, February 20th
Friday, February 17th
* { box-sizing: border-box }
I’ve used this in technique in the past (for jQTouch), and it’s definitely easier to manage.