I read through Alex Farkas‘s LazySizes pretty thoroughly and it seems really great! Providing lazy-loading functionality for anything with a special class (
lazyload by default, but you can change that), that reacts to the element’s parent’s size, uses standard HTML and
data attributes, and promises to be “jank-free at 60fps”. Well worth a deeper look!
So, on top of those few little items, here is an entire deluge of tips for everything from Sublime Text, Sass, CSS, Terminal and more. Good luck.
rel="mention". New to me. But sounds fun!!
In case you haven’t already heard about, and fallen in love with, the lobotomized owl selector, please do so now…
Although I have yet to implement any flexbox layouts myself, I absolutely love that you can do things like this dynamic photo gallery so easily…
And as much as I already love flexbox, I’m pretty sure I am going to grow to love grid layout just as much…
Although I am a LESS-man by fate, I could easily switch to Sass when I see things like Takana…
Print CSS is always the last thought, if even that, when new projects prepare for launch. Need to look more deeply into Hartija, and compare it to HTML5 Boilerplate, but at first glance, it looks quite good!
Sara Soueidan‘s Styling and Animating Scalable Vector Graphics with CSS presentation from CSSconf EU 2014. Love her talks!
scrollReveal.js Easily reveal elements as they enter the viewport.
Really love these transitions. And the demo? Just fun to watch… :-)
The 6 Plus is the first iPhone that sports a “Retina HD” display…
Shit… This means beyond our 1x and 2x images, we also now need a 3x… Great. Better learn how to set-up PhotoShop for that!
Very simple, yet effect, JS method for creating a dynamic download file.
And finally, in the name of Halloween, I offer a “scary” e-commerce performance graph for you… Ok, maybe not so scary, unless you work in e-commerce… :-)