Code

There are some scroll animations that are possible in CSS without any JavaScript at all. Just look at the chapter on the Scroll Indicator, which is clearly CSS magic. But we can do a lot of scroll animation work directly in CSS with just one little bit of information provided by JavaScript: how far the page has scrolled.

Generate simple, responsive email templates, with inlined CSS on build using 11ty. - GitHub - 5t3ph/11ty-email-generator: Generate simple, responsive email templates, with inlined CSS on build usin...

Build apps and services that speak naturally and engage customers globally with Text to Speech conversions.

Powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.

Spirit is an animation toolkit built to help you create animations for the web directly in the browser

CSS3 was a massive success for CSS. No doubt loads of people boned up during that time. How has CSS changed since? Let's count the ways.

How to align content with another section given that they are placed in different wrappers

It’s yellow. It fits in your pocket. There’s a crank. It comes with 24 free games to get you started. Say hi to Playdate from Panic.

CSSUI is a collection of interactive user interface components realized in pure CSS.

Tips, tricks and tutorials on the web’s most beautiful language.

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Wepback.

I’ve been using a fluid type and spacing system on the most recent builds I’ve completed. Here’s why I use it, and how I approach it. I mainly use SCSS (a

TextEvo allows you to easily animate your text with delay based on letters, words or lines.

Commit messages matter. Here's how to write them well.

An introduction to the intellectual enterprises of computer science and the art of programming.

The Odin Project empowers aspiring web developers to learn together for free

Free and Open source Web Template Editor - Next generation tool for building templates without coding

Generate font size variables for a fluid type scale.

An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.

Improve how you architect webapps Patterns.dev is free book on design patterns and component patterns for building powerful web apps with...

Straw.Page is the world's simplest website builder. Create unique websites from your mobile device.

A list of defensive CSS techniques to avoid potential future issues

Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

A LIVE list of 11ty Plugins being pulled in from Github to a Google Sheet! - GitHub - oneezy/eleventy-plugin-google-sheet: A LIVE list of 11ty Plugins being pulled in from Github to a Google Sheet!

A series of HTML and CSS tricks to detect text input and display a secret message to the user. Uses the space-toggle hack with CSS variables.