2018 Jan 23th Reading Ref
esther
It’s been a while.
Everything goes well and even better.
Let’s keep going and being better.
SASS, CSS
- CSS Glitch Effect
- 11 Things I Learned Reading the CSS Grid Specification
- ABEM. A more useful adaptation of BEM.
- Why CSS Grid is better than Bootstrap for creating layouts
- OOCSS and Grid
- Instagram.css
- How to Use Variable Fonts on the Web
- “display: contents” is coming ★★★
- Meet the New Dialog Element ★★★
- CSS Grid + Flexbox Solving Real-world Problems
- Demystifying CSS alignment
- Get Ready for
display: contents;
- Subverted Design: Making sense of our shifting priorities
- How Big Is That Box? Understanding Sizing In CSS Layout
- CSS Naming Conventions that Will Save You Hours of Debugging
- Better Typography with Font Variants
- The latest ways to deal with the cascade, inheritance and specificity ★
- Stop Using CSS Selectors for Non-CSS
- The Spectre Attack and Critical CSS
- Responsive Typography Using Modern CSS
- Making CSS Animations Feel More Natural
- New flexbox guides on MDN
- Flexible type with
:root
- Fun Times With Sizing Grid Elements
- Auto-Sizing Columns in CSS Grid:
auto-fill
vsauto-fit
- A Sliding Nightmare: Understanding the Range Input
- 8 Best Practices for Perfect CSS Documentation
- Design Systems and CSS Grid
JS
- Progressive Web App 會是未來趨勢嗎? 2017/12/19
- Your First Progressive Web App 2017/12/19 ★★★
- Progressive Web Apps 2017/12/19
- Redux 入門
- The Evolution of Redux Action Creators
- 在大型应用中使用 Redux 的五个技巧
- A cartoon guide to Flux
- A cartoon guide to Redux
- Normalizing State Shape
- Dissecting Twitter’s Redux Store
- Time progress bar with CSS
- CSS Grid in Production
- The Top JavaScript Trends to Watch in 2018
- Infinite Scroll
Front-End
- Web Content Accessibility Guidelines—for People Who Haven’t Read Them
- Frontend in 2017: The important parts
- Adele
- Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility
- Front-End Performance Checklist 2018
Web Design / UX
- Google Design’s best of 2017
- Material Design Components Challenge
- Designing Tables for Reusability
- Bye bye Material Design ★★
- LawsOfUX ★★★★★
- Keeping up with SEO in 2018: What you should focus on
- Design Trend: Open Concept Layouts
- HOW TO CREATE A LIVING STYLE GUIDE
- Design Principles
- Designing Friction For A Better User Experience
- Ghost Button Design: Is This Really Still A Thing (And Why)?
- 12 Mobile UX Design Trends For 2018
- 5 UX Design Principles That Never Go Out of Style
- A Study of Homepages Over Time
- Component-Based Design
Others
- The Making of Apple’s Emoji: How designing these tiny icons changed my life
- Designing Better Design Documentation
- Colour management, part 1