2017 Apr 17th Reading Ref

SASS / CSS

• Pseudo-classes – The Basics
• Replace Bootstrap Layouts with CSS Grid
• Minifying CSS With CSS Optimizer
• An exercise in CSS masonry ★★★
• The invisible parts of CSS
• The CSS Box Model Explained by Living in a Boring Suburban Neighborhood
• From CSS Preprocessors to Styled Components ★★★
• Advanced vertical margins ★★
• Grid “fallbacks” and overrides
• Let’s Define Exactly What Atomic CSS is
• Relational and Attribute Selectors in CSS3
• Container Query Discussion
• Design Tricks with SVG Filters: A Masked Blur Effect
• Organize your CSS properties however you dang like

JS

• Yes, React is taking over front-end development. The question is why.
• Smooth Scrolling and Accessibility
• A Vue.js introduction for people who know just enough jQuery to get by
• React Conf 2017

Front-End

• 10 Answered Questions About A/B Testing
• 7 Ways to Delight Users with Animation ★★★

Web Design / UX

• Are Gradients The New Colors?
• 6 Ways to Improve Long-Scroll Mobile Websites
• Inspiration for Grid Loading Animations
• Good Design Starts With Real Content
• The full stack design system
• Bad Design vs. Good Design: Learn From The Worst Web Designs
• 3 trends in landing page design
• What Every Web Designer Needs to Know About HTML Tables
• The Five Core Components of UX

Others

• The 100% Correct Coding Style Guide

Tools/Materials

• RAGrid
• Griddy
• GRID GARDEN ★★★★★
• reactour ★★
• CSS Grid Template Builder
• Colormind
• COLOR TOOL ★★★★★