I created a Lighthouse audit that uses machine learning to detect if an anchor tag looks like a button. This involved training a TensorflowJS model, building a custom Lighthouse gatherer to capture high-resolution screenshots, and processing those screenshots to identify anchors styled as buttons. The audit highlights these anchors in the Lighthouse report. The code for the scraper, web app, and Lighthouse audit are available on GitHub. While there are edge cases, this project demonstrates the potential of using ML for visual inspection tasks in web development.
I created a Lighthouse audit that uses machine learning to detect if an anchor tag looks like a button. This involved training a TensorflowJS model, building a custom Lighthouse gatherer to capture high-resolution screenshots, and processing those screenshots to identify anchors styled as buttons. The audit highlights these anchors in the Lighthouse report. The code for the scraper, web app, and Lighthouse audit are available on GitHub. While there are edge cases, this project demonstrates the potential of using ML for visual inspection tasks in web development.
Font Playground is a tool I've created for experimenting with variable fonts. It's designed for typographers and designers to explore the creative potential of variable fonts, and it also serves as a testing ground for UI/UX design related to variable fonts in design tools. Type designers and foundries can also use it to showcase their work and gain insights into how fonts are used in design tools. Check it out and see variable font variations in action!
Font Playground is a tool I've created for experimenting with variable fonts. It's designed for typographers and designers to explore the creative potential of variable fonts, and it also serves as a testing ground for UI/UX design related to variable fonts in design tools. Type designers and foundries can also use it to showcase their work and gain insights into how fonts are used in design tools. Check it out and see variable font variations in action!
