2017 Mar 17th Reading Ref
SASS / CSS
- How to Build Your Own Progressive Image Loader
- Scaling SVG Clipping Paths for CSS Use
- HTML5 Forms: New Controls
- How to use Flexbox to create a modern card design layout
- MaintainableCSS ★★★★★
- Text Stroke: Stuck In The Middle With You
- Grid + Flexbox: the best 1-2 punch in web layout ★
- The benefits of learning how to code layouts with CSS
- CSS Reference: Grid ★★★★★
- How We Built EQCSS & Why You Should Try Building Your Own Polyfills Too ★★★
- CSS Tip: Use :not to Save Time and Lines of Code
- CSS Architecture Block-Element-Modifier (BEM)
- Linting HTML using CSS
- A horizontal scrolling navigation pattern for touch and mouse with moving current indicator
- Hassle-free Full Bleed with *:not()
- Using CSS Transitions on Auto Dimensions
- Learn about CSS Architecture: Atomic CSS
- How to Order and Align Items in Grid Layout
- Getting Started with CSS Grid
- Golden Guidelines for Writing Clean CSS
- Stack Motion Hover Effects
JS
Front-End
- Implementing Critical CSS on your website ★★★
- hyperHTML: A Virtual DOM Alternative
- Better CSS with JavaScript
Web Design / UX
- 7 Design Myths That Will Wreck Your Site
- From student to professional
- Design Better Cards
- Realising You Suck at Design
- Zara: A Usability Case Study
- The Design of the Dark Side – the UX Dark Patterns
- How To Spark A UX Revolution