2020 Feb Reading Ref 3
esther
“If you need to label something, it is poorly designed” π€
SASS, CSS
- Understanding CSS Grid: Grid Template Areas
- Toward Responsive Elements
- While You Werenβt Looking, CSS Gradients Got Better β β
- A Complete Guide to Links and Buttons β β β β
- Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature
- Styled Components vs. CSS Stylesheets
- Same HTML, Different CSS
- A Complete Guide to Data Attributes
- Finally, a CSS only solution to :hover on touchscreens β
JS
- Setting Up API Mocking With Mirage JS And Vue.js
- Understanding Map and Set in JavaScript β
- How to Build Vue Components in a WordPress Them
- How To Use The HTML Drag-And-Drop API In React β
Front-End
- The unseen performance costs of modern CSS-in-JS libraries in React apps
- Why JavaScript is Eating HTML
Web Design / UX
- 5 Pitfalls of User-Generated Content (And How to Avoid Them)
- Designing a ripple effect for UI feedback β
- UX debt 101
- Looking Outside of Web Design for Inspiration
- Avoid These 10 UX Design Fails β
- UX 101: Norman Doors β β β β β
- How deceptive UX patterns trick you into doing what companies want
- Redesign: Gridniking
Tools/Materials
Others
- Design System Subtasks, by Step β β β β