Midnight is a Terrible Time for Coffee
When designing or building software, give careful thought to default values because people will end up using them.
Paul Hebert
Senior Designer-Developer
Paul made his first website in the fourth grade. It consisted of pictures of elephants, facts about elephants, and links to more pictures and facts about elephants. Since then he hasn't looked back!
He loves designing and developing delightful and intuitive websites. You may have seen his interactive visualization The Colors of the Web which was featured in dozens of publications including the Washington Post, Wired Magazine, Adobe, and many more.
When he's not designing and developing websites he enjoys bouldering, drawing, cooking, gardening, and eating too much cheese.
Articles
So… you can set an SVG circle’s radius in CSS?
But I'm not sure when this became widely supported, and I can't find anything about it online...
Coding a Snowflake Generator
Hand-code an SVG snowflake, experiment in an interactive playground, and generate infinite random snowflakes with a dash of JavaScript.
Break the Rules!
"Learn the rules like a pro so you can break them like an artist." — Falsely attributed to Pablo Picasso
The Math Behind Nesting Rounded Corners
I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...
Avoiding the Dreaded “Swoop-and-Poop”
"Swoop-and-poop" refers to when you're nearing the end of a project or task, and at the last minute, an important decision-maker swoops in and lets you know that you're on the wrong track.
Font Subsetting Strategies: Content-Based vs Alphabetical
Font subsetting allows you to split a font's characters (letters, numbers, symbols, etc.) into separate files so your visitors only download what they need. There are two main subsetting strategies that have different advantages depending on the type of site you're building.
Web Components as Progressive Enhancement
By wrapping and enhancing HTML elements, we can provide a solid baseline experience, with progressive enhancement as the cherry on top.
Generating SVG Solar Systems, Part 2: Filters, Gradients, and Clip Paths
Turning simple shapes into complex illustrations using some SVG magic.
Generating SVG Solar Systems, Part 1: Setting the Scene
Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.