UI Dev Newsletter #75
Issue #75
2021-09-20
-
The Future of CSS: Cascade Layers (CSS @layer)
https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/
Bramus Van Damme explains Cascade Layers, how we can use them, and what benefits they bring. -
Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/
Josh Comeau describes all you need to know about box-shadows, from theory to practical examples. -
Autocapitalization
https://www.htmhell.dev/tips/autocapitalization/
Manuel Matuzović explains how to control the virtual keyboard's capitalization of words and characters by default. -
Grainy Gradients
https://css-tricks.com/grainy-gradients/
Jimmy Chion shows how to generate colorful noise to add texture to a gradient with only a tiny amount of CSS and SVG. -
Web Vitals patterns
https://web.dev/patterns/web-vitals-patterns/
Chrome Developers share a collection that includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. -
Master Frontend Development By Cloning These Websites
https://dev.to/hyggedev/master-frontend-development-by-cloning-these-websites-1m08
To become a better developer, Chris Hansen lists which sites you should try to clone and incorporate functionality, like modals and dropdowns. -
W3C Design System
https://design-system.w3.org/
W3C team shares a design system that shows how the front-end assets (CSS and JavaScript) are organized and compiled for their site. -
Smooth Shadow
https://shadows.brumm.af/
Philipp Brumm shares a helpful little tool to make a smooth shadow. -
Popular on Twitter
Play your favorite tunes with Spotify in your terminal.
https://mobile.twitter.com/github/status/1437748034910277636
GitHub shares a Spotify TUI — Spotify for the terminal written in Rust.
Happy coding!