2016 Nov 10th Reading Ref
SASS, CSS
- 20 essential CSS tricks every designer should know
- Things I’ve Learned About CSS Grid Layout
- A Handmade SVG Bar Chart (featuring some SVG positioning gotchas)
- 8 simple rules for a robust, scalable CSS architecture
- Difference between Translate & Position Relative
- Notes from CSS Dev Conf 2016
- How and Why You Should Inline Your Critical CSS
- Using Y-Axis Transforms and Matrices
- The State of Responsive 3D Shapes
- CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout
- Get Started on the CSS of the Future with PostCSS-cssnext
- CSS Architecture for Design Systems ★★★
- 10 principles for smooth web animations
- CSS Motion Path as of October 2016
- How to build a responsive grid system ★★★★★
- Conditions for CSS Variables
- How to Use CSS Shapes in Your Web Design
- CSS Flexbox Explained by Road Tripping Across the Country
- CSS Loader
Front-End
Web Design / UX
- Choosing the Right Display Typeface: 5 Tips for Success
- 5 Tips for Mixing Photos & Illustrations in a Single Design
- A Quick Guide For Designing Better Buttons
- Content Strategy & Web Design: Connecting the Dots
- Hamburger menu alternatives for mobile navigation
- Designing Confirmation
- The Future of Web Forms
- Designers, We Need to Talk About Development