2020 August Weekly Reading Ref 2
Author note
Finally, it’s getting cooler 🌬
SASS, CSS
- HTML for Subheadings and Headings
font-weight: 300considered harmful (and a fontconfig workaround)content-visibility: the new CSS property that boosts your rendering performance ★★- Modern CSS grid solutions to common layout problems ★
- Drop-Shadow: The Underrated CSS Filter
- Optimizing CSS for faster page loads ★★★★
- Digging Into the Flex Property
- Deep Dive into CSS Grid ★
- More Control Over CSS Borders With
background-image★ - Nailing the Perfect Contrast Between Light Text and a Background Image
- Getting the Most Out of Variable Fonts on Google Fonts
- How To Configure Application Color Schemes With CSS Custom Properties
- Stacked Cards with Sticky Positioning and a Dash of Sass
- Vertical text alignment in buttons and inputs
- How I Structure My CSS (for Now) ★
- What I Learned by Fixing One Line of CSS in an Open Source Project
- That’s Just How I Scroll ★
- What Happens When Border Radii Overlap?
- 18 Grid Layouts for Building Stunning Websites
- Computed Values: More Than Meets the Eye ★
JS
- A Practical Guide To Product Tours In React Apps
- TypeScript, Minus TypeScript
- Understanding Arrow Functions in JavaScript ★
- Don’t Wait! Mock the API ★★★
- Practical Use Cases for JavaScript’s closest() Method
- Mastering Props And PropTypes In React
Web Design / UX
- Web Design for Seniors: UX From a Mature Perspective ★★
- Infinite Scroll without Layout Shifts
- Naming layout components
- How To Configure Application Color Schemes With CSS Custom Properties
- Building a Design System Library ★
- Generative Logo Design
- Form design best practices ★
- What is Gamification in UX And How It Makes Us Better ★
- How to simplify your design ★
- Designing Adaptive Components, Beyond Responsive Breakpoints