I’m obsessed with a new (to me?) method to create Open Graph images that has a build cost of O(1) instead of my previous method that was O(n)

https://www.gildaconarne.de/ is #BuiltAwesome (using @webawesome.com and @fontawesome.com too!) by Stefan Frede

Two years at @fontawesome.com today! ❤️

An incredibly thoughtful, humble, and talented group of human beings and I am thankful to be a small part of it.

https://aarongustafson.github.io/table-sortable/ from @aaron-gustafson.com is a very good web component!

In this post @snook.ca describes a method to create exclusive RSS-only content: https://snook.ca/everything/secret-rss-posts/

“Well, Actually™ it’s a Custom Element.”

@mattdsteele.carhenge.club.ap.brid.gy is trying out @davatron5000.bsky.social’s new MicroLighter Syntax Highlighting plugin (using CSS Custom Highlights) and shows how you can do the same on your Build Awesome/Eleventy project:

https://www.steele.blue/microlighter/

Perf win: blog.fontawesome.com had an animated GIF poster image published recently (for an Aug 4 blog post). Changing the @11ty.dev Image plugin formats from "avif,auto" to "avif,webp,auto" added an animated WebP to the <picture> stack and saved 439kB of transfer weight! (nothing else changed) 🏆️

strange.website has a field-data LCP of 345ms!? @strange.website the speed of light is supposed to be an upper limit

https://www.speedlify.dev/site/strange-website/

OH: “Tired of getting sick accidentally? With Salmonutella, you can choose when you shit your pants.”

big news everyone we got a trailer for our riding lawnmower

why does adobe.com (or would any website) use `<link rel="icon" href="data:,">`?

oracle’s web site is winning on the Big Tech Website Leaderboard https://www.speedlify.dev/group/big-tech/ but not for a good reason: the website is… uh… not working

Frequently, confidently wrong: LLMs 🤝 Human Developers

All the ways to follow along to Build Awesome news and updates: https://build.awesome.me/how-to-follow/

Use Speedlify2 to Continuously Measure Website Performance (and run automated accessibility checks)

https://www.zachleat.com/web/speedlify2/

tried to visit dolly’s website https://dollyparton.com/ but unfortunately it uses wordpress 🥺

RIP Dolly. Our family just went to Dollywood *three weeks ago* and we got a little first-hand taste of the impact she’s had on the world.

332M books donated through her Imagination Library: https://imaginationlibrary.com/

there needs to be a Web Performance Razzie Award for corporate websites

our tool helps *you* make fast websites — this very slow marketing website we built with it will explain everything

This version takes great care to maintain backwards compatibility with any existing <speedlify-score> components using speedlify.dev as their upstream data source. Let me know if you see issues!

A little sneak peek at some very big updates to `speedlify` (just kidding they’re live): www.speedlify.dev

Decoupled measure step from rank so that it runs continuously & incrementally. Ranks sites on CWV field data and Axe violations.

This is the new home for the @11ty.dev Leaderboards.

Proposal: should we add a new `parseDateString` universal filter?

https://github.com/11ty/buildawesome/issues/4346

Feedback welcome!

🤝 From the desk of @snook.ca: “I Added Syntax Highlighting Using the 11ty PrismJS Plugin”

https://snook.ca/everything/syntax-highlighting/

New pre-release of Dev Server: v3.0.0-alpha.11 features some lovely dependency reduction work from @macwright.com 🙌🏻

Dependency package count reduced from 31 to 22 (-9)
Disk weight reduced from 2.1 MB to 1.7MB (-20.8%)

https://github.com/11ty/dev-server/releases/tag/v3.0.0-alpha.11

“I don’t buy every single new technology being sold as democratizing, and then what we mean by democratizing is that a different set of people have power now.”—@miriam.codes

Some great conversation with @bradfrost.com: https://www.youtube.com/watch?v=Do380FZrJTc

If you rely on YAML front matter timestamp (date) parsing in your projects (outside of the special `date` property that informs content dates), you’ll want to review this `canary` breaking change: https://github.com/11ty/buildawesome/issues/4333

Please weigh in with feedback!

https://learneleventy.dev/ is a great resource from @spacegirl.ing! #BuiltAwesome

without question @jdan.me is the undisputed greatest LinkedIn shitposter of all time — and second place isn’t even close

in an alternate universe they did <input type="select"><option></input>

New release: Import v2.0.1

Bug fix for <code> import as Markdown, dependency upgrades, Node minimum bump to v20.19+

https://github.com/11ty/import/releases/tag/v2.0.1

has anyone made a website that emulates touching grass

https://f26rm.ryancordell.org/ is #BuiltAwesome 🏆 by @ryancordell.org

Did you know? Eleventy v3 shipped with JavaScript front matter built-in (no plugin or extra config needed!)

Use ---js to enable it. Easier than a separate JavaScript data file!

Learn more: https://www.11ty.dev/docs/data-frontmatter/#java-script-front-matter

https://www.htmhell.dev/ is #BuiltAwesome 🏆 by @matuzo.at

🤝 From the desk of @spacegirl.ing: “My new Learn Eleventy course”

https://uncenter.dev/posts/learn-eleventy-update/

who said personal websites needed to be professional

what is the worst html element? right answers only

Did you know? Your robots.txt, 404 page, or sitemap.xml don't need to be files in your project. Virtual templates let you generate any output file via config (or plugin).

Read more: https://www.11ty.dev/docs/virtual-templates/