I’m currently looking for new opportunities in freelance, contract, or permanent roles starting in the new year. If you know of any openings or can share this post, I’d be grateful for your support!

With expertise in frontend development, web design, interaction design, and design systems, I’m excited to bring fresh ideas and skills to new projects.

#frontend #webdesign #interactiondesign #css #html #sass #designsystems #static #11ty

It's Thursday afternoon, so that means it's time for #Twitch!

This week, it's the same thing we did last stream, Pinky. We're continuing work on TaleLearnCode's website.

Join us!
#CSS #HTML #11ty #Javascript

twitch.tv/Martine_Dowden

Martine_Dowden - Twitch

Award winning CTO, UX / UI designer & developer / international speaker and author focusing on web interfaces that are beautiful, functional, accessible, and usable.

^Twitch

This blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours over the course of two evenings and I took a few notes on my upgrade process for posterity.

chromamine.com/2024/11/notes-o…

#11ty #IndieWeb #WebDev #SSG

#11ty plugin for lucide icons

looks as if it would be very easy to use

github.com/GrimLink/eleventy-p…

GitHub - GrimLink/eleventy-plugin-lucide-icons: An Eleventy shortcode, allows lucide-icons to be embedded as inline svg into templates.

An Eleventy shortcode, allows lucide-icons to be embedded as inline svg into templates. - GrimLink/eleventy-plugin-lucide-icons

^GitHub

Damn #11ty import is basically what I’ve been building myself for my #DigitalGarden project. Nice to know there is a term for it too, PESOS! #Notes

github.com/11ty/eleventy-impor…

garden.r0b.io/notes/80/

GitHub - 11ty/eleventy-import: Utility to import content from multiple services (and a CLI, too)

Utility to import content from multiple services (and a CLI, too) - 11ty/eleventy-import

^GitHub

Holy game changer, Batman!

#11ty
fosstodon.org/@eleventy/113489…

Eleventy 🎈 v3.0.0

2024-11-15 22:01:40

Introducing 📥 11ty/import: a CLI tool to import content as static files

👋🏻 Easily export all of your WordPress posts
👀 Show recent 🐘 Mastodon posts on your web site without expensive embeds
✅ Make a CMS out of anything on the web using PESOS
🔎 Repeatable and resume-able using local caching for API requests, and a lot more!

Try it out: github.com/11ty/eleventy-impor…

GitHub - 11ty/eleventy-import: Utility to import content from multiple services (and a CLI, too)

Utility to import content from multiple services (and a CLI, too) - 11ty/eleventy-import

^GitHub

New #blog post: More 11ty Stuff

I did some more playing around with 11ty and thought I'd write about it. #blog #11ty

lwgrs.bearblog.dev/more-11ty-s…

#EchoFeed

More 11ty Stuff

I did some more playing around with 11ty and thought I'd write about it. #blog #11ty

^{An Almost Anonymous Blog}

One of the things I’m working on while doing the #30DayMapChallenge is creating a portfolio site for the maps I create. It’s pretty hard explaining everything when you’re constrained by a 500-character limit, and this provides me with the space to expound on my mapmaking process.

Also, I took this opportunity to finally play around with @eleventy as a static-site generator, something that I mentioned last month: en.osm.town/@seav/113322416132…

#Eleventy #11ty #webdev #cartography #maps #Mapstodon

I wrote about how I teach #Eleventy from scratch to my friends.

This 6 step workshop covers the basic fundamentals of Eleventy in a way that helps understand what happens if you then decide to start with a starter kit.

hamatti.org/posts/how-i-teach-…

#blogging #11ty

How I teach Eleventy from scratch

I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.

^{Juha-Matti Santala}

Adding Cooklang Support to Eleventy Three Ways rknight.me/blog/adding-cooklan…

lil todo: add recipes to website

result: a week of fiddling and thinking about standards and the best part of 5000 words across three blog posts

#11ty

Adding Cooklang Support to Eleventy Three Ways

How I added my recipes to my blog posts with cooklang and the recipe schema

^rknight.me

When is a personal site redesign not really a redesign, but an opportunity to futz?

bobmonsour.com/microblog/is-it…

#11ty #eleventy

Cheeky #11ty PR to round off the day

github.com/11ty/eleventy-plugi… #Notes

