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