Little bundles of code, little bundles of joy.
Want your UI to feel more like a sketchbook? 📝 Thumbprint icons keep things casual, imperfect, and full of character. No more boring, stiff icons!
🔗 Get the vibe → fontawesome.com/icons/packs/...

@11ty/font-awesome@1.0.0-beta.11
Optimized per-page tree-shaken SVG spritesheets for Eleventy.
Hand-drawn charm. Digital precision. ✍️ Thumbprint is the best of both worlds, giving your site a fun, human touch.
🎨 Give your icons some soul → fontawesome.com/icons/packs/...

Try out the brand new v3.1.0-beta.1 Release: 22% smaller and 11% faster than v3.0!
@11ty/eleventy@3.1.0-beta.1
A simpler static site generator.
🎙️ The Font Awesome 7 Q&A is ready for replay!
Couldn’t make it to the live Q&A with @davegandy? Don’t sweat it — the full replay is now available.
🔥 What’s inside?
🍔 New icon styles
⚡ Pro+ details & tech upgrades
📌 Watch it now: www.youtube.com/live/6dvsodS...
*Finally* on the docs: how to add Sass to your Eleventy project www.11ty.dev/docs/languag...
What if icons were made of ... jelly? 🟠 Jelly icons are soft, rounded, and ready to be squished. Add some friendly vibes to your design!
🔗 Get squishy with Font Awesome 7 → fontawesome.com/icons/packs/...

📅Live Now! Watch the Font Awesome 7 Q&A: www.youtube.com/live/6dvsodS...
🎤 Last call for the big event!
In two hours, Dave Gandy is answering your biggest questions about Font Awesome 7 — live April 16 at 1pm ET/10am PT!
🍽️ New icons, fresh features, and Pro+ deep dive
📅 April 16 – Don’t miss it!
🔗 Be there or, you know, be square: www.youtube.com/watch?v=6dvs...
Added a quick little search form to the header on 11ty.dev.

🎙️ Why Web Accessibility Matters – Lindsay Miller on Inclusive Digital Design | Podcast Awesome
Learn why accessible web design matters for everyone — not just users with disabilities. Lindsay Miller joins Podcast Awesome to discuss WCAG, ADA, design best practices, and tools for accessible development.
🚨 In this insightful episode of Podcast Awesome, host Matt Johnson is joined by Lindsay Miller, accessibility advocate and member of the Web Awesome team, for a deep dive into the principles, practices, and purpose of accessible web design.
Together, they explore what web accessibility really means, debunk common misconceptions, and offer practical insights for developers, designers, and digital creators. From ADA compliance and WCAG standards to UI/UX challenges, you'll learn how small choices—like proper contrast ratios or semantic HTML—can have a big impact.
🔍 Key Topics Covered:
- What accessibility means on the web (hint: it’s about inclusion, not just disability)
- Designing and coding with empathy: serving users with temporary, situational, or permanent impairments
- Why legal compliance matters: WCAG, ADA, Section 508, and how lawsuits are shaping the web
- Real-world design challenges: from color contrast to font sizes
- How Web Awesome components are accessibility-first
- Tools, resources, and guidelines used by accessibility professionals
🛠️ Mentioned Resources:
- WebAIM.org
- WAI-ARIA Authoring Practices
- The A11Y Project
- Nielsen Norman Group’s accessibility guides
Whether you're building for clients, open-source, or your own product, this conversation is a must-listen for anyone who believes in a more usable, equitable internet.
🎧 Produced and edited by Matt Johnson
🎵 Theme song: By Ronnie Martin | interstitials by Zach Malm
🔊 Mastering by Chris Enns at Lemon Productions
📹 Video editing help from Isaac Chase / @theisaacchase
Stay up to date on all the Font Awesomeness!
🎙️ We’re going live TOMORROW — are you ready?
@davegandy.com is stepping up to the mic to talk all things Font Awesome 7, and you don’t want to miss it
📅 Live Q&A – April 16 at 1pm ET/10am PT
🔥 New icons, fresh styles, & performance boosts
Drop your questions below! www.youtube.com/live/6dvsodS...
The name? Weird. The icons? Awesome. 🌭 Notdog is for designs that don’t take themselves too seriously. If you like fun, this set’s for you.
🔥 Grab it here → fontawesome.com/icons?utm_so...

