It’s been far too long since we rounded up some of the most interesting websites out there. But this time we have a diverse round-up of whacky interfaces and beautiful layouts to look at. Let’s dive straight in!… Read article “Websites We Like: May 2017”
DetailsI had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz’s Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave’s Ol’ Padded Box.
DetailsSome fantastic behind-the-scenes stuff about Stripe’s design work by Benjamin De Cock. Absolutely everything is clever and using very modern techniques.
DetailsIn the front-end community, there is a lot of attention related to documenting JavaScript. That’s not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation.
DetailsI was working with CSS Grid and came to the grid-column and grid-row properties. I paused for a moment.
DetailsI’ve long advocated SVG icon systems. Still do. To name a few benefits: vector-based icons look great in a high pixel density world, SVG offers lots of design control, and they are predictable and performant.
DetailsStickybits is a small JavaScript utility plugin. It’s goal is not to get in the way. It does one thing well: help with sticky elements. It is not dependent on other JavaScript Plugins, can be imported via npm, and approaches sticky elements in a very utility-oriented way. … Read article “Stickybits: an alternative to `position: sticky` polyfills”
DetailsIn this series, I’m going to show … Read article “Form Validation Part 1: Constraint Validation in HTML”
DetailsWhile incredibly easy and super lightweight, this approach does have a few shortcomings.
DetailsNot every browser supports every Validity State property. Internet Explorer is the main violator, though Edge does lack support for tooLong even though IE10+ support it. And Chrome, Firefox, and Safari got … Read article “Form Validation Part 3: A Validity State API Polyfill”
Details