Tag: UI/UX

Articles and experiments related to UI/UX.

Using ML to Create a Simple Lighthouse Audit to Detect a Button

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.

Read article

Using ML to Create a Simple Lighthouse Audit to Detect a Button

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.

Read article

Font Playground - Play with variable fonts!

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!

Read article

Font Playground - Play with variable fonts!

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!

Read article

Stay in the loop.

I'm trialing a newsletter. Join for monthly insights into web dev, Chrome, and the open web.

alternate_email

Get in touch

Open to chat about Chrome or Web development.

Book a consultation