YouTube

Back the Kickstarter: https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=9n0yiq

In this special episode of the Build Awesome Stream we’ll have special guest Noah Jacobus (Font Awesome’s Icon Sommelier and Keyboard Enthusiast https://www.noahjacob.us/) helping Zach Leatherman (Build Awesome/11ty Creator, Keyboard Amateur) stumble through assembly of the Font Awesome keyboard.

We’ll also field any questions you might have about Font Awesome, Build Awesome, 11ty, and the Build Awesome Pro Kickstarter!

In this episode, we’ll walk through a few very early demos of the collaboration and editing features in Build Awesome Pro!

Come hang out — ask me anything! Let’s talk about Build Awesome (11ty), the Build Awesome Pro Kickstarter, funding open source through Kickstarter.

🔗 Back Build Awesome Pro: https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=63jze0

Today we’ll have a special demo from Dave Gandy, who has been building a color theming tool!

As always, hang out — ask us anything! Let’s talk about Build Awesome (11ty), the Build Awesome Pro Kickstarter, funding open source through Kickstarter. Show me your web site! Tell me what you like and/or don’t like about your current deployment system/CMS/host!

🔗 And of course: back Build Awesome Pro: https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=3y9mok

Come hang out — ask me anything! Let’s talk about Build Awesome (11ty), the Build Awesome Pro Kickstarter, funding open source through Kickstarter. Show me your web site!

🔗 Back Build Awesome Pro: https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=48tebl

It’s time to think about getting off of WordPress for more stable blogging pastures. In this video we’ll talk about using 11ty to do just that!

Read the docs: https://www.11ty.dev/docs/migrate/wordpress/

Eleventy Import: https://github.com/11ty/eleventy-import
Eleventy Base Blog: https://github.com/11ty/eleventy-base-blog

Poster image by Berni Wittmann: https://unsplash.com/photos/black-wooden-bench-on-green-grass-field-near-mountains-during-daytime-xEjWEkSagLg

Eleventy Image documentation: https://www.11ty.dev/docs/plugins/image/
Eleventy Image v6.0.0 Release Notes: https://github.com/11ty/eleventy-img/releases/tag/v6.0.0

Unsplash image by Nadine Marfurt: https://unsplash.com/photos/a-bench-sitting-on-top-of-a-snow-covered-slope-dYViWsqO62E

CloudCannon is the Recommended CMS Partner of 11ty:

https://cloudcannon.com/11tyconf/
https://cloudcannon.com/blog/how-to-manage-hundreds-of-connected-websites-with-a-git-based-headless-cms/

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/managing-content-management/

If Jamstack has taught us anything, it’s that websites work best when they’re generated from folders full of flat files. Even massively interconnected websites!

We talk through a classically Jamstacky approach to content management for large organizations: mounting shared layout and component repositories, creating a central content lake to aggregate content like news articles, and automating site builds and deployments when your content or dependencies change.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/11ty-and-large-project-tooling/

JetBrains has a knowledge base with lots of content, customizing, authors, developers… so we built it in Gatsby. Then switched to 11ty. But we wanted to keep some of the large-project tooling, so we added it. In this talk, we'll cover component driven development through TypeScript and TSX, unit testing with Vitest, in-editor validation of Markdown frontmatter for authors, content queries, and more.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/digital-frontiers-indieweb-cowboys-and-a-place-online-to-call-your-own/

The IndieWeb is a community of developers and designers and web-surfing wraiths connected by a belief in personal websites/domains as identity, digital self-publishing, and perhaps most chiefly owning one's content. In this talk, Henry will explore the key principles of the IndieWeb, and specifically focus on the concept of POSSE (or "Publish (on your) Own Site, Syndicate Elsewhere"), its benefits, and how it empowers folks to reclaim ownership of their online content or data. They will also discuss concrete and actionable strategies for implementing POSSE in one's own online presence (PERHAPS USING ELEVENTY?!?!?) and the potential impact it can have on the wider web

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/you-re-probably-doing-web-performance-wrong/

Lighthouse 100 is a common goal for developers seeking to make their sites fast, but does this really center user experience? In this talk, Sia will cover how to get a broader perspective on how real users are experiencing your website performance and better strategies for improving it.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/building-a-town-that-doesnt-exist/

The town of Question Mark, Ohio has a city hall, a newspaper, a library, a chicken joint, an ice cream store, a dump, a haunted factory, two cults, a sordid past, and a mysterious glowing void in the woods.

None of it is real, of course, but all of it exists on the web, thanks to Eleventy, Tailwind CSS, and Alpine.js, the crucial building blocks for creating a year-long immersive novel told not in a book but across the entire internet. This talk looks under the hood at how one person built 40 websites to tell the story of Question Mark, Ohio, a town that disappears into time.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/dont-fear-the-cascade/

In this talk, Mayank will teach the audience how to make sense of the cascade, clear up some common misconceptions (e.g. shadow DOM vs host context styles), and ultimately offer practical advice on how to make best use of the cascade.

They will show off some newer game-changing CSS features (like :where, cascade layers, and @scope) that enable us to write styles with confidence and intention. They may also sprinkle in some tips on how these new features interact with current workflows, including frameworks, build tools, browser devtools, and IDEs.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/11ty-sites-for-people-who-dont-think-they-are-web-developers/

For a long time, we've thought of web development in two separate streams. WYSWYG builders for non-techical people, code for the rest. What if 'non-technical' isn't real, ‘web dev’ doesn't have to be just something you do for money, and building sites on the open web can be a fun hobby, especially with 11ty?

In this talk, Adrianna will share how 11ty helped them finally break down the ’I’m not a web developer’ thoughts so they could build cool sites. Just like everyone can draw without being an artist, everyone can cook without being a chef.

Adrianna will also share a framework they've developed for talking about and teaching 11ty to people who think they are not web developers, but who really have things to share on the web.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/come-to-the-light-side-html-web-components/

While Web Components have been around for years, they're seeing a bit of a renaissance thanks to an emerging approach for authoring them: ditch the shadow DOM and progressively enhance existing HTML.

In this talk, we'll look at what Web Components, how the "HTML Web Component" approach works, why it's awesome, and some tips, tricks, and gotchas when working with them.

This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/chinese-type-systems/

In this talk, ivan will educate listeners about understanding Chinese type systems, pairing Chinese fonts, and why its so hard to put your Chinese font in the @font-face in CSS. Typesetting on the web with Chinese fonts is extremely difficult and ivan will give examples of pages that do this beautifully, and recommendations on how to find these.

They will also talk about the history of the Chinese language, the differences in character based vs glyph based, and the difficulties of pairing the two types together. They’ll dive into the various classifications of systems that they use and talk about how to notice and pair Chinese fonts together, as well as actionably implementing them in CSS and the bundle size of the file.

April 17, 2015

If you want to skip to my appearance, it’s at 02:23:27

Blog post:
https://www.zachleat.com/web/whitehouse/

Related Press:
https://www.techrepublic.com/article/white-house-plays-matchmaker-with-local-geeks-and-leaders-to-get-more-people-into-tech-jobs/
https://www.nextgov.com/cxo-briefing/2015/04/white-house-promotes-tech-meetups-economic-growth-drivers/110476/
https://money.cnn.com/2015/04/17/technology/white-house-tech-meetup-megan-smith/index.html

https://your-year-on.netlify.com/

Blog post: https://www.netlify.com/blog/2021/12/07/a-look-at-2021-with-your-year-on-netlify/

Originally posted at https://twitter.com/eleven_ty/status/1493284209925967872

A quick two minute State of the Eleventy-verse, first created as a Jamsnack for Jamstack Conf 2021.

Eleventy: https://www.11ty.dev/​
Eleventy Authors demo using On-demand Builders: https://www.11ty.dev/authors/ (URL updated: July 29, 2022)

Netlify’s On-demand Builders: https://www.netlify.com/blog/2021/04/14/faster-builds-for-large-sites-on-netlify-with-on-demand-builders-now-in-early-access/

Eleventy Docs: https://www.11ty.dev/
Eleventy Docs demo using On-demand Builders: https://fns-demo-cloud--11ty.netlify.app/

Netlify’s On-demand Builders: https://www.netlify.com/blog/2021/04/14/faster-builds-for-large-sites-on-netlify-with-on-demand-builders-now-in-early-access/

A quick two minute State of the Eleventy-verse, first created as a Jamsnack for Jamstack Conf 2020.

Selecthor on GitHub: https://github.com/zachleat/selecthor
Selecthor Live Demo: https://www.zachleat.com/selecthor/