UI Dev Newsletter
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
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.
https://www.htmhell.dev/tips/autocapitalization/
Manuel Matuzović explains how to control the virtual keyboard's capitalization of words and characters by default.
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.
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 team shares a design system that shows how the front-end assets (CSS and JavaScript) are organized and compiled for their site.
Philipp Brumm shares a helpful little tool to make a smooth shadow.
If you found anything helpful, you could buy me a coffee.
Buy me a coffee☕️ ☕️ ☕️