Home | The Component Gallery
Here’s an aggregator of components from multiple design systems.
Link tags: gallery
24
Building a Progressively-Enhanced Site | Jim Nielsen’s Blog
This is an excellent case study!
The technical details are there if you want them, but far more important is consideration that went into every interaction. Every technical decision has a well thought out justification.
A Content Slider
Brad always said that carousels were way to stop people beating each other up in meetings. I like the way Heydon puts it:
Carousels (or ‘content sliders’) are like men. They are not literally all bad — some are even helpful and considerate. But I don’t trust anyone unwilling to acknowledge a glaring pattern of awfulness. Also like men, I appreciate that many of you would rather just avoid dealing with carousels, but often don’t have the choice. Hence this article.
Empty States
A gallery of empty UIs. It reminds me of those galleries of clever 404 pages. Next step: a gallery of witty offline pages.
Building a CSS-only image gallery (with fallbacks)
A great step-by-step walkthrough of building a really nice image gallery without any JavaScript.
The end result is really impressive but there’s still the drawback that the browser history will be updated every time you click on an image thumbnail (because the functionality relies on ID attributes referenced via :target). Depending on your use-case, that may or may not be desirable.
Passive-Aggressive Art Gallery — Justin Cousson
I should do this in the Clearleft kitchen.
Design Patterns on CodePen
Well, this is rather wonderful! A one-stop-shop for exploring UI patterns on CodePen …this is going to be time sink.
Simon Stålenhag Art Gallery
Scenes from a future Sweden.
Sigh, JavaScript
A great little Tumblr blog from Dan Mall: a collection of sites that don’t work at all if JavaScript isn’t available.
‘Sfunny, I was talking about just this kind of thing at An Event Apart today.
Media Queries
A curated collection of responsive web designs.
printFancy, a gallery of websites in print
A CSS gallery with a difference. This one highlights sites with good print stylesheets.
Nick Cobbing Photography / +44 (0) 79 7364 2103
Beautiful photography.
we love typography. a place to bookmark and savour quality type-related images and quotes
An editorially managed collection of type-related goodies: "Think of it as FFFFound for all things type, typography, lettering, & signage."
web.without.words
Weekly gallery of popular websites reconstructed by removing all words and images, replacing them with blocks.
Pattern Tap : Interface Collection for Design Inspiration
Collections of visual design patterns from web interfaces.
minimalsites | minimal design css gallery
A gallery of minimally designed websites. There are some lovely grid/type-based designs on view here.
Heavy Artillery Graffiti
These are the guys that painted the walls across from the Clearleft office. Every day, at least 10 people take pictures of their work.
Alison on the Behance Network
A wonderful series of black and white photographs documenting the growth of photographer Jack Radcliffe's daughter Alison from childhood to adulthood.
Official Website to Help Save William Morris Gallery & Vestry House Museum, Walthamstow, Waltham Forest, London
The William Morris gallery is going to be shut down unless we can do something about it. Let's do something about it.
StitchyMcYarnPants.com
The Museum of Kitschy Stitches: a gallery of notorious knits. Just in time for Christmas.