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.
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.
By wrapping and enhancing HTML elements, we can provide a solid baseline experience, with progressive enhancement as the cherry on top.
Turning simple shapes into complex illustrations using some SVG magic.
Colors on the web are confusing — but they don't have to be! The HSL format makes it easy for humans and computers to work with color.
By adding a touch of transparency, we can design components that automatically adapt to their backgrounds.
CSS filters unlock powerful new opportunities for playing with color. By applying some color theory we can dynamically generate harmonious color combos and gradients. Let's sell some socks!
Lately I've been using variables to plan out pure CSS timelines for complex animations. I built an SVG and CSS Rube Goldberg machine to put this technique to the test!
I re-learned an old design lesson from the humble toilet flusher. As new features are added to existing technologies, careful design is required to make their usage clear.