2017 Feb 7th Reading Ref

SASS / CSS

• Nope, nope, nope, line-height is unitless
• How to Create Direction-Aware CSS-Only Hover Effects
• How Flexbox works — explained with big, colorful, animated gifs
• Maintaining Accessibility in a Responsive World
• More Readable CSS with CSS Custom Properties
• CSS Pseudo-classes: :not() and :target
• More HTML5 Semantics: Changes to Existing Features
• CSS Architecture for Multiple Websites With SASS
• Building a Morphing Hamburger Menu with CSS
• Let’s Look at 50+ Interesting CSS Properties & Values ★
• The end of the clearfix hack?
• A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid
• SCSS Only Slider
• Opinions of Leaders Considered Harmful
• Map Rollovers
• Animate to Different End States Using One Set of CSS Keyframes
• 3 New CSS Features to Learn in 2017 ★★★

JS

• Intro to Vue.js ★★★
• A Beginner’s Guide to JavaScript Variables and Datatypes
• A Beginner’s Guide to Webpack 2 and Module Bundling
• Practical Guide to React and CSS Modules
• A 5-minute Intro to Styled Components

Web Design / UX

• 5 psychology rules every UX designer must know
• Guilty Pleasures for Designers
• Beware These Nine Design Elements Your Front-End Developers Hate
• What Are Design Ethics? (And Why Are They Important?)
• Is responsive design killing your creativity?
• Mobile-First Is Just Not Good Enough: Meet Journey-Driven Design
• 7 Common UX Mistakes That Can Ruin Your Content
• 5 ways effective UI design promotes UX
• Handoffs Guide for Pixel Perfect Design. Part I.
• Design for Non-Designers: Part 1
• Making input type=date complicated
• Crash Course: UI Design
• Best Practices for Long Scrolling
• Dark UX: Dirty Tricks and Tactics to Avoid in 2017
• Atomic Design by Brad Frost—An Event Apart video(Video)
• Boost your UX with text chunking
• Typography for Developers
• The Underestimated Power Of Color In Mobile App Design ★★★
• The simple formula for great UX design
• Mobile UX Trends For 2017
• How to Design a Large Scale Responsive Site
• Designing in Color