2020 August Weekly Reading Ref 2
esther
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