Curated Website Section Designs | Home
Unsection is a website that offers inspiration for various website sections. It is a good resource for finding the best website section for your website.
SuperGeekery: A blog probably of interest only to nerds by John F Morton.
Welcome to my link library. These are not links to content I have created unless you see that mentioned in the link’s description. These are links I found interesting enough to want to keep track of. If you read Craft Link List, the Craft CMS newsletter I used to write, this page is a replacement of sorts for that exercise. Enough talk. Let’s hit the links.
Unsection is a website that offers inspiration for various website sections. It is a good resource for finding the best website section for your website.
Use generative art for your placeholder images
A dive into making beautiful gray color palettes with CSS.
Color.js is designed make simple things easy, and complex things possible, and that extends to installation as well.
Anicons is an experiment that combines two cutting-edge font technologies: variable fonts and color fonts.
Explore the timeline of milestones in the history of web design from 1990 to the present day.
System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.
A font based on Voronoi algorithm
Adding noise texture with only code to SVG.
Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.
Inter is a typeface family
A visual & interactive SVG reference. Quickly look up how to define SVG shapes, transforms, masks, patterns, gradients, text and more.
Generate seamless, unique, royalty-free patterns to use for free in any project. Export as SVG, JPEG, or PNG.
PDP‑8 / SBC6120 Deep Thought Front Panel Toy with the deep thought blinking lights, aka “blinkenlights” program.
Hi. My name is Cabel. And I’ve probably got the neatest job in the whole world. I wear many hats. But here on my personal blog, I get to write about the things I really care about, just for you. And from the fact that you’re reading this blog aLt all, I think you may…
Archive of different corporate design aesthetics through the ages
SendCutSend is an online CNC and laser cutting service, specializing in aluminum, steel, brass, plastics, titanium, and more. Fast turnaround and free shipping!
Who will design the next generation of readable, writerly web layouts? Who will design them? Layouts for sites that are mostly writing. Designed by people who love writing. Where text can be engaging even if it isn’t offset by art or photography. Where text is the point. With well-considered flexible typesetting, modular scaling, and readable measures across a full range…
The gray palette of a design system is the scaffolding that supports all other colors that occur in a digital experience. The new set of grays for the Red Hat Design System was crafted with care…
Create fully responsive shape dividers for your next web project.
What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! Join me as I continue exploring the experimental implementations of the latest specs.
This reference lists all the elements we’ve introduced, and their attributes. A few element-specific presentation attributes are included, but the full reference for presentation attributes is the SVG Style Properties list.
Aperiodic tiling, in which shapes can fit together to create infinite patterns that never repeat, has fascinated mathematicians for decades, but until now no one knew if it could be done with just one shape