Code

A modern look at responsive web design.

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version. I know I also have a terrible record with open source maintenance, so I thought […]

The great locomotive-scroll but 100% Native, updated with Lenis to get a native but smooth scrolling experience. - GitHub - quentinhocde/loconative-scroll: The great locomotive-scroll but 100% Nati...

How smooth scroll should be. Contribute to studio-freight/lenis development by creating an account on GitHub.

A historical record of foundational web development blog posts.

I'm an Award-winning Designer with 14+ years of experience in GUI, Interaction, Animation, and 3D. I like discovering new tools and techniques to make my design life easier and lazier.

Radio-controlled HTML elements!

Rosetta Code is a programming chrestomathy site. The idea is to present solutions to the same task in as many different languages as possible, to demonstrate how...

A bunch of demos and tools to show off Scroll-driven Animations

Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.

Simple. Fast. Web Components.

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

A light-weight, no-dependency, vanilla JavaScript library to drive user's focus across the page.

I recently updated the grid system on my site from Flexbox to CSS Grid. Today, I wanted to share how to use it, how it works under-the-hood, and why I made the switch. Let’s dig in! A responsive grid system My websites tend to be pretty boring. Years ago, I decided to prioritize simple readability over flashy features, and that seems to resonate with a lot of people. But I do occasionally need multi-column layouts, like the list of projects on the Lean Web Club homepage.

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

Bring your components to life with simple spring animation primitives for React

A bundle of Eleventy releases, blog posts, sites, and resources. Over 500 posts from more than 200 authors.

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 15+ years.

Bring children's drawings to life, by animating characters to move around!

A blog post about modern CSS every day for 100 days.

Learn, practice and get world-class mentoring in over 50 languages. 100% free.

Taxi is a 🤏 small and 🐊 snappy js library for adding slick PJAX navigation and beautiful transitions to your website.

List of ngrok alternatives and other ngrok-like tunneling software and services. Focus on self-hosting. - GitHub - anderspitman/awesome-tunneling: List of ngrok alternatives and other ngrok-like tu...

Cloudflare Tunnel runs a lightweight daemon (cloudflared) in your infrastructure that establishes outbound connections (Tunnels) between your origin …

Simple CSS scrollbar editor.

CSS has a lot of pretty rad and powerful features for managing image rendering these days. Let’s leverage some of these, like aspect-ratio, object-fit, and object-position for when we need to use a single image in many different contexts.

Extending elements beyond the content area with CSS Grid and named grid lines.