Build Awesome (11ty)

Build Awesome (11ty)

@11ty.dev

🎈 A simpler static site generator, maintained since 2017 πŸ”— https://www.11ty.dev/ πŸ€ @zachleat.com 🀝 Team @fontawesome.com and @webawesome.com 🐘 Mastodon https://neighborhood.11ty.dev/@11ty

3.4K followers8 following534 posts

Build Awesome (11ty) reposted

Eleventy Notes now supports Obsidian's new colored highlight syntax `==πŸ”΅blue==` ➑️ eleventy-notes.sandroroth.com/n/notes/writ...

eleventy-notes.sandroroth.comWriting NotesA simple, lightweight, and flexible note-taking template for Eleventy.
Obsidian@obsidian.md

Obsidian 1.14.0 (early access) is now available to Catalyst members for desktop and mobile. - Kanban views! - New quick capture widget for iOS (demo below) - Support for colored highlight syntax using emoji ==πŸ”΅blue==

Build Awesome (11ty) reposted

Yesterday I started out compiling lore in Obsidian. Then I got distracted, and ended up using @11ty.dev to build a whole website. So now Synist has a (SFW) wiki called The Synistverse. And it's only going to get bigger as I go. synistverse.com

Build Awesome (11ty) reposted

Replying to @stuffbreaker.bsky.social

I am setting a project to use your cem-generator inside an @11ty.dev site to generate documentation. I hope I can give you a more informed feedback about this soon :)

Build Awesome (11ty) reposted

I made a tool for migrating Tumblr blogs to @11ty.dev static sites, since one didn't seem to exist! It retrieves all your posts with all attached metadata, using a Tumblr blog export ZIP and the Tumblr API, and saves them in a new directory structure with Eleventy's data format.

github.comGitHub - corbindavenport/tumblr-to-eleventy: Tool for migrating Tumblr blog posts to an Eleventy static site.Tool for migrating Tumblr blog posts to an Eleventy static site. - corbindavenport/tumblr-to-eleventy

Build Awesome (11ty) reposted

Replying to @marinehaddock.intothecannibalspot.menu

Yes you can use comicfury but you NEED to have your own website to keep a backup just in case. You should be in control of your comic. Here is rarebit, a basic webcomic template: rarebit.neocities.org If you're confident with 11ty, here's rarebit if it were better: github.com/katedee/elev...

github.comGitHub - katedee/eleventy-webcomicContribute to katedee/eleventy-webcomic development by creating an account on GitHub.

Build Awesome (11ty) reposted

DRY question for @11ty.dev elopers: What is one feature, helper, or filter you would offload from your custom project to a reusable community plugin? #11ty #11tyBuildAwesome #BuildAwesome

Build Awesome (11ty) reposted

Finished my implementation πŸ₯³ Syntax highlighting (& line numbers + copy button) via MicroLighter from @davatron5000.bsky.social and inspiration for the torn tab from @tylersticka.com website. An 11ty transform to process any code blocks & add the lil washi tape thing - So my markdown stays clean ☺️

Christian Alder@hejchristian.com

This syntax highlighter by @davatron5000.bsky.social is incredibly nice and I've implemented it already on my site. It even comes with a nice lil web component so you can get line-numbers and a copy button real easy (Not sure which option I will go for yet tho) davatron5000.github.io/microlighter/

Build Awesome (11ty) reposted

The Icon Wizard Contest runs through September 7. Build something weird, clever, or fun, and submit it to the gallery, and it might get featured. There's already a Starry Night icon and a centaur in there! Get to building β†’ fontawesome.com/icons/wizard

fontawesome.comBuild a Custom Icon with the Icon Wizard | Font AwesomeStack, layer, and style Font Awesome icons into something all your own. Make the icon you need without opening a design tool.

Build Awesome (11ty) reposted

Build Awesome (11ty) reposted

TIL Eleventy offers a way to dynamically save image files hosted elsewhere as local files during builds, so visitors to my statically generated portfolio site don't have to load images from many sources, they'll all be served locally. All using a shortcode. That's dope

Build Awesome (11ty) reposted

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) πŸ†οΈ