2020 April Weekly Reading Ref 2

esther

💬

SASS, CSS

• LCH colors in CSS: what, why, and how? ★★★
• Responsive Images the Simple Way
• Overflow In CSS ★
• 4 CSS Grid Properties (and One Value) for Most of Your Layout Needs
• CSS Foldable Display Polyfill
• Thinking in Behaviors, Not Screen Sizes ★★★
• When debugging, your attitude matters ★★★★
• Styling in the Shadow DOM With CSS Shadow Parts
• Using CSS to Set Text Inside a Circle
• Create a Responsive CSS Motion Path? Sure We Can!
• Creating Color Themes With Custom Properties, HSL, and a Little calc()
• Pseudo-Randomly Adding Illustrations with CSS
• Extending the Limits of CSS
• Creating Morphing Animations with CSS clip-path
• Making a responsive CSS grid layout with just 3 properties ★

JS

• Getting Started With The React Hooks API
• Tips for Writing Animation Code Efficiently
• How the Vue Composition API Replaces Vue Mixins
• Best Practices With React Hooks
• JavaScript Visualized: Promises & Async/Await ★★★★

Web Design / UX

• You’Re (Probably) Doing Digital Accessibility Wrong
• Why Design-isms are a problem ★★★
• Sensible Design: making ethically personalized digital products ★★★★
• Developing a Sense of Mythology Around Your Designs ★
• Button Design — UI component series ★★★
• Better Form Inputs for Better Mobile User Experiences

Tools/Materials

• CodeTour ★★
• TOAST UI Editor
• Honeycomb
• CSS Separator Generator
• Frontend Mentor ★
• BEM Cheat Sheet ★
• MVP.css

Others

• Build a Chrome Extension to Streamline Your Workflow ★
• Why you should stop using Google Analytics on your website ★
• 6 Things Markdown Got Wrong ★★
• Dear internet: we must ban targeted advertising immediately
• CS Visualized: Useful Git Commands