This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.
https://frontendmasters.com/books/front-end-handbook/2019/
Front-end Developer Handbook 2019 – Learn the entire JavaScript, CSS and HTML development practice!
“In this post I’ll provide a brief introduction to design systems and describe the advantages and use-cases for having one. After that, I’ll show Base Web, the React implementation of the Base Design System which helps you build accessible React applications super quickly.”
CSS Modules allows you to define styles which are scoped to a component, rather than globally. This gives better encapsulation and portability, and fewer side-effects.
A historical retrospective of various CSS text/image replacement techniques, with notes about the pros and cons of each.
“Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle any responsive layout you can dream of.”
A library of sass mixins to simplify CSS.
Just for fun: After Dark screensavers in CSS.
Refills is a lightweight framework with SASS mixins, grids, and common web page design patterns.
Nice origami/folding special effects for DOM elements. Mobile-friendly.
Tridiv is a web-based editor for creating 3D shapes in CSS.