2018 March 1st Reading Ref
esther
CSS variables!
SASS, CSS
- Responsive Components: a Solution to the Container Queries Problem
- Using Sass to Control Scope With BEM Naming
- Everything you need to know about CSS Variables
- Patterns for writing manageable CSS without a framework ★★★★★
- Styling Empty Cells With Generated Content And CSS Grid Layout
- Understanding Web Fonts and Getting the Most Out of Them
- Faux Subgrid
- Avoiding chaos when using Flexbox
order - CSS Grid for UI Layouts
- Stunning hover effects with CSS variables
- CSS Basics: Fallback Font Stacks for More Robust Web Typography
- Finding Dead CSS
- Recreating the GitHub Contribution Graph with CSS Grid Layout
- Using CSS Clip Path to Create Interactive Effects
- CSS Scroll Snap: What Is It? Do We Need It?
- How I design with CSS grid
- Modern CSS Explained For Dinosaurs
- Using Media Queries For Responsive Design In 2018
- Meet the New Dialog Element
- 3 Superpowers of the Flex-Box Model — How flex-basis, flex-shrink and flex-grow work
- CSS Grid layout — crossed sections
- Counting With CSS Counters and CSS Grid
- style guide-driven design systems
- CSS Grid + CSS Multi-Columns = ♥
- CSS: The Definitive Guide, 4th Edition
- Space, Size & Style
- Take Command of CSS Flexbox
- Bulma: CSS framework you should consider in 2018
- Offboarding In The Online World
- Half Second Hamburger Helper
- Crooked Style Sheets
- CSS Alignment Cheatsheet
- Getting Started with Transition and Transform In CSS
JS
- Let’s Build a Custom Vue Router
- REACT, REDUX AND JAVASCRIPT ARCHITECTURE
- Please Stop Using Local Storage
Front-End
- frontend case studies
- Getting started with CSS modules in React
- Designer-Oriented Styles
- Are Progressive Web Apps the new future?
- Direction Aware Hover Effects
- Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input
- 10 Exciting Page Transition Effects
Web Design / UX
- Accessible By Design
- Popup Explorations
- Handlebars in UI Design
- SHOULD YOU FOLLOW DESIGN TRENDS?
- A Comprehensive Guide To UI Design
- How to Design Readable Content for the Web
- LEAN UX PRINCIPLES TO KEEP YOUR USERS HAPPY
- The secret heroes of UX Design
- Website Sameness™
- People Don’t Scroll (and Other Page Length Myths)
- Get started with motion design in 9 steps
- A Comprehensive Guide To User Experience Design
- WHY THE HAMBURGER MENU SHOULD DISAPPEAR FOR GOOD
- Designer-Oriented Styles
- People Writing About Style Guides
- Laying the foundations for system design
- Confessions of a UX designer
- The secret heroes of UX Design
- Why Japanese Web Design Is (Still) the Way It Is
- Glossier’s Mobile Navigation
- UX Design Glossary. Navigation Elements: Icons, Search, Tags.
- GREAT UX IS A BALANCING ACT: HERE IS WHY
- Color Hunt: Behind The Scenes
- Hyperloop Interface. Around the World in a Minute
- HOW TO CREATE A LIVING STYLE GUIDE
- Design Style Guides to Learn From in 2018
- Gestalt principles in UI design
Others
- The Secrets of Patreons High Performance Product Teams
- A CONSTRUCTIVE GUIDE TO UP-SKILLING IN 2018
- Being a Workaholic Designer (And How to Recover)