2017 Apr 17th Reading Ref
esther
Highlight: GRID GARDEN
SASS / CSS
- Pseudo-classes – The Basics
- Replace Bootstrap Layouts with CSS Grid
- Minifying CSS With CSS Optimizer
- An exercise in CSS masonry ★★★
- The invisible parts of CSS
- The CSS Box Model Explained by Living in a Boring Suburban Neighborhood
- From CSS Preprocessors to Styled Components ★★★
- Advanced vertical margins ★★
- Grid “fallbacks” and overrides
- Let’s Define Exactly What Atomic CSS is
- Relational and Attribute Selectors in CSS3
- Container Query Discussion
- Design Tricks with SVG Filters: A Masked Blur Effect
- Organize your CSS properties however you dang like
JS
- Yes, React is taking over front-end development. The question is why.
- Smooth Scrolling and Accessibility
- A Vue.js introduction for people who know just enough jQuery to get by
- React Conf 2017
Front-End
Web Design / UX
- Are Gradients The New Colors?
- 6 Ways to Improve Long-Scroll Mobile Websites
- Inspiration for Grid Loading Animations
- Good Design Starts With Real Content
- The full stack design system
- Bad Design vs. Good Design: Learn From The Worst Web Designs
- 3 trends in landing page design
- What Every Web Designer Needs to Know About HTML Tables
- The Five Core Components of UX