2020 Nov Reading Ref 1
esther
It’s almost time to say goodbye to 2020 π·
SASS, CSS
- How to Create a Realistic Motion Blur with CSS Transitions
- Scroll Animations for Image Grids β
:focus-visibleIs Heremin(),max(), andclamp(): three logical CSS functions to use today β β β- The
-β-var:; hack to toggle multiple values with one custom property - Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
- Full-Bleed Layout Using CSS Grid
- Focus management and inert
- Smarter Ways to Generate a Deep Nested HTML Structure
- Build a responsive media browser with CSS
- Clamp
- CSS Variables 101 β β
- CSS in 3D: Learning to Think in Cubes Instead of Boxes
- Creating CSS Shapes with Emoji
- Comparing Various Ways to Hide Things in CSS
- Alternative Text for CSS Generated Content
- Thinking Outside the Box with CSS Grid
- Prevent layout shifts with CSS grid stacks
- βThe CSS Universal Selector Is Slow And Should Be Avoidedβ β Yet Another Lie! β
- Responsive Height Design β β
- Say Goodbye to Pesky Overflowing Text With the
text-overflowCSS Property β
JS
- Managing Long-Running Tasks In A React App With Web Workers
- Authentication In Vue.js β β
- Vue Data Table
- How to Timeout a
fetch()Request β
Front-End
- The Widening Responsibility for Front-End Developers β β β β
- How to Test Responsive Web Design Cross-Browser Compatibility
- A Primer on the Different Types of Browser Storage
Web Design / UX
- 9 Reasons Why You Should Use Open-Source Fonts
- 4 Web Design Hacks You Can Use to Enhance Your Website on a Budget
- Presentation Modeling: A Prioritized, User-centered Approach to Design Requirements Gathering
- Design Trend: Modern Tappable Targets (And How to Do It)
- Logical layout enhancements with flow-relative shorthands
- When fonts fall
- Get rid of flaws in Responsive Design β β
- Perspectives of Women in Technology - Part 3
- Tips for Being a Good Design Mentor
- Making Minimalism Functional in Web Design
- Cumulative Layout Shift in Practice
- Tips for a Great Dashboard UI
- Just FYI: Acronyms are hurting your UX and ROI β β
- 5 Biggest Challenges Web Design Agencies Face
- An Accessibility Checklist for Your Website: Part 2
- Email Design Accessibility: Why It Is Important to Improve It
- Responsive Grid Design: Ultimate Guide β β β β
- An introduction to Inclusive Design β β
Tools/Materials
- Butter Slider
- Radix Icons
- CSS Background Patterns
- Wouter
- UXArchive
- The Good Lineheight β β β
- Link to Qr β