When it comes to CSS, this is as creative as it gets. This student (Xiaoyang Kao) actually created a CSS 3D Transforms-based overlay for a real video feed of a swim meet, to mimic what they do with CGI on live broadcasts.
Various external hand-picked links to CSS-based content from around the web. Subscribe via RSS.
When it comes to CSS, this is as creative as it gets. This student (Xiaoyang Kao) actually created a CSS 3D Transforms-based overlay for a real video feed of a swim meet, to mimic what they do with CGI on live broadcasts.
Zoltan Hawryluk with an in-depth look at creating circular animation paths with just two keyframes (a technique Lea Verou discusses in her “10 More CSS3 secrets presentation…”. He also includes a jQuery-based script polyfill for IE
Zomigi creates a nice chart explaining the difference between the 2011 syntax for flexbox and the current one. This is particularly important because of the fact that IE10 was released before the new syntax was formulated. Hmmm, I wonder how IE10 could fix that problem? *cough* auto update *cough*
The slides from Addy’s talk at jQueryTO. Definitely one of the highlights of the conference. Believe it or not, he actually recommended that, in some cases, it would be better to use an image in place of box shadow, if page performance was significantly affected by adding shadows.
Some info from Addy Osmani on Google+ on performance and paint optimization when forcing GPU acceleration (like when you do something like translateZ(0) to smooth out an animation or the jagged edges of a transform).
Someone on Reddit has conducted a test to see if the content of pseudo-elements is indexed by Google in any way. It seems that the conclusion is that Google does not index such content.
“Animations need to be silky, scrolling must be buttery-smooth and your page needs to contain little to no jank.” Some tips from Addy Osmani on repaints and how to diagnose slow repaint times.
Excellent slide show by Russ Weakley covering the topic of floats. Nothing new here for experienced CSS developers, but great for beginners and those who might not fully understand the concepts behind floats and clearing of floats.
Very cool solution for responsive tables by Aaron Gustafson. Very nice idea to use a pseudo-element to grab the data-attribute.
Divya writes in detail covering some solutions for fallbacks on background-clip techniques that don’t degrade gracefully in non-supporting browsers.