33 - WDRL – Web Development Reading List

Hi,

this week I will cover you with latest browser news, many Sass articles and some thoughts to enhance your life and work. Happy reading!

Firefox 28 is out as stable build and that means, Firefox now supports multi-line flexbox finally as the last browser, gets background-blend-mode, window.screenX | window.screenY return CSS pixels instead of device pixels now, VP9 video decoder support, removed support for SPDY/2 and a lot more.
Firefox 29, the next release, upcoming for everyone in April 2014, will bring us improved network panel in DevTools, CSS sourcemaps support and autocompletion of CSS properties. CSS Variables can be enabled behind flags, box-sizing is unprefixed, will-animate property , touch-action (both behind flags), and <input type="color"> and number are supported.
Yet proprietary it’s still good to see CSS being the styling language even in Operating Systems.

How to introduce your client to a more agile workflow for your project.
Trying out TLS encryption for HTTP:// URLs. On opportunistic encryption in the HTTP protocol. It doesn’t replace HTTPS but is a good default for all sites.

A free email validation service by Mailgun (part of Rackspace) for you to use.
Stylestats is a node.js library to to collect statistics from your CSS files. There is also a grunt-task for it.

A QA interview with some people of the Responsive Images Community Group about <picture>, srcset and all the other stuff going around. (Probably) All you ever wanted to know about Responsive Images answered in one short article…

Doing fancy stuff on scroll in the browser window is fancy but when you scrolljack you are taking the memory of how a customer’s (most of you call these people users) legs work.

A Sort function in Sass by Hugo Giraudel.
How to break out of overflow: hidden (I did warn you: it’s an obscure solution).
Explore Sass Maps, a feature of 3.3 covering arrays. Maps can even contain sub-maps or any other type of data.
Efficient CSS Transforms and Animations explained.
Drop shadows for 2 coherent elements while preserving the intersection in CSS. A little trick for you, by me.

“8 hours of work, nothing done“—my journey into interruptions, getting wired in, and being able to write more than a couple of lines of code a day…
This blog post is called “My advice to young developers and designers” but I think it’s good for everyone to read…
Sometimes you need to stop to move forwards…

To support this project, vote for me at netawards 2014, gratipay me or share this resource with other people.

Thanks and all the best,
Anselm

WDRL 33 from 20.3.2014