Web Design Link Picks
resources from newsletter #0260 #0261 #0262 #263 #264 #265
Article written on Monday, 19 Sep 2022
New edition of our webdesign linkpack. This time you can start dissecting all the most hearted CodePens of last year. There are a whole bunch of them that you can learn from. I've also included several very good articles by Ahmad Shadeed, one of the best resources to learn from. There also an article included about Creating Generative SVG Grids. Enjoy!
Make Beautiful Gradients
Wonder how to make beautiful gradients in CSS? Joshua Comeau explains it all in this article.
A Deep CSS Dive Into Radial And Conic Gradients
In this article Ahmad Shadeed takes a closer look at two gradients: conic-gradient and radial-gradient.
Building UI Components With SVG and CSS
In this article Ahmad Shadeed wrote about how to use SVG and CSS to build dynamic UI components that are usually hard (or not possible) to do with CSS.
Getting Started With CSS Cascade Layers
Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management.
Use Cases For CSS fit-content
Short article by Ahmad Shadeed on some of his favorite use-cases of CSS fit-content.
Responsive Images & Art Direction - Designing in the Browser
In this episode by Una Kravets, we will learn all about responsive images and art direction, including how to optimize your art for size and layout.
Aspect Ratio is Great
Pretty excited to learn about this CSS property. Go read this lovely tutorial by Michelle Barker.
Hello, CSS Cascade Layers
Ahmad Shadeed looked at CSS cascade layers, what problems they solve, and some possible use-cases.
The Intended Wordle Font, Nobody can See
See how and why Wordle would look much better in “Clear Sans”, while learning about the CSS font stack, and the value of good typography in UIs.