Thank you to Roman Kenig-Gusev (github.com/102) for donating the `eleventy` package name on npm to our project! (and Jo Jara Kroese for facilitating!)
🎙️ Live Q&A with Font Awesome Founder Dave Gandy!
Have questions about Font Awesome 7? Now’s your chance to ask!
📅 April 16 at 1pm ET / 10am PT
🎤 Live Q&A covering new styles, Pro+, and what’s next for Font Awesome.
🔗 Submit your questions! youtube.com/live/6dvsodS...
#FontAwesomeQandA
Thanks to the @e18e.dev folks for more dependency reduction improvements!
Try them out now on v3.1.0-alpha.1: github.com/11ty/elevent...
@11ty/eleventy@3.1.0-alpha.1
A simpler static site generator.
🚨 Live Q&A Alert!
Join Font Awesome founder @davegandy.com on April 16 at 1pm ET / 10am PT for a live Q&A on Font Awesome 7 — new styles, Pro+, and everything in between!
🔗 Save your seat & send your questions now! youtube.com/live/6dvsodS...
#FontAwesomeQandA
@11ty/eleventy-img@6.0.2
Low level utility to perform build-time image transformations.
Font Awesome 7 upgrade path:
Step 1: Change your kit version to 7.
Step 2: … That’s it.
Magic? Nah, just painstaking design updates to make your life easier. 🎩✨ Hear the full story on Podcast Awesome! www.podcastawesome.com/2092855/epis...
Ever wondered how many hours go into making an icon set? Jory & Noah spent a long friggin time refining every little detail. 👀 Now, Font Awesome 7 icons are sharper, smoother & more balanced than ever. 🎙️ Listen now! www.podcastawesome.com/2092855/epis...
Some icon sets are practical. Others are pure fun. Font Awesome 7 ProPlus? Both. Hear how we let icon designers cut loose & bring the weird in our latest episode! 🎙️ www.podcastawesome.com/2092855/epis...
Pro+, New Styles & Not Dog Icons? Welcome to Font Awesome 7!
Font Awesome 7 Here We Come!
In this episode of Podcast Awesome, we’re serving up a heaping helping of new icons, fresh features, and ProPlus goodness with Font Awesome 7! Host Matt Johnson is joined by icon designers Jory Raphael and Noah Jacobus to break down what’s new — like seven all-new icon packs, a smoother-than-butter upgrade path, and under-the-hood improvements that make your icons sharper, faster, and slicker than ever.
Is it too many icons? Maybe. Are we going to stop? Absolutely not.
🎙️ Listen in as we talk about the design tweaks, ProPlus perks, and the iconic (heh) collabs that made Font Awesome 7 a reality. Plus, we drop some exclusive details on the biggest sale of the year!
💥 Don’t miss out — hit play and then ... Go make something awesome.
Timestamp Summary
🌟 0:00 | Font Awesome 7 Launch: New Icons and Features Unveiled
🚀 3:37 | Font Awesome 7 Enhancements and New Pro Plus Icon Packs
🎨 9:24 | Icon Designers Unleash Creativity with Font Awesome Pro Packs
🌌 17:18 | Creative Icon Design Inspired by Silicon Valley and Cosmic Events
🧠 21:09 | Innovative Icon Design and Preparation for Launch
✏️ 24:00 | Creating Art with Thumbprint Drawings and Icon Packs
🧭 24:48 | Creative Exploration and Unique Icon Design Inspirations
🔍 29:17 | Exploring Icon Packs and Their Creative Development
📦 32:05 | Font Awesome 7 Launches With New Plans and Icon Packs
📣 34:57 | Font Awesome 7 Pro Plus Icon Packs and Marketing Ideas
Resources & Links
-
🎶 The Podcast Awesome theme song was composed by Ronnie Martin: https://ronniemartin.org/
-
🎵 Music interstitials by Zach Malm: https://muzach.bandcamp.com/
-
🎛️ Audio mastering by Chris Enns at Lemon Productions: https://www.lemonproductions.ca/
-
"After School Keyboard Club" https://pixabay.com/music/video-games-after-school-keyboard-club-casio-vl-tone-80s-chiptune-retro-151684/
-
Font Awesome on the Socials
-
🌤️ Bluesky: @fontawesome.com
-
🐦 Twitter/X: @fontawesome
-
📸 Instagram: @font.awesome
Stay up to date on all the Font Awesomeness!
🍽️ Get a heaping helping of awesome — at a specials menu price.
For a short time, Pro is $99/year and Pro+ is $119/year. That's a 20% savings for the life of your subscription. 🤯
Get it before the deal’s off the menu!
🔗 Grab your plate! fontawesome.com?utm_source=x...

