Skip to main content
CSS-Tricks
Since 2007
  • Articles
  • Guides
  • Almanac
  • Links
  • Picks
  • Newsletter
  • Search

Articles Tagged
nunjucks

6 Articles
{
,

}
Direct link to the article Creating Your Own Bragdoc With Eleventy
eleventy markdown nunjucks

Creating Your Own Bragdoc With Eleventy

No matter what stage you’re at as a developer, the tasks we complete—whether big or small—make a huge impact in our personal and professional growth. Unfortunately, those tasks aren’t always recognized because they can easily get lost in the sea …

Emily Leung on Oct 20, 2021
Direct link to the article A Community-Driven Site with Eleventy: Building the Site
eleventy netlify nunjucks

A Community-Driven Site with Eleventy: Building the Site

In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting user submissions, using what I learned from my experience building Style Stage as an …

Stephanie Eckles on Aug 20, 2020 Updated on Aug 22, 2020
Direct link to the article Building A Static Site With Components Using Nunjucks
nunjucks static sites

Building A Static Site With Components Using Nunjucks

We’re so used to either a backend language or a JavaScript framework powering our data-backed components. I love me a Rails partial with a bunch of locals: {} or a <Component ...props /> but you don’t have to give up …

Chris Coyier on Mar 15, 2018
Direct link to the article Jekyll Includes are Cool
jekyll nunjucks web components

Jekyll Includes are Cool

Dave Rupert:

When cruising through the Includes documentation I noticed a relatively new feature where you can pass data into a component.

I was similarly excited learning about Macros in Nunjucks. Then:

After a couple days of writing includes

…
Chris Coyier on Jul 11, 2017 Updated on Aug 11, 2017
Direct link to the article Four Killer Features of Nunjucks
nunjucks templating

Four Killer Features of Nunjucks

Nunjucks calls itself “A rich and powerful templating language for JavaScript”, which sounds about right. It’s not intentionally super lightweight like Mustache or the slightly more robust (but still pretty light) Handlebars. It’s a full-on language, packed with all …

Chris Coyier on May 3, 2017
Direct link to the article Component-Led Design Patterns with Nunjucks & Grunt
design patterns grunt nunjucks

Component-Led Design Patterns with Nunjucks & Grunt

Recently I was involved with the creation of an in-house system for building HTML prototypes intended to act as a reference point for an eCommerce CMS called Hybris. It started out simple, with PHP. As the team grew, so did …

Morgan feeney on Jun 14, 2016 Updated on Mar 30, 2017

CSS-Tricks is powered by DigitalOcean.

Get Curated Front-End Roundups Right in Your Inbox

Coming back really, really soon! See past issues →

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top