📢 If your blog is #BuiltWith11ty and you use a classic `/yyyy/mm/dd/title` URL structure, I have a new blog post for you: #Eleventy (#11ty) year, year-month, and year-month-day indexes: blog.tomayac.com/2024/11/02/el…. Who doesn't like hackable 🪓 URLs?

`/yyyy/mm/dd/title`
`/yyyy/mm/dd/`
`/yyyy/mm/`
`/yyyy/`

Thanks to @zachleat for @eleventy and the ecosystem like the image plugin around it!

Eleventy (11ty) year, year-month, and year-month-day indexes

The personal blog of Thomas Steiner

^{Thomas Steiner (Blogccasion)}

Has anyone done a thing like Tweetback but for #Mastodon? It’d be cool to have a static archive of my old server, at least the toots, rather than the whole thing disappearing? #MastoAdmin #11ty

github.com/tweetback/tweetback

GitHub - tweetback/tweetback: Take ownership of your Twitter data and get your tweets back

Take ownership of your Twitter data and get your tweets back - tweetback/tweetback

^GitHub

PDFs are useful, but they aren’t accessible, especially when it comes to ebooks.

In “Transforming eBooks: From PDFs to Accessible Web Experiences”, learn how we turned our latest #ebook into a dynamic reading experience that is also accessible using #11ty

lullabot.com/articles/transfor…

#accessibility #a11y #webdev

the new version of my artist website, built with #11ty, is now live!! palomakop.tv

the design has been subtly refreshed, and the homepage is different. there are still more improvements and additions that i want to make, but all of the pages from the old site are there -- and crucially, it will be 10000x easier to make those changes than it was with the html version.

also, there is now a full text #RSS feed for my blog updates ^-^

feedback on the new site is welcome.

Paloma Kop

Paloma Kop - experimental multimedia artist

^palomakop.tv

Issue 60 of the #11ty Bundle is out: We Meetup'd, Migrate from WP to 11ty, A fetch refresh, 11ty arrives in Wikipedia, Clayton's GitHub action, Adding steroids to Eleventy's log filter...And 4 releases, 16 posts and 14 sites to see.

@eleventy

11tybundle.dev/blog/11ty-bundl…

Issue 60 - We Meetup'd, Migrate from WP to 11ty, A fetch refresh, 11ty arrives in Wikipedia, Clayton's GitHub action, Adding steroids to Eleventy's log filter...And 4 releases, 16 posts and 14 sites to see

11ty Bundle Issue 60

^{11tybundle.dev}

I have just published v1.1.0-rc5 of my #11ty Interlinker Plugin: npmjs.com/package/@photogabble…

This makes it build as both CommonJS and ESM as well as has a bugfix for compatibility with the latest version of 11ty.

Going to give it a test with some of my websites before releasing v1.1.0 propper.

@photogabble/eleventy-plugin-interlinker

Obsidian WikiLinks, BackLinks and Embed support for 11ty. Latest version: 1.0.6, last published: 6 months ago. Start using @photogabble/eleventy-plugin-interlinker in your project by running `npm i @photogabble/eleventy-plugin-interlinker`.

^npm

Just wrote up my short talk from the 11ty meetup about using Cloudinary for dynamic social share images

Big props to @jlengstorf for the prior art and original code. Here I talk a lot about how gravity and layers work.

#webdev #11ty #cloudinary

sia.codes/posts/social-share-i…

Dynamic social share images using Cloudinary

Automatically generate unique Open Graph images for each page of your website

^{Sia Karamalegos (sia.codes)}

Website Optimization Measures, Part XXVII:

On improvements involving Eleventy (3), Lightning CSS, Imagemin Guard, early hints, ads, creator metadata, and custom/programmable search engines.

meiert.com/en/blog/optimizatio…

#optimization #eleventy #11ty

Website Optimization Measures, Part XXVII · Jens Oliver Meiert

On improvements involving Eleventy (3), Lightning CSS, Imagemin Guard, early hints, ads, creator metadata, and custom/programmable search engines.

^meiert.com

And @glitchdotcom + @eleventy are such a perfect match.

Definitely will be experimenting more with this setup!

#MadeWithGlitch #eleventy #11ty #MadeWithEleventy #MadeWith11ty #opensource