Code

Every element I use for the basic structure of a HTML document, with explanations why.

Plug11ty is a community-run repository for 11ty plugins. It's powered using NetlifyCMS Open Authoring. If you want to submit a plugin, click the Add Plugin button at the top

Clamp() linear intepolation based on viewport width builder by pprg1996 using react, react-dom, react-scripts, styled-components

For writing maintainable and scalable HTML documents

A demonstration and visualiser of fluid typography and space, using Utopia.

A foundational overview of how to build a settings component of sliders and checkboxes.

Personal Website built with Eleventy. Contribute to maxboeck/mxb development by creating an account on GitHub.

html5animationtogif.com is online tool to convert html5 animation to gif

A quick introduction to ARIA's properties.

Use lite-youtube-embed in Eleventy for faster and more privacy-minded video

Standalone parallax scrolling for mobile and desktop with CSS variables.

By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new **CSS tool** called [Utopia](https://utopia.fyi/) offers an alternative to breakpoint-driven design.

It's SVG animation made easy - Create impressive SVG animations online, without any coding skills. Add them easily to your website. Get started for free!

Today, we’ll look at SVG generators — for everything from SVG shapes and backgrounds to SVG path visualizers and SVG → JSX generators.

Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started.

Notes toward a continuous framework for screen typography

A post by Zach Leatherman (zachleat)

Minimal snippets for modern CSS layouts and components

Resolve dependencies and post-process files in your Eleventy project - gregives/eleventy-load

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

A high performance blog template for the 11ty static site generator. - google/eleventy-high-performance-blog

An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.

HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box