Code Monkey home page Code Monkey logo

👋🏻 Hi! I'm Stephanie Eckles, aka 5t3ph, and I create front-end learning and development resources with an emphasis on CSS, Accessibility, and Eleventy. I'm the creator of ModernCSS.dev, SmolCSS.dev, StyleStage.dev, 11ty.Rocks and more! A list of my additional projects is available in my portfolio.

I enjoy sharing my experience as an:

Keep updated with my projects by subscribing to the ModernCSS newsletter

Featured Projects

Style Stage: A modern CSS showcase styled by community contributions Modern CSS Solutions
11ty Rocks: A collection of Eleventy (11ty) starters, projects, plugins, and resources SmolCSS: Minimal snippets for modern CSS layouts and components

Stephanie Eckles's Projects

11ty-basics icon 11ty-basics

A barebones demo of basic but essential 11ty features.

11ty-membership-site icon 11ty-membership-site

An Eleventy theme for offering premium content to members. Requires Supabase and Netlify accounts.

11ty-netlify-jumpstart icon 11ty-netlify-jumpstart

Quickly launch an 11ty-generated static site. Includes a minimal Sass framework, generated sitemap, and RSS feed.

11ty-rocks icon 11ty-rocks

A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph)

11ty-sass-skeleton icon 11ty-sass-skeleton

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.

11ty-serverless-search icon 11ty-serverless-search

An example of using 11ty Serverless to. create site search using local and external data sources.

11ty-twitch-scenes icon 11ty-twitch-scenes

A slim 11ty + Sass setup to get started creating custom Twitch scenes, including responding to chat commands with ComfyJS.

11ty-website icon 11ty-website

Documentation site for the Eleventy static site generator.

a11y-fails icon a11y-fails

Find the fails, submit a PR with fixes. See link for live demo.

buttonbuddy icon buttonbuddy

Learn about accessible button contrast then generate your own accessible button color palette

course-structure icon course-structure

A template to manage lessons for a related course using yarn workspaces.

css-browser-support icon css-browser-support

Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.

css-webring icon css-webring

A simple web component that retrieves a selection of CSS blog links with customization available via CSS variables.

devto-netlify-starter icon devto-netlify-starter

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.