2016 Sep 30th Reading Ref

esther

Layout Lessons :“)

SASS / CSS

• Understanding CSS Grid Layout 2016/09/30
  • CSS Grid Layout: Fluid Columns and Better Gutters 2016/09/30
  • CSS Grid Layout: Using Grid Areas 2016/09/30
  • CSS Grid Layout: A Quick Start Guide 2016/09/29
• Make Forms Fun with Flexbox 2016/09/29
• Column Charts in CSS 2016/09/29
• Why there is no CSS4 - explaining CSS Levels 2016/09/29
• SVG has more potential 2016/09/29
• CSS Floats Explained By Riding An Escalator 2016/09/29
• 9 Underutilized Features in CSS 2016/09/29 ★★
• CSS Grid meets the real world - a login form 2016/09/29
• Accessible SVGs in High Contrast Mode 2016/09/29
• Responsive Images 201: Client Hints 2016/09/29
• Tilted Angles in Sass 2016/09/29
• Mark Robbins | Modern CSS and interactive email | CSS Day 2016 (Video) 2016/09/29
• text-spinners 2016/09/29
• Things to Watch Out for When Working with CSS 3D 2016/09/29 ★★★
• AtoZ CSS Quick Tip: Justifying Text and Using Flexbox 2016/09/29

JS

• Quick Tip: Add or Remove a CSS Class with Vanilla JavaScript 2016/09/29
• Improve Your JavaScript Learning with Fun Experiments 2016/09/29

Web Design / UX

• Why your client needs a responsive website — not an app 2016/09/30
• Making Motion Meaningful 2016/09/30
• Inspirational Examples of UI Style Guides 2016/09/30
• Form UX: Sometimes Even Apple, Google and Amazon Make Mistakes 2016/09/29 ★
• How Constant UX Benchmarking Helps You Avoid UX Nightmares 2016/09/29
• 36 BRILLIANT USER INTERFACE ANIMATIONS 2016/09/29
• Tips for Using Icons in Your App 2016/09/29
• Choosing The Right Prototyping Tool 2016/09/29
• Methods for Controlling Spacing in Web Typography 2016/09/29
• A Usable Guide to Cognitive Dimensions 2016/09/29 ★★★

Others

• 15 Must-have Chrome extensions for web designers and front end developer 2016/09/30
• 3 Years of Pattern Libraries: Lessons Learned 2016/09/29

Tools/Materials

• react-animations 2016/09/29
• Web Performance Checklist 2016/09/29