2017 Jan 20th Reading Ref
SASS / CSS
- Presentation Attributes vs Inline Styles
- A Thing To Know about Gradients and “Transparent Black”
- Writing Element Queries Today Using EQCSS
- CSS Selectors: Attribute Selectors
- HTML5 Page Structure Basics
- Random Numbers in CSS ★★★
- Progress Nav
- From Sass to PostCSS
- Mirror Effect
- Sloped edges with consistent angle in CSS
- Interpolation in CSS without animation
- CSS Writing Modes
- Block Reveal Effects
- A Beginner’s Guide to Pure CSS Images
- Writing HTML with accessibility in mind
- Multi-line Padded Text with the CSS box-decoration-break Property
- CSS Evolution: From CSS, SASS, BEM, CSS Modules to Styled Components
- Understanding Flexbox: Everything you need to know
Front-End
Web Design / UX
- Color in UI Design: A (Practical) Framework
- The Road to SVG and Custom Elements in Clarity Icons
- How to Break the Grid Without Making a Mess
- 7 Rules for Creating a Simple Design
- 7 Tips for Effective Use of Icons in Design Projects
- How to Design With Pantone’s Color of the Year
- More Than Just Pretty: How Imagery Drives User Experience
- Cards vs. lists, how they impact UX
- Let the Action Buttons in the Dialog Box Scream its Outcome
- Tiny Trends #1: Non-Rectangular Headers
- Learning from Lego: A Step Forward in Modular Web Design ★★★
- Top Resources to Learn Grid
- Designing Imaginative Style Guides
- Animation in Design Systems
Tools/Materials
- Color Supply ★★★
- ColorMe
- Design Guidelines. ★★★★★