Zach LeathermanTop Front-end Bloggers2 min read
“AI, make the website good”
Millions of Large-Language-Model -generated words have been spilled on craftsmanship in this gilded-age of software development . We now have agents to plan how code will be written, agents to write code, agents to review code, agents to orchestrate and dispatch tasks to other…
Zach LeathermanTop Front-end Bloggers1 min read
Icon Fall Web Component
I’ve been doing some spring/fall cleaning and found an unpublished follow-up component to <snow-fall> (a web component to “snow” on your website — which also happens to work with emoji too). Originally it was created as an easter egg for Blog Awesome (click on the Font Awesome…
Zach LeathermanTop Front-end Bloggers1 min read
Table of Contents Web Component
…and another one. This little (zero CSS) web component has two modes: progressively enhance a hierarchy of server rendered <ol> or <ul> elements (or conveniently client render them for you if they don’t exist) to highlight which are currently visible in the viewport. I pulled…
Zach LeathermanTop Front-end Bloggers1 min read
Solar Eclipse Toggle Web Component (two state dark/light mode toggle)
In Trying out a Two-state Dark Mode Toggle I summarized the Two-state Dark and Light mode Toggle discussion as I experimented with a toggle in my personal website footer. After launch, Curtis Wilcox left some good feedback to improve the accessibility of the component . I…
Zach LeathermanTop Front-end Bloggers1 min read
Trying out a Two-state Dark Mode Toggle
Update I made some updates and released it as a web component: details in Solar Eclipse Toggle, a Dark/Light mode Toggle Web Component . Lea Verou sparked some lovely discussions about dark/light mode toggles by asking a simple question: do these form controls need three options…
Zach LeathermanTop Front-end Bloggers2 min read
I was tired of building 474 separate pages for Open Graph Images
Prior blog post (if you want the full context): If I work really hard on my Open Graph Images, People will share my Blog Posts (2021 Aug) Here’s the gist: Open Graph images are those little pictures that show up when your site is shared on social media. […] Each individual blog…