🍔 We changed the recipe — and it’s better than ever!
Font Awesome 7 is officially launching soon, and if you missed the reveal, you can still check out the menu.
🍽️ New styles, major updates, and Pro+ exclusives.
🔗 Check it out here! fontawesome.com?utm_source=b...

Got questions about Font Awesome 7? We've got answers! Read our newest blog and get the fix on all things Font Awesome 7. 📢
blog.fontawesome.com/font-awesome...
Font Awesome 7
www.befreaky.co is #BuiltWithEleventy 🏆
Featured on Awwwards: www.awwwards.com/sites/befreaky
New release: Eleventy Navigation v1.0.0 (after 2+ years dormant!)
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
Release Eleventy Navigation v1.0.0 · 11ty/eleventy-navigation
Add support for eleventyNavigation.pinned boolean to pin nodes to the top of their navigation group (while also respecting order among pinned nodes) #60 Add support for multiple comma separated key...
@11ty/import@1.0.15
Utility to import content from multiple services (and a CLI, too)
🚨 Did you miss the big reveal? We saved you a seat!
🍽️ Font Awesome 7 is officially served!
🔥 New icons, fresh styles, and faster performance — all ready for you to dig into.
📌 fontawesome.com?utm_source=b...

🚨 Last call! 🚨
We’re going live in just a few minutes with something brand new, fresh out of the FA-kitchen.
👀 Watch now before the special is off the menu!
📌 fontawesome.com
if you like it, you should’ve put a webring on it
We were told this would get better engagement if we added some text...
We were told this would get better engagement if we added some text...
⏳ The wait is over! Something fresh is coming off the grill, and it’s about to be served. 🍽️Don’t miss out—we go live in 3 hours.
🔗 Watch here: fontawesome.com
⏳ The wait is over! Something fresh is coming off the grill, and it’s about to be served. 🍽️Don’t miss out—we go live in 3 hours.
🔗 Watch here: fontawesome.com
@11ty/eleventy-navigation@1.0.4
A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
🎥 Isaac helped us turn our fa-wishlist of marketing and education content into reality including ...
Screencasts ✅
Video podcast ✅
Behind-the-scenes docu magic ✅
🎙️ Hear how it started: youtu.be/R6r-FGAMVUw?...
#VideoProduction #FontAwesome
Thanks to all the lovely folks that left feedback on our navigation improvement mini-project pull request, we’re shipping an improved nav to 11ty.dev: github.com/11ty/11ty-we...
It’s live now!
@11ty/eleventy-navigation@1.0.3
A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
Something’s cooking, and it’s almost time to take the lid off. Get ready. 🍽️
fontawesome.com?utm_source=b...
🎬 From studying film during a Hollywood shutdown to actually making movies with us (oh, boy do we have some fun stuff to share in the future!) — Isaac's Font Awesome origin story is one for the screen (and now, a podcast)!
🎧 Listen in: youtu.be/R6r-FGAMVUw?...
#NerdShowAndTell
🎙️ Podcast Awesome: Nerd Show & Tell with Isaac Chase
🎬 Summary
In this Nerd Show & Tell episode of Podcast Awesome, we finally catch up with the one and only Isaac Chase — the wizard behind our ever-growing library of video content at Font Awesome. From his early dreams of making it in film and television to becoming a full-time creator on our team, Isaac shares about the challenges of starting in the film industry during the COVID era, storytelling in marketing, and more.
We chat about his background in film and marketing, his favorite movies (slow burns, unite!), creative influences, and how his love for storytelling finds a home even in screencasts and product walkthroughs. Plus, Isaac drops his hot take on the next big icon pack idea (we're looking at you, Severance fans 👀).
🧠 Key Takeaways
🎓 College Grad, Creative Dad Connection
Isaac studied digital film and TV production at Missouri State University and joined Font Awesome part-time during the industry-wide writer/actor strikes — eventually going full-time thanks to a well-timed offer (shoutout to Travis Chase, a.k.a. Isaac’s real-life dad).
🎥 From Film Sets to Screencasts
His deep love for film — especially slow-paced, thoughtful stories like The Secret Life of Walter Mitty, Past Lives, and Arrival — translates into his thoughtful, user-focused approach to content creation at FA.
📼 Video, Video, Video!
Isaac helped launch our video podcast format and has been leading the charge on screencasts, animations, and behind-the-scenes storytelling (more to come on that, soon!) 🎬
💻 Learning on the Job = Built-in Bonus
Despite not having a dev or design background, Isaac's learned loads about accessibility, UI, and component-based design just by working on educational content — and he's loving every minute of it.
🧃 Favorite Icon?
The cup-to-go ☕ icon has a special place in his heart (because coffee + nostalgia), and he’s got a soft spot for our teleportation icon too. ✨
🎨 Design Nerd in the Making
Outside work, Isaac’s nerding out on graphic design, especially in music merch and poster art. He’s diving into the visual side of music culture — and working with musician friends on their branding.
⏱️ Chapter Markers
🟡 00:00 – Introduction to Podcast Awesome
🎥 01:13 – Isaac’s role at FA and current projects
🎓 03:21 – Isaac’s background in film, college, and the writer's strike
🛠️ 09:12 – From film school to corporate creativity
🍿 11:22 – Favorite movies and the magic of slow storytelling
🎞️ 16:46 – How filmmaking skills shape his current work
📺 22:55 – Screencasts, branding, and learning to teach
🎨 29:43 – Nerding out on design, music merch, and FA icons
📦 32:33 – Isaac’s icon wish list (hello, Severance pack!)
🎉 44:00 – Wrap-up and thank-yous
Produced and edited by Matt Johnson
Edited by Isaac Chase
Theme Music by Ronnie Martin
Interstitials by Zach Malm
Mastering by Chris Enns at Lemon Productions 🍋
Stay up to date on all the Font Awesomeness!
@11ty/eleventy-navigation@1.0.2
A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
Something fresh is on the way. The countdown is almost up. 🍽️
fontawesome.com?utm_source=b...
@11ty/find-generator@1.0.0
Find the <meta name='generator'> value from a web site URL.
arielsalminen.com is #BuiltWithEleventy 🏆 by @arie.ls
Ariel Salminen (@ariel@social.design.systems)
New website launch day! 📮 I handcrafted a super simple new site for myself to better showcase what I do and have a future home for experiments I may want to tinker with. Designed in the browser…
We made a small modification to the leaderboards this time: for scaling and maintenance reasons (this list now includes over 1100 web sites!) the results will only show sites that have scored 400 on Lighthouse. Thanks y’all!
Eleventy Leaderboards №29
11ty.dev/speedlify/
🥇 a11yproject.com
🥈 lamplightdev.com @lamplightdev.com
🥉 simoncox.com @simoncox.com
#4 zachleat.com
#5 oupspuppetry.gr
#6 fumes.junglestar.org
#7 artofmusic.lu/en/
#8 declanbyrd.co.uk
#9 curtisjurgensen.com
#10 iainbean.com
#11 jfroehlich.net
🍽️ Something’s sizzling in the Font Awesome kitchen… and it’s almost ready to serve. Any guesses? 👀 More details dropping soon!
fontawesome.com?utm_source=b...
we can neither confirm nor deny that the leaderboards may be actively leaderboarding
@11ty/is-land@5.0.0-beta.5
A framework independent partial hydration islands architecture implementation.
@11ty/image-color@1.0.6
Small utility to efficiently fetch the colors from an image.
@11ty/eleventy-fetch@5.1.0-beta.2
Fetch and locally cache remote API calls and assets.
The Hardest Thing About Design Isn't Design
It’s people. The real UX challenge? Navigating egos, silos, and bad decisions before they happen. Bryan Zug shares how to build trust & actually get things done. Tune in: www.podcastawesome.com/2092855/epis...
@11ty/eleventy-navigation@1.0.1
A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
@11ty/eleventy-navigation@1.0.0
A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too!
Some fashion choices are strong with the Force. Others are just … strong with questionable judgment. (Cargo shorts, we’re looking at you.) This tee? Definitely the first one. But only until March 25th!
cottonbureau.com/p/R9TDB2/shi...

@11ty/eleventy-dev-server@2.0.8
A minimal, modern, generic, hot-reloading local web server to help web developers.
@11ty/eleventy-fetch@5.1.0-beta.1
Fetch and locally cache remote API calls and assets.
New v3.0.1-alpha.5 🐀 core pre-release available for testing: github.com/11ty/elevent... includes build and install performance wins, a reduction of node_modules from 27MB to 21MB, a bunch of Dev Server fixes and more!
@11ty/eleventy@3.0.1-alpha.5
A simpler static site generator.
New release: Eleventy 🛎️ Dev Server v2.0.7 includes bug fixes for CSS reloads, supports returning a `Response` in your onRequest callbacks (easily proxy to a different server using `fetch()`), and a bunch of other goodies!
Release Eleventy Dev Server v2.0.7 · 11ty/eleventy-dev-server
Adds support for Response objects returned from onRequest callbacks, simplifying usage with Fetch and unlocks easy-to-configure proxy server behavior #9 Fixes bug with requests to server while it i...
@11ty/eleventy-dev-server@2.0.7
A minimal, modern, generic, hot-reloading local web server to help web developers.
Wouldn't you know it ... the original link will take you to the buzzsprout page, doh! 🤦 go here for the full episode! www.podcastawesome.com/2092855/epis...
Good Design ≠ Just Making Pretty Things
If your work never ships or makes an impact, are you really designing? 🤔 @bryanzug.bsky.social breaks down why “artifact culture” is holding designers back & what to do instead. 🎧 Listen here: 🔗 www.buzzsprout.com/admin/209285...
Themed tees? Yeah, we do got 'em. And this one is straight out of your favorite intergalactic rebellion. Your wardrobe is impressive. Most impressive. Snag yours before they jump to lightspeed!
cottonbureau.com/p/R9TDB2/shi...
🤔 Think design is all about pixel-perfect Figma files? @bryanzug.bsky.social says nope. In our latest podcast, we talk about why great design is really about great relationships. 🎙️ Listen now: www.podcastawesome.com/2092855/epis...

Why Design is Hard (And How Collaboration Changes Everything) with Bryan Zug
Episode Summary
What makes design hard? It’s not just pixels, software, or tools — it’s people. (Yep, you. And me. And all of us.) In this episode, I sit down with my friend Bryan Zug, co-author (along with Scott Berkun), of the book, Why Design is Hard, to talk about why good design is more than just good ideas — it’s about relationships, collaboration, and the messy, sometimes painful reality of working on creative teams.
Bryan was there in the early days of the web, hacking together sites before CSS was even a thing. He’s built products, led UX teams, and helped companies like Amazon and Zillow figure out how to make design work at scale. But more than that, he’s a community builder, the kind of guy who started hosting backyard firepits during COVID just to keep people connected.
I’ll be honest — this conversation was brutal to edit because Bryan has so much insight to share. If you’ve ever struggled with design bottlenecks, team dynamics, or just getting your ideas off the ground, this one’s for you.
What We Cover in This Episode
💡 Why great design is really about great relationships
🎨 How designers can avoid getting stuck in “artifact culture”
💻 What designers actually do in the real world
📖 How storytelling can make or break your influence as a designer
🤝 The secret sauce to making cross-functional teams actually function
🦄 Why the lone “unicorn designer” era is over — and what comes next
*Factually accuracy check at playback: Bryan informed me he misspoke at 7:11 when he said he was at Amazon when the pandemic hit — I was actually Zillow. NBD. Audio not edited.
⏳ Timestamps
⏲️ [00:00] Intro – A Conversation Years in the Making
⏲️ [02:15] The Big Idea: Why Design is Hard
⏲️ [08:40] The Myth of the “Design Hero”
⏲️ [14:25] Why Design Decisions Happen in Budget Meetings
⏲️ [19:30] The Red Flags of a Company That Doesn’t Truly Value Design
⏲️ [25:10] The #1 Skill Designers Need (Hint: It’s Not Figma)
⏲️ [30:50] What Ignite Seattle Taught Bryan About Telling Better Stories
⏲️ [35:15] Outro – Why You Need to Read Why Design is Hard
Links & Resources
📖 Grab a copy of Why Design is Hard
Learn more about the co-author, Scott Berkun: https://scottberkun.com/
🔗 Connect with Bryan Zug: @bryanzug.bsky.social
🎶 The Podcast Awesome theme song was composed by Ronnie Martin: https://ronniemartin.org/
🎵 Music interstitials by Zach Malm: https://muzach.bandcamp.com/
🎛️ Audio mastering by Chris Enns at Lemon Productions: https://www.lemonproductions.ca/
"Retro Race" https://pixabay.com/music/video-games-retrorace-108750/
Font Awesome on the Socials
🌤️ Bluesky: @fontawesome.com
🐦 Twitter/X: @fontawesome
📸 Instagram: @font.awesome
Stay up to date on all the Font Awesomeness!
This very useful, very durable, and ultimately very portable content is #BuiltWithEleventy 🏆
You might know us from the guides we have put together, like the de-risking guide and the UX guide. Governments all around the world have used them to make services more accessible and add more value to the public — all while saving millions of dollars. You can still find them here: 18f.org/guides/
The GOV.UK Publishing Design Guide is #BuiltWithEleventy: design-guide.publishing.service.gov.uk
via insidegovuk.blog.gov.uk/2025/02/25/c...
Welcome to GOV.UK
GOV.UK - The best place to find government services and information.
Hey folks! Send your best wishes to Bob after knee surgery!!
After successful knee replacement surgery, I find myself in a recovery room staring across at recovery room number 11. #11ty
Coming soon to a Eleventy v3 alpha near you: dependency housekeeping improvements have yielded a drop in our dependency count from 190 to 151 and a reduction in our core node_modules weight from 27.4 MB to 21.8 MB.
Duplicate dependency versions · Issue #3673 · 11ty/eleventy
From the lovely https://node-modules.dev/
New on the docs: Use Node’s CPU Profiling feature to dig deep into your build performance and improve your build times:
Debug Performance
A docs page for Eleventy, a simpler static site generator.
@11ty/recursive-copy@4.0.0
A fork of `recursive-copy`: Simple, flexible file copy utility
@11ty/dependency-tree-esm@2.0.0
Finds all JavaScript ES Module dependencies from a filename.
@11ty/dependency-tree@4.0.0
Finds all JavaScript CommmonJS require() dependencies from a filename.
New image optimization recipe to save on build minutes.
Store your optimized output images in .cache for disk cache re-use (note: preserving .cache across builds is a host-dependent feature)
Transform method option to put generated image disk cache in .cache folder · Issue #285 · 11ty/eleventy-img
This works today to store output images into .cache/ and then copy those assets to the output folder post-build: import fs from "node:fs"; import Image, { eleventyImageTransformPlugin } from "@11ty...
@11ty/image-color@1.0.5
Small utility to efficiently fetch the colors from an image.
tracker.greenweb.org is #BuiltWithEleventy 🏆 by @fershad.com
Blog post:
Introducing the Green Web Tracker - Green Web Foundation
This post introduces the Green Web Tracker, an open source website to track the green hosting of domains.
How Do You Get People to Actually Use a Design System?
📢 Be more carrot 🥕, less stick. @darn.es shares how to make design systems irresistible.
Listen to the full convo here or watch the video version on our YouTube: www.podcastawesome.com/2092855/epis...
What’s in a Name?
"Design Engineer," "UX Developer," "Creative Technologist" — how much do job titles actually matter?
@darn.es says they’re just a vehicle to get where you want to be.
Full episode:
youtu.be/JJQ46bLjL6U?...
New plugin: 11ty/image-color to get colors from an image. Create theme-specific CSS from an image (or even a URL using our IndieWeb avatar service).
GitHub - 11ty/image-color: Small utility to efficiently fetch the colors from an image.
Small utility to efficiently fetch the colors from an image. - 11ty/image-color
Using the `addDateParsing` configuration API to set a project default time zone:
Set project default time zone · Issue #3668 · 11ty/eleventy
Inspired by https://bsky.app/profile/slow.dog/post/3lj4a4qoavc2u from @bixfrankonis Notably, dates are assumed to be UTC by default (when a time zone is not specified) and you can work with them us...
designsystem.webstandards.ca.gov is #BuiltWithEleventy 🏆
Source code: github.com/cagov/design...
🎙️ What the Heck is a Design Engineer? (with Dave Darnes)
Design engineer. UX engineer. Front-end dev with opinions. What does it all mean?! In this episode, we sit down with Dave Darnes to untangle the ever-evolving world of design and development (And Dave is our first non-Font Awesomer on the pod!). We talk about why job titles keep getting weirder, whether "engineer" is a fair title for folks who work on the web, and how design systems can bridge the gap between teams. Plus, we explore the future of the role — will tools like Figma and AI replace design engineers, or will the internet always need humans who can actually build things?
🚀 Tune in for a fun, insightful, and slightly existential conversation about the intersection of design, dev, and the titles we give ourselves.
🏆 Key Takeaways
- Design Engineer: Job Title or Existential Crisis? Dave breaks down the blurry line between design and development and why this role exists.
- Gatekeeping vs. Open Web: How the internet has democratized career paths—and why some job titles might be a shield against skepticism.
- The Future of Design & Dev: Will tools like Figma and AI squeeze out design engineers, or is there always a place for people who build with craft?
- Design Systems & Developer Relations: Why advocacy (not nagging) makes or breaks adoption.
- Rockstar/Ninja/Unicorn Titles: Just ... don’t.
⏱️ Episode Breakdown
🕛 00:00 - Meet Dave Darnes – 🇬🇧 UK-based designer/developer, father of sick children (but still here for the podcast).
🎤 02:30 - The Legendary "David Darnes" Callout – A completely necessary and extremely fun moment of podcast magic.
🛠️ 06:45 - What is a Design Engineer Anyway? – The Venn diagram of design and development overlaps in weird ways.
📛 12:15 - Why Job Titles Get Messy – Specialization vs. generalization and the need to impress hiring managers.
🏗️ 18:30 - Engineer as a Title — Does It Matter? – Structural engineers hold up buildings; do web engineers hold up the internet? (Kinda, yeah.)
🔄 24:00 - The Evolution of Design & Dev Roles – How web components, CSS variables, and other tech are shifting expectations.
🥕 30:45 - How to Get People to Actually Use a Design System – Hint: Be more carrot, less stick.
🤖 35:00 - The Battle Between Figma & AI – Will design engineers survive the encroaching automation?
🔄 40:30 - If You Had to Rename 'Design Engineer'... – Dave's answer is almost annoyingly simple.
🔗 Resources & Links
-
Check out Dave’s work: https://darn.es/
-
His blog on design systems: designsystems.wtf
-
Is 2025 the Year of the "Design Engineer"?
-
Submit your own “David Darnes” callout on his website (seriously, do it).
-
🎶 The Podcast Awesome theme song was composed by Ronnie Martin: https://ronniemartin.org/
-
🎵 Music interstitials by Zach Malm: https://muzach.bandcamp.com/
-
🎛️ Audio mastering by Chris Enns at Lemon Productions: https://www.lemonproductions.ca/
-
"After School Keyboard Club" https://pixabay.com/music/video-games-after-school-keyboard-club-casio-vl-tone-80s-chiptune-retro-151684/
-
Font Awesome on the Socials
-
🌤️ Bluesky: @fontawesome.com
-
🐦 Twitter/X: @fontawesome
-
📸 Instagram: @font.awesome
Stay up to date on all the Font Awesomeness!
@11ty/image-color@1.0.4
Small utility to efficiently fetch the colors from an image.
@11ty/image-color@1.0.3
Small utility to efficiently fetch the colors from an image.
@11ty/image-color@1.0.2
Small utility to efficiently fetch the colors from an image.
@11ty/image-color@1.0.1
Small utility to efficiently fetch the colors from an image.
@11ty/image-color@1.0.0
Small utility to efficiently fetch the colors from an image.
@11ty/image-color@1.0.0-beta.1
Small utility to efficiently fetch the colors from an image.
@11ty/import@1.0.14
Utility to import content from multiple services (and a CLI, too)
🔔 Backers, check your inbox!
Week 6 is all about 🎨 colors, 🖌️ tinkering, and especially tinkering with colors: tweak color palettes to make them yours, more elaborate theme remixing, a host of color palette improvements, and new color tokens!
Not a backer? Visit webawesome.com and don’t miss out!
@11ty/import@1.0.13
Utility to import content from multiple services (and a CLI, too)
@11ty/font-awesome@1.0.0-beta.10
Optimized per-page tree-shaken SVG spritesheets for Eleventy.
Good engineering feels boring because:
🔧 Simple = Reliable
🔄 Simple = Repeatable
⚡ Simple = Actually Works
Dave’s LEGO team did less and won more.
🎧 Why boring beats flashy → www.podcastawesome.com/2092855/epis...

