Anybody using a build tool like Ant, Maven, etc.? Well some company called Google just open-sourced their own build tool, called Bazel. It aims to be lighter, faster, and more reliable and more easily configured, than a bunch of other options. Might be worth a look.
BEM, OOCSS and SMACSS all aim to create modular CSS, and all require you to create, remember, and use rather long CSS classeß in your CSS, HTML, JS, etc. wap-css aims to make writing and using modular CSS a little less cumbersome for the developer, while letting your build process create those long class names & references. That’s what it aims to do, but would that system really be that much easier to remember and use? So, instead of writing:
<div class="social-description-title">
I would write:
<div class≈${styles.title}>
… Well, it is shorter…
Very concise article on using vw, vh, vmin, and vmax for sizing page elements. Includes limitations and suggested work-arounds for those environments.
In case anyone was not already familiar with the height: 0; padding-bottom: xx%; technique for creating scalable responsive background images, this video does a fantastic job of explaining and demoing the technique, in just 5 minutes.
If you haven’t seen the 3 Pieces demo before, enjoy it for a second, then check-out this lengthy bit on how that was built, making extensive use of CSS‘ clip-path property!
The demos on this Animating SVG with GSAP definitely make a strong case!
Speaking of SVGs, Glyph is “a semantic and versatile SVG icon set designed for customization”; good-bye font-icons… (says the guy with the font-icons on his website… ;-)
If you are an app developer, then your testing world just got a lot easier, thanks to Google, who recently announced their Cloud Test Lab, where you can “[s]ubmit your app to the developer console staging channel and Google will perform automated testing on the Top 20 Android devices from around the world”…
Hot-on-the-heels of his NavigationTiming in Practice article, Nic Jansma offers ResourceTiming in Practice.
HTTP/2 is nearly here kids, but for all the issues it is going to solve, it is also going to create all kinds of new issues, because some of what we once knew to be a good performance practice, will soon become a bad performance practice… But don’t worry, Ilya Grigorik is here to help make the transition easier…
Can one simple line of CSS kill a browser’s scrolling performance? Well, if that browser is IE and that CSS property is border-radius, it certainly can.
And finally, a nice, short video interview with Tim Kadlec from Velocity Santa Clara 2015.
Happy reading,
Atg