2020 June Reading Ref 2
esther
Summer in Taiwan βοΈ π₯π₯π₯π₯π₯
SASS, CSS
- New in Chrome: CSS Overview β
- Global and Component Style Settings with CSS Variables β
- Responsive Styling Using Attribute Selectors
- CUBE CSS β β
- When Sass and New CSS Features Collide
- Styling Layout Wrappers In CSS
- Quick Tips for High Contrast Mode
- The π menu
- Grid for layout, Flexbox for components β β β
- The Mad Magazine Fold-In Effect in CSS
- CSS folded poster effect
- Advice for Complex CSS Illustrations
- Fun with Forms
- Building a hexagonal grid using CSS grid
- How to Reverse CSS Custom Counters
- Using Custom Property βStacksβ to Tame the Cascade
- CSS Custom Properties Fail Without Fallback
- Learn Z-Index Using a Visualization Tool
- How CSS Variables Can Improve Efficiency and Consistency β β β β
- The complete guide to CSS media queries β β
- CSS
:is()and:where()are coming to browsers β - A userβs guide to CSS variables
- Hybrid positioning with CSS variables and
max()β
JS
- 15 React Interview Questions with Solutions
- How I work with arrays
- How to Make localStorage Reactive in Vue
- A Practical Guide To Testing React Applications With Jest β β β
- An Introduction To SWR: React Hooks For Remote Data Fetching
- React Icon System
- Stranger Things, JavaScript Edition
- Everything You Need to Know About FLIP Animations in React
- Internationalization In Vue With The Vue I18n Plugin
Front-End
- Letβs Make a Multi-Thumb Slider That Calculates The Width Between Thumbs
- Atomic CSS-in-JS vs utility-first frameworks
- Stay DRY Using axios for API Requests β β
Web Design / UX
- The Return of the 90s Web
- Redesigning Airbnb for the new normal β a UX case study
- Neon Mode: Building a new Dark UI
- Perfection will kill your design
- Serious UX mistakes that might be sabotaging your sales
- Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form
- Selection controls β UI component series β β β β β
- Text fields & Forms design β UI components series β β β β β
- Simple Design Tips for Crafting Better UI Cards
- What Vitruvius Can Teach Us About Web Design
- Make It Count β A Guide to Measuring the User Experience β β
- A Comprehensive Guide to Notification Design
- How To Benefit From Mental Models in UX Design
- Configuring Application Color Scheme
- How Web Accessibility Works
- Striking a Balance Between Native and Custom Select Elements
- Colors in UI Design: A Guide for Creating the Perfect UI β
- Web site vs web app: Whatβs the difference and why does it matter? β β β β β
App
Tools/Materials
- Elevator.js
- keen-slider
- grid-cheatsheet
- Reflex
- LaTeX.css
- MDB (Bootstrap 5 & Material Design 2.0 UI KIT)
- Neumorphic Generator
- Rough Notation β β β
- Patternico β β
- border-radius playground
- colorcopypaste
- Massimo Say
- LingoJam
- Josh.js
- mono/color
- lyt
- No Design Development
- The Hero Generator
- Sorted Colors β β β