Design Patterns on CodePen
This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
A good side-by-side comparison of loading techniques, with some clear advice. But pay attention to this note:
While the debate over “Load more” versus infinite scrolling versus pagination has been debated for years, the product loading method shouldn’t be the first thing that most e-commerce vendors spend their development resources on.
This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
Every UI control you roll yourself is a liability. You have to design it, test it, ship it, document it, debug it, maintain it — the list goes on.
It makes you wonder why we insist on rolling (or styling) our own common UI controls so often. Perhaps we’d be better off asking: What are the fewest amount of components we have to build to deliver value to our users?
It’s great to see the evolution of HTML happening in response to real use-cases—the turbo-charging of the select
element just gets better and better!
This looks like a handy collection of HTML web components for common interface patterns.
drab does not use the shadow DOM, so you can style content within these elements as usual with CSS.
This is a really interesting proposal, and I have thoughts.
Can you have too much semantics?
A small but important addition to CSS.
Figuring out how Safari on iOS uses the Web Share API.
Unexpected behaviour in the clipboard.
Complementing my site’s service worker strategy with an extra interface element.