Web Development

Articles on HTML, CSS, and web development.

Automatic Page Hierarchy with the Eleventy Navigation Plugin

Setting up the page hierarchy for use by the Eleventy Navigation Plugin automatically in eleventyComputed.js.

Creating a List of Direct Child Pages in Eleventy

Rendering a list of the current page’s subpages in Eleventy using a Liquid template, a WebC component, or an Eleventy Shortcode.

Developing and Maintaining Websites with Eleventy

Developing, editing, and publishing a website using the static site generator Eleventy.

HTML & CSS FAQ

Answers to Frequently Asked Questions on HTML and CSS.

HTML Plugins for Eleventy

Eleventy plugins to add tables of contents, syntax highlighting, and attributes to external links to HTML templates.

Using Eleventy and PHP Together

Eleventy can be used to output PHP files to add dynamic parts like a contact form to the website.

Using Markdown with Eleventy

Extending Eleventy’s built-in Markdown support by plugins and advanced configuration.