2020 August Weekly Reading Ref 1
esther
Need more time to flutter π₯Ί
SASS, CSS
- When do you use inline-block?
- Using Flexbox and text ellipsis together β β β
- Modern CSS Techniques To Improve Legibility
- Accordion Rows in CSS Grid
- CSS breakpoints used by popular CSS frameworks β
- Things I Wish Iβd Known About CSS
@property
: giving superpowers to CSS variables- Understanding CSS Multiple Backgrounds β β
- A CSS-only, animated, wrapping underline
- CSS Painting Order
- Bold on Hover⦠Without the Layout Shift
- CSS Vocabulary β β β β
- Inspired Design Decisions With Emmett McBain: Art Direction As Social Equity
- Want to get better at code? Teach someone CSS
- Stroke Text CSS: π The Definitive Guide β
- Image manipulation with CSS
- What does 100% mean in CSS? β
- CSS variables: Scoping
- The Cicada Principle, revisited with CSS variables
JS
- How To Use Styled-Components In React
- A Simple Explanation of Event Delegation in JavaScript
- style9: build-time CSS-in-JS
- Natively Format JavaScript Dates and Times
- React Spectrum β
Web Design / UX
- Translating Design Wireframes Into Accessible HTML/CSS
- The trouble with mailto email links and what to do instead
- What Is a Design System & Why Use Them + Examples
- Getting the Most Out of Variable Fonts on Google Fonts
- Is Change Positive for Web Designers? β
- Designing for βwhy?β β β β β
- Deliver Better Data-Informed UX Using Sisense Embedded Analytics
Tools/Materials
- csseffects β
- appydev
- Code snippets for easier coding β β
- Heroicons
- Shoelace
- mailgo
- this vs that β β β β β