--- title: Zach Leatherman posts | daily.dev description: Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides guidance and inspiration for creating visually appealing and accessible web experiences. canonical: https://daily.dev/sources/zachleat twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/zachleat og:type: website og:site_name: daily.dev og:title: Zach Leatherman posts | daily.dev og:description: Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides guidance and inspiration for creating visually appealing and accessible web experiences. og:image: https://api.daily.dev/og/sources/zachleat.png og:image:width: 1200 og:image:height: 630 ---  # Zach Leatherman Follow FollowBlock Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides guidance and inspiration for creating visually appealing and accessible web experiences. Related tags: [#css](/tags/css)[ #accessibility](/tags/accessibility)[ #web-components](/tags/web-components)[ #javascript](/tags/javascript)[ #webdev](/tags/webdev)[ #github-actions](/tags/github-actions) [Posts about css](/tags/css)[Posts about accessibility](/tags/accessibility)[Posts about web-components](/tags/web-components)[Posts about javascript](/tags/javascript)[Posts about webdev](/tags/webdev)[Posts about github-actions](/tags/github-actions) [Table of Contents Web Component—zachleat.com](/posts/table-of-contents-web-component-zachleat-com-toxhjyu8k)[light mode toggle Web Component)—zachleat.com](/posts/light-mode-toggle-web-component-zachleat-com-nv3pyth9q)[Trying out a Two-state Dark Mode Toggle—zachleat.com](/posts/trying-out-a-two-state-dark-mode-toggle-zachleat-com-djhvmr6jc)[I was tired of building 474 separate pages for Open Graph Images—zachleat.com](/posts/i-was-tired-of-building-474-separate-pages-for-open-graph-images-zachleat-com-ak89ywlg1)[Use Speedlify2 to Continuously Measure Website Performance—zachleat.com](/posts/use-speedlify2-to-continuously-measure-website-performance-zachleat-com-gy2hm7rky)[Am I neglecting my open source projects?—zachleat.com](/posts/am-i-neglecting-my-open-source-projects-zachleat-com-abpnzherh)[Back Build Awesome Pro and make it easier to build for the web!—zachleat.com](/posts/back-build-awesome-pro-and-make-it-easier-to-build-for-the-web-zachleat-com-bhdnap0as)[Collaborative Editing as Progressive Enhancement—zachleat.com](/posts/collaborative-editing-as-progressive-enhancement-zachleat-com-uwobu8bo3)[AMA about Build Awesome, an Open Town Hall at the 11ty Meetup—zachleat.com](/posts/ama-about-build-awesome-an-open-town-hall-at-the-11ty-meetup-zachleat-com-ltdm8zgww)[State of the Browser (2026) It’s 10PM: Do You Know Where Your JavaScript Is?—zachleat.com](/posts/state-of-the-browser-2026-it-s-10pm-do-you-know-where-your-javascript-is-zachleat-com-9n3bo4sv1) ## Most upvoted posts from Zach Leatherman ## Best discussed posts from Zach Leatherman ## All posts from Zach Leatherman ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/sources/zachleat#organization","name":"Zach Leatherman","url":"https://daily.dev/sources/zachleat","logo":{"@type":"ImageObject","url":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/7ce10e5a06b74735aa2b19fa200414bf"},"description":"Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides guidance and inspiration for creating visually appealing and accessible web experiences."},{"@type":"CollectionPage","@id":"https://daily.dev/sources/zachleat#page","url":"https://daily.dev/sources/zachleat","name":"Zach Leatherman posts on daily.dev","description":"Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides guidance and inspiration for creating visually appealing and accessible web experiences.","about":{"@id":"https://daily.dev/sources/zachleat#organization"},"isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Zach Leatherman"}]}]} ```