Eleventy base project

Related tags

Learning resource 11ty-base
Overview

Project base for Eleventy Sites

Includes static page template, blog post template, post feed, pagination, tags and RSS. Also includes gulp setup for SCSS, fonts and images.

Please don’t submit issues or PRs. I’m just sharing this for people that might want a decent starter. This isn’t open source: just free. Thanks.

ℹ️ If you want to learn how it works, go ahead and take my Eleventy course

Getting started

Ideally, you’ll be using an LTS version of Node JS and if in Windows, the WSL setup because it works better with gulp.

  1. Run npm install
  2. Run npm start to run locally
  3. Run npm run production to do a prod build
You might also like...

Opiniated Eleventy starter based on the workflow suggested by Andy Bell's

Eleventy starter Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's https://buildexcellentwebsit.es/. Eleventy starter Pre

Dec 31, 2022

JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.

JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.

Yuriy Chamkoriyski & Bonke Gcobo Javascript capstone project API-based webapp from Module 2 at Microverse Wireframe requirements The Home Page low fid

May 30, 2022

A base project for Express with Typescript to create an API. Includes automatic input validation and Swagger UI generation.

A base project for Express with Typescript to create an API. Includes automatic input validation and Swagger UI generation.

(Typescript) Express API with input Validation and Swagger UI Thats a mouthful isn't it. Typescript: The language used, a superset of Javascript with

Oct 26, 2022

The code base for the tutorial on how to use the TypingDNA Verify API

TypingDNA-Verify-API-Tutorial The code base for the tutorial on how to use the TypingDNA Verify API Resources TypingDNA Website TypingDNA Verify Docs

Oct 6, 2022

Base-mock-api - Repo to storage my fake api's to use in my 2022 projects.

Base Mock API's Project made 100% with JavaScript, with the objective of creating endpoints to use in projects. Prerequisites Before you begin, ensure

Nov 20, 2022

Hiroshi. A wabot-aq base MD Baileys

Hiroshi. A wabot-aq base MD Baileys

Hiroshi Haruno md version. Baileys-MD (multi-device) is still a beta version. there'll so many bug on it. Termux apt install ffmpeg apt install imagem

Jul 23, 2022

Ox "base" template server

OX Base Template Server This repo is an updated version of Judd's ox_base_template_server, as he discontinued his repo I will still be contributing to

Feb 6, 2022

Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.

Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA 📝 Sobre o Projeto Este projeto é um boilerpl

Aug 21, 2022

Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Rails7Base I created the Rails7Base as a scaffold application. Countless times, I had to create apps that must have the following features: Login syst

Jul 2, 2022
Comments
  • cleanCSS issue with animation-duration time value

    cleanCSS issue with animation-duration time value

    In the modern-css-reset, there is a media query for reduced motion. Inside, animation-duration values are globally set to a very small time value of 0.01ms. The small value matters, so it doesn't break events like animationend, as you wrote in the blog article about modern-css-reset

    Effect:

    The css processing task seems to round the 0.01ms value to 0, which breaks those animationend and transitionend events for some browsers. You can check it by having a look at the source code (https://picalil.li/ is also affected) and search for animation-duration.

    Workaround:

    The cleanCSS step inside the gulp task for the sass processing seems to do this (it stays 0.01ms when skipping the cleanCSS step). A workaround is changing the time value to 1ms.

    There also is a way to specify the rounding precision in clean-css, haven't tried yet: https://github.com/clean-css/clean-css#how-to-specify-a-custom-rounding-precision

    opened by learosema 0
Owner
Andy Bell
Educator and designer who runs https://piccalil.li and https://front-end-challenges.club. Co-author of https://every-layout.dev.
Andy Bell
GitHub
Eleventy base project

Project base for Eleventy Sites Includes static page template, blog post template, post feed, pagination, tags and RSS. Also includes gulp setup for S

Andy Bell 70 Dec 21, 2022
Deta Base UI - A place with more functionality for managing your Deta Base(s).

Deta Base UI - A place with more functionality for managing your Deta Base(s). ✨ Features: Total rows count Quick multi select (click and shift) Searc

Harman Sandhu 13 Dec 29, 2022
Group and sort Eleventy’s verbose output by directory (and show file size with benchmarks)

eleventy-plugin-directory-output Group and sort Eleventy’s verbose output by directory (and show file size with benchmarks). Sample output from eleven

Eleventy 16 Oct 27, 2022
Generate tagged PDFs from your Eleventy site

eleventy-plugin-prince-pdf This plugin makes it easy to generate tagged PDFs from webpages in your Eleventy site, using Prince. What this does This pl

null 4 Feb 9, 2022
A demo to show how to re-use Eleventy Image’s disk cache across Netlify builds.

Re-use Eleventy Image Disk Cache across Netlify Builds Live Demo This repository takes all of the high resolution browser logos and processes them thr

Eleventy 9 Apr 5, 2022
A tiny script and component intended to be used with Astro for generating images with eleventy-img.

Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu

Erika 36 Dec 16, 2022
Use macro-based Nunjucks components with Eleventy and Storybook.

eleventy-nunjucks-storybook Use macro-based Nunjucks components with Eleventy and Storybook. Links See Using Storybook with Nunjucks components in Ele

Ashur Cabrera 11 Dec 15, 2022
An Eleventy wrapper for type supported configurations

Shareable Eleventy configuration strap. The module can be dropped in to your .eleventy.js configuration file for Typed supported configuration options.

ΝΙΚΟΛΑΣ 5 Jun 17, 2022
A peculiar little website that uses Eleventy + Netlify + Puppeteer to create generative poster designs

Garden — Generative Jamstack Posters "Garden" is an experiment in building creative, joyful online experiences using core web technologies. ?? Buildin

George Francis 13 Jun 13, 2022
A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that uses markdown-it.

markdown-it-eleventy-img A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that use markdown-it. F

null 25 Dec 20, 2022