GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → 5t3ph → 11ty-sass-skeleton

5t3ph / 11ty-sass-skeleton

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

Programming Languages

Nunjucks
165 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Labels

sasssass-boilerplateeleventy11ty11ty-templateeleventy-template

Projects that are alternatives of or similar to 11ty-sass-skeleton

smol-11ty-starter
Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.
Stars: ✭ 61 (-64.94%)
Mutual labels:  eleventy, 11ty, 11ty-template, eleventy-template
11ta-template
Deeply customizable, full-featured, ready to publish blog template built with 11ty, TailwindCSS, & Alpine.js
Stars: ✭ 98 (-43.68%)
Mutual labels:  11ty, 11ty-template, eleventy-template
Eleventy High Performance Blog
A high performance blog template for the 11ty static site generator.
Stars: ✭ 3,492 (+1906.9%)
Mutual labels:  eleventy, 11ty, 11ty-template
frontenso-11ty-starter
Production-ready 11ty+Gulp+Webpack Starter that features Nunjucks, SASS, TailwindCSS (with JIT complier), and ESNext.
Stars: ✭ 24 (-86.21%)
Mutual labels:  eleventy, 11ty, 11ty-template
11tyby
Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!
Stars: ✭ 38 (-78.16%)
Mutual labels:  eleventy, 11ty
eleventy solo starter njk
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
Stars: ✭ 22 (-87.36%)
Mutual labels:  eleventy, 11ty
alexcarpenter-11ty
📝 Source files for my personal website built with Eleventy and hosted with Netlify.
Stars: ✭ 89 (-48.85%)
Mutual labels:  eleventy, 11ty
eleventy-plugin-cloudinary
An Eleventy shortcode that allows you to add an image from your cloudinary account
Stars: ✭ 28 (-83.91%)
Mutual labels:  eleventy, 11ty
smix-eleventy-starter
A standards-respecting starter kit for Eleventy. Go Indie.
Stars: ✭ 108 (-37.93%)
Mutual labels:  eleventy, 11ty
htmlrecipes
A collection of quick copy HTML snippets for a variety of common scenarios.
Stars: ✭ 113 (-35.06%)
Mutual labels:  eleventy, 11ty
fernfolio-11ty-template
The super simple portfolio template built with Eleventy and Netlify CMS
Stars: ✭ 64 (-63.22%)
Mutual labels:  eleventy, 11ty
11ty-web-component-generator
Use the power of 11ty to generate web components (custom elements).
Stars: ✭ 51 (-70.69%)
Mutual labels:  11ty, 11ty-template
objectfit-focalpoint
Generate the object-position value to capture an image's focal point given a custom aspect-ratio.
Stars: ✭ 14 (-91.95%)
Mutual labels:  eleventy, 11ty
eleventy-plugin-prismic
Eleventy plugin and shortcodes to fetch and present Prismic content
Stars: ✭ 39 (-77.59%)
Mutual labels:  eleventy, 11ty
bymattlee-11ty-starter
A starter boilerplate powered by 11ty, Sanity, Gulp, Tailwind CSS, rollup.js, Alpine.js and Highway.
Stars: ✭ 27 (-84.48%)
Mutual labels:  eleventy, 11ty
eleventy-plugin-svelte
Eleventy plugin to support svelte templates
Stars: ✭ 40 (-77.01%)
Mutual labels:  eleventy, 11ty
11up
A utility to create an 11ty site scaffold from one of a number of site templates. Mostly just Phil Hawksworth's regular starting points
Stars: ✭ 25 (-85.63%)
Mutual labels:  eleventy, 11ty
eleventy bundler
NOT RECOMMENDED FOR USE; see README
Stars: ✭ 19 (-89.08%)
Mutual labels:  eleventy, 11ty
11ty-tailwind-jit
Try editing some Tailwind in this repo while running in dev. It's SO FAST!
Stars: ✭ 17 (-90.23%)
Mutual labels:  eleventy, 11ty
agilitycms-eleventy-starter-2020
A sample Eleventy starter that uses Agility CMS and aims to be a foundation for building fully static sites using 11ty and Agility CMS.
Stars: ✭ 18 (-89.66%)
Mutual labels:  11ty, 11ty-template
View All Similar Projects ➔

logo

11ty Sass Skeleton

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

Includes minifiying and autoprefixing of styles postbuild.

Created by @5t3ph

Development Scripts

npm start

Run 11ty with hot reload at localhost:8080, including reload based on Sass changes

npm run build

Production build includes minified, autoprefixed CSS

Use this as the "Publish command" if needed by hosting such as Netlify.

Resources to extend this and learn 11ty

Ensure accessible colors by adding my a11y-color-tokens package

Learn to build an 11ty site in 20 mins with my egghead video course and see how to add a blog and custom data.

Add auto-generated social media images with my plugin

Explore advanced setup of custom data through my tutorial on building a community site

For a more full-featured starter check out my 11ty Netlify Jumpstart (also works for hosts other than Netlify).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].