11ty

558 bookmarks

Newest

patrickxchong/eleventy-plugin-svg-sprite: A high performance Eleventy universal plugin that compiles a directory of SVG files into a single SVG Sprite and adds shortcodes to embed SVG Sprite and SVG content in Eleventy templates.

A high performance Eleventy universal plugin that compiles a directory of SVG files into a single SVG Sprite and adds shortcodes to embed SVG Sprite and SVG content in Eleventy templates. - patrick...

plugin

·github.com·Nov 1, 2022

Built with Eleventy, designed for use with Netlify

An Eleventy website starter project designed to get you 'up to zero' and able to start working quickly. Designed for new users and professionals alike!

starter templates

·getzeropoint.com·Nov 1, 2022

Built with Eleventy, designed for use with Netlify

From Notion to Eleventy • i am schulz

Static Site Generators are a great tool to generate a JAM Stack website from a data feed. That feed can be markdown …

notion

·iamschulz.com·Nov 1, 2022

From Notion to Eleventy • i am schulz

GitHub - httpsterio/11ty-gallery

starter templates

·github.com·Nov 1, 2022

GitHub - httpsterio/11ty-gallery

Optimize your img tags with Eleventy Image and WebC

I am very excited about WebC and couldn’t wait to try out the corresponding Eleventy plugin. The first use-case I had in mind was to use Eleventy Image for the…

WebC

·robincussol.com·Oct 25, 2022

Optimize your img tags with Eleventy Image and WebC

Adding Components to Eleventy with WebC—zachleat.com

A post by Zach Leatherman (zachleat)

WebC

·zachleat.com·Oct 20, 2022

Adding Components to Eleventy with WebC—zachleat.com

11ty/demo-webc-counter: A progressively enhanced server-rendered form-aware web component counter using WebC

A progressively enhanced server-rendered form-aware web component counter using WebC - 11ty/demo-webc-counter: A progressively enhanced server-rendered form-aware web component counter using WebC

WebC

·github.com·Oct 20, 2022

11ty/demo-webc-counter: A progressively enhanced server-rendered form-aware web component counter using WebC

Interactive Progressively-enhanced Web Components with WebC

In the WebC Crash Course video we covered the use of HTML components (with a little bit of CSS) https://www.youtube.com/watch?v=X-Bpjrkz-V8In this video, we ...

WebC

·youtube.com·Oct 20, 2022

Interactive Progressively-enhanced Web Components with WebC

Crash Course in Eleventy’s new WebC Plugin

Read more on the Eleventy WebC plugin docs https://github.com/11ty/eleventy-plugin-webcRead more about WebC https://github.com/11ty/webcWebC brings the follo...

WebC

·youtube.com·Oct 20, 2022

Crash Course in Eleventy’s new WebC Plugin

brob/eleventy-plugin-blog-tools: A collection of shortcodes, filters and tags that make blogging on 11ty more fun

A collection of shortcodes, filters and tags that make blogging on 11ty more fun - brob/eleventy-plugin-blog-tools: A collection of shortcodes, filters and tags that make blogging on 11ty more fun

plugin

·github.com·Oct 20, 2022

brob/eleventy-plugin-blog-tools: A collection of shortcodes, filters and tags that make blogging on 11ty more fun

Introduction to WebC | 11ty Rocks!

What is WebC and what does it have to do with Eleventy?

WebC

·11ty.rocks·Oct 19, 2022

Introduction to WebC | 11ty Rocks!

Integrating Eleventy with GitHub Flat Data

How to use the Flat Data GitHub action with Eleventy

data #11ty #lesen

·raymondcamden.com·Oct 13, 2022

Integrating Eleventy with GitHub Flat Data

11ty/webc: Single File Web Components

Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.

WebC

·github.com·Oct 10, 2022

11ty/webc: Single File Web Components

Recipes

Simple solutions to common problems when building websites with Eleventy and WebC.

WebC

·11ty.webc.fun·Oct 10, 2022

Recipes

Building a Quiz with Eleventy and Eleventy Serverless

How I built an Eleventy site driven by dynamic quiz data.

project ideas #11ty #lesen

·raymondcamden.com·Sep 25, 2022

Building a Quiz with Eleventy and Eleventy Serverless

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

drafts #lesen #11ty

·raymondcamden.com·Sep 25, 2022

Support Draft Blog Posts in Eleventy

My Eleventy + SCSS/SASS Setup - Duncan McDougall

My simple configuration when working with SCSS/SASS in an Eleventy (11ty) build.

Sass

·belter.io·Sep 20, 2022

My Eleventy + SCSS/SASS Setup - Duncan McDougall

Create a Sitemap.xml with Eleventy - Duncan McDougall

Add an XML sitemap to your 11ty website with a few lines of nunjucks.

sitemap

·belter.io·Sep 20, 2022

Create a Sitemap.xml with Eleventy - Duncan McDougall

Managing `.env` Variables | 11ty Rocks!

Set up a way to retrieve `.env` variables within your site content, layouts, and config.

environment variables

·11ty.rocks·Sep 20, 2022

Managing `.env` Variables | 11ty Rocks!

Environment Variables

A docs page for Eleventy v1.0.2, a simpler static site generator.

environment variables

·11ty.dev·Sep 20, 2022

Environment Variables

A truly fetching utility for Eleventy | BryceWray.com

While trying to make things work equally well in multiple repos, I discover the value of an Eleventy plugin I’d previously ignored.

API #11ty #fetch

·brycewray.com·Sep 20, 2022

A truly fetching utility for Eleventy | BryceWray.com

Cache-busting in Eleventy: a simpler way with Sass | BryceWray.com

Nearly two years after I thrashed around with code to accomplish this, two relatively new plugins make it a breeze — and with automatic Sass compilation, to boot.

Sass

·brycewray.com·Sep 20, 2022

Cache-busting in Eleventy: a simpler way with Sass | BryceWray.com

VSCode Settings | 11ty Rocks!

Helpful VSCode settings for working on 11ty projects.

VS Code #11ty #vscode

·11ty.rocks·Sep 16, 2022

VSCode Settings | 11ty Rocks!

griffa.dev/tags/11ty/

Tutorials and blog posts on web technologies.

Infohub

·griffa.dev·Aug 31, 2022

griffa.dev/tags/11ty/

Exploring 11ty with Zach Leatherman

Static Site Generation is actually a topic I know nothing about. In all my years I'm yet to use one. Luckily we have Zach with us to show us the ropes, and t...

Video

·youtube.com·Aug 24, 2022

Exploring 11ty with Zach Leatherman

Building a Static API with Eleventy | Sean C Davis

Implement a Static API using the simple and fast static site generator, Eleventy.

API #11ty #api #lesen

·seancdavis.com·Aug 23, 2022

Building a Static API with Eleventy | Sean C Davis

3 Ways to Render Server-Side Components with Eleventy | Sean C Davis

While Eleventy doesn't appear to be built for today's component-driven landscape, here are three approaches we can take to get closer.

basics #11ty #lesen

·seancdavis.com·Aug 23, 2022

3 Ways to Render Server-Side Components with Eleventy | Sean C Davis

How to Separate Content from Website Code | Sean C Davis

It's much easier to maintain a site over time when the content is separate from the code. Walk through that process using a real example with Eleventy.

basics

·seancdavis.com·Aug 23, 2022

How to Separate Content from Website Code | Sean C Davis