Building Resizeable Components with Relative CSS Units

Ahmad Shadeed explores a concept that lets you resize your components by using CSS relative units (%, em, or rem).
The Math of CSS Locks

A detailed description of the inner workings of CSS locks, a Responsive Web Design technique that lets you transition smoothly between two property values when the screen gets smaller or bigger.
From Our Sponsor (via Syndicate)
Developer Playground for Building Full-stack Web Apps, Fast

Combining automated deployment, instant hosting and collaborative editing, HyperDev gets you straight to coding with no setup. Build products, prototype ideas, and invite teammates to collaborate on code together.
Articles & Tutorials
Current Color: The First CSS Variable
Glen Maddern talks about the currentColor, one of the most powerful yet underutilized features of CSS.
Fun with CSS: NBA Edition
Chen Hui Jing explains how to recreate a demo Ethan Marcotte used to illustrate his point on progressive enhancement in his Laziness in the Time of Responsive Design talk.
Captivatingly Colourful Campaigns: Our Guide to Using CSS Filters in Email
Jennifer Birks shows how can you use CSS Filters in your newsletters. Client support is, surprisingly, quite good.
Fullscreen Background Video with mix-blend-mode Overlay Text
Dudley Storey demonstrates how easy it is to create a beautiful text-over-video effect using CSS mix-blend-mode.
Interview with Harry Roberts Before Webexpo Prague: about Refactoring CSS and ITCSS
A nice interview with Harry Roberts on refactoring CSS and ITCSS, a methodology for organizing large CSS codebases.
Jobs
Work on a Better Stack!

On Hired, web engineers typically get 5+ job offers in 1 week. Find that new opportunity you’ve been craving and get access to 3,500+ companies instantly.
Tools
Tabular Input
Lightweight jQuery plugin for building a tabular input method.
Multiple.js
An interesting experiment in sharing background across multiple elements using CSS.
Inspiration
CSStargate

Nils Schönwald created a fully functional Stargate (and a DHD) with CSS (and a bit JS).
Until Next Week
Thanks for reading and thanks for your support, *|FNAME|*.
Happy coding,
Zoran Jambor
Until Next Week
If you like this newsletter, please consider supporting us on Patreon. Thank you!
Happy coding,
Zoran Jambor