2016 Oct 24th Reading Ref

SASS, CSS

• Improving Perceived Performance with Multiple Background Images
• Designing Grids ★★
• “Laying out the future with Grid and Flexbox” - View Source Conference talk by Rachel Andrew (Video)
• CSS Grid Layout: Going Responsive
• @supports will change your life
• Thoughtful CSS Architecture ★★★★★
• Using CSS Mod Queries with Range Selectors
• AtoZ CSS Quick Tip: Placeholder Text
• Reactive Animations with CSS Variables
• Pure CSS Content Filter
• SVG & media queries
• Quantity queries and Flexbox part 2
• Creating the Periodic Table with Grid CSS
• Continue Normalising Your CSS ★★★
• AtoZ CSS Screencast: The Required Pseudo Class
• AtoZ CSS Quick Tip: Benefits of rem and em Values

JS

• You Might Need JavaScript
• Stateful and stateless components, the missing manual

Front-End

• You Can’t Detect A Touchscreen
• A critical analysis of the iOS 10 lockscreen experience ★★
• On Style Maintenance

Web Design / UX

• The Movement Towards Motion in Website Backgrounds
• Introducing Bootcards: Bootstrap Cards Made Easy
• The Art Of Meaningful UX Design
• 4 UX mistakes almost every designer makes
• Button Design Tips: Simple, Small and Vitally Important
• Line Maker: Animated Decorative Lines
• Material Design Awards 2016 ★★★
• 5 Top Landing Page Mistakes
• How the Web Became Unreadable
• How To Build Honest UIs And Help Users Make Better Decisions
• Designing for mobile app commerce
• Icons As Part Of A Great User Experience ★★★
• A Beginner’s Guide to Emotive UI

Tools/Materials

• materialette
• React Color
• CSS ICON
• SVG Charting Libraries