2020 Dec Reading Ref 1
Author note
Merry Xmas🎄
Happy New Year🎉
SASS, CSS
- Avoiding ‘Wasteful’ CSS in Your Projects ★★★
- How to Add Text in Borders Using Basic HTML Elements
- How to Animate a SVG with
border-image - How to Get Sticky and Full-Bleed Elements to Play Well Together
- State Of CSS 2020
- A font-display setting for slow connections
- Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode
- 2 Smartest Ways to Structure Sass
- Native Aspect Ratio Boxes in CSS thanks to
aspect-ratio - The Rules of Margin Collapse
- CSS Scroll Snap
- What Can You Put in a CSS Variable?
- What’s New in WCAG 2.1: Label in Name
- What Makes CSS Hard To Master ★★★
user-scalable=noand suppressing zoom suppression- CSS Individual Transform Properties
- Handling Short And Long Content In CSS ★★
- Centering in CSS
- A Utility Class for Covering Elements
- ClipPath vs Mask
- Sticky CSS Grid Items
- CSS Individual Transform Properties in Safari Technology Preview
JS
- Lots of Ways to Use Math.random() in JavaScript ★
- Happier HTML5 form validation in Vue
- Optimize Images According to Network and Device Constraints in React
- How Redux Reducers Work
- Cut, Copy and Paste in JavaScript with the Clipboard API ★
- What’s Coming To VueX?
Front-End
- Thinking Like a Front-end Developer
- Time to Say Goodbye to Google Fonts
- Why it’s good for users that HTML, CSS and JS are separate languages
- A Beginner’s Guide to the Micro Frontend Architecture
- Create a Tag Cloud with some Simple CSS and even Simpler JavaScript
Web Design / UX
- Weaving Web Accessibility With Usability ★★★
- Designing An Attractive And Usable Data Importer For Your App
- Web Typography Rules: What You Need to Know ★★★★
- 5 Overlooked Mobile Experience Design Best Practices To Focus On
- Color theory: a beginner’s guide for designers ★★★
- Empathetic design: the first stage of design thinking
- How To Avoid Design By Committee ★
- Styling Comment Threads
- Ethical Considerations In UX Research: The Need For Training And Review
- How To Design A Simple UI When You Have A Complex Solution ★★
- The State Of UX in 2021 ★★★
- Are Websites Adding To Consumer’s Health Issues?
- How to Create a Style Guide to Enhance your Brand’s UX?