25 recent posts tagged #design, newest first. Page 2 of 2.
Jake has a very nice, clear video about what text-box solves in CSS. It essentially makes even padding on an element (like a button) doable without magic numbers, and that will work across any font (sick). Temani made a tool to help pick…
Share on Bluesky: Better Centering with CSS text-box (opens in a new tab)Share on LinkedIn: Better Centering with CSS text-box (opens in a new tab)
Now that we can better customise <select> elements, it's only natural to side-eye other form <input> types that have caused us visual headaches. Sure, we should be applying the lightest of touches to form elements, especially, but even with…
Share on Bluesky: A decent custom checkbox pattern for until ::checkmark is ready (opens in a new tab)Share on LinkedIn: A decent custom checkbox pattern for until ::checkmark is ready (opens in a new tab)
You can combine border-shape and border-area to easily border-only shapes with gradient coloration easily. No more hacks or complex code, just 3 lines and you're done! See the Pen Complex border-only gradient shapes by Temani Afif ( @t_afif…
Share on Bluesky: Complex border-only Shapes with Gradient Coloration (opens in a new tab)Share on LinkedIn: Complex border-only Shapes with Gradient Coloration (opens in a new tab)
In a previous article, calculated a few values for a responsive grid such as the number of columns, the number of rows, and the coordinates of the grid items. Knowing that each item is automatically placed and spans only one row and one…
Share on Bluesky: Extracting Grid Information Using CSS (opens in a new tab)Share on LinkedIn: Extracting Grid Information Using CSS (opens in a new tab)