Stephanie Eckles's Projects
A barebones demo of basic but essential 11ty features.
An Eleventy environment for creating CSS Houdini Paint worklets.
Building live on Twitch! https://twitch.tv/5t3phDev
Tiny demo with starter concepts for 11ty Edge.
Generate simple, responsive email templates, with inlined CSS on build using 11ty.
An Eleventy theme for offering premium content to members. Requires Supabase and Netlify accounts.
Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, generated sitemap, and RSS feed.
A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph)
Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.
An example of using 11ty Serverless to. create site search using local and external data sources.
A slim 11ty + Sass setup to get started creating custom Twitch scenes, including responding to chat commands with ComfyJS.
Use the power of 11ty to generate web components (custom elements).
In progress, on stream: https://twitch.tv/5t3phDev
Documentation site for the Eleventy static site generator.
Generate accessible UI colors from your base color tokens.
Find the fails, submit a PR with fixes. See link for live demo.
Setup a slim build tools process for kickstarting a custom Bootstrap 4 theme.
Learn about accessible button contrast then generate your own accessible button color palette
Source code for the egghead course "Accessible Cross-Browser CSS Form Styling". Visit the link to take the course!
A template to manage lessons for a related course using yarn workspaces.
Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.
A simple web component that retrieves a selection of CSS blog links with customization available via CSS variables.
Features built on-stream for Frontend Horse
Template HTML/Sass site that retrieves DEV posts with a Netlify function. Uses node-sass and includes Browsersync for hot reloading. Build styles are minified and autoprefixed.
The frontend for egghead.io.