@mdo
Projects
Highlights of recent ships from some of my favorite teams, and some more prominent open source projects.
Work
- Pierre My latest endeavor. Pierre is a new, modern product engineering and code review tool.
- LiveKit Worked with the LiveKit team to design and ship updates to their marketing site.
- LiveKit Docs Led a refresh of the LiveKit documentation site through a series of incremental updates.
- Zed Collaborated with the Zed team to refine their brand and reimagine their home page.
- Dragonfly Designed a new Dragonfly brand, complete with guidelines, icons, and a marketing site.
Open Source
- Bootstrap The most popular, responsive, and mobile-first front-end framework.
- Bootstrap Icons Official open source SVG icon library for Bootstrap featuring 500+ icons.
- Code Guide Standards and best practices for developing flexible, durable, and sustainable HTML and CSS.
- config Personal dotfiles and computer setup script for fresh installs of macOS.
- mdoml An experiment in creating custom HTML elements based on today’s most common interface elements.
Blog
Includes design deep dives, technical write-ups, and more.
- Working with MDX in Next.js Redesigning and building Pierre's new documentation site with Next.js and MDX—plus the learnings and challenges that came with it.
- Shipping Blended Diffs How we designed and shipped blended diffs in Pierre, a new way to render code changes and make code review more efficient.
- macOS web apps Experimenting with building desktop web apps in macOS that appear in the dock, with a brief rundown of using them with Pierre.
- Using Bootstrap in Hugo with npm A look at how you can import Bootstrap into Hugo-powered sites like our blog or docs sites via npm and the Hugo mounts system.
- Fun with the dialog element Playing around with the new dialog HTML element after support for has now landed across all evergreen browsers