--- 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: [#web-components](/tags/web-components)[ #javascript](/tags/javascript)[ #accessibility](/tags/accessibility)[ #css](/tags/css)[ #npm](/tags/npm)[ #webdev](/tags/webdev) [Posts about web-components](/tags/web-components)[Posts about javascript](/tags/javascript)[Posts about accessibility](/tags/accessibility)[Posts about css](/tags/css)[Posts about npm](/tags/npm)[Posts about webdev](/tags/webdev) [All of my 300+ browser tabs are beautiful—zachleat.com](/posts/all-of-my-300-browser-tabs-are-beautiful-zachleat-com-rv5rkbjcm)[“AI, make the website good”—zachleat.com](/posts/ai-make-the-website-good-zachleat-com-dgi98x6ha)[Icon Fall Web Component—zachleat.com](/posts/icon-fall-web-component-zachleat-com-dsf5ljgxg)[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) ## 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"}]}]} ```