Code

A roundup of selected Codrops articles and tutorials of the year 2022.

A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.

Opiniated Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es. - GitHub - madrilene/eleventy-excellent: Opiniated Eleventy starter based on the workflow ...

Self-host fonts in neatly bundled NPM packages.

Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.

Your website might be ready to adapt to any viewport. But why should users wait for irrelevant desktop styles when they load it on mobile?

A collection of bad practices in HTML, copied from real websites.

How hours of debugging can save minutes of reading, and more takeaways from sprucing up the type on this website.

Flexbox is a remarkably powerful layout mode. When we truly understand how it works, we can build dynamic layouts that respond automatically, rearranging themselves as-needed.

A rugged, minimal framework for composing behavior directly in your markup.

An exploration of how a frontend developer thinks while building a simple hero section.

A tool to generate simple regular expressions from sample text. Enable less experienced developers to create regex smoothly.

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

A responsive looping marquee-style animation using HTML and CSS

Fast, composable, unstyled command menu for React.

If you like math and CSS, you’ll love this one. We don’t need to use media queries to change the values of some CSS properties — *font-size*, *padding*, *margin* etc. — depending on the viewport width, with the CSS `clamp` function. But: we still need to use media queries for changing colors, borders, shadows and other CSS styles.

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

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

Today we are looking under the hood of a page transition based on Vitalii Burhonskyi's Dribbble shot.

Resources for my Type@Cooper course. Contribute to djrrb/Python-For-Visual-Designers-2020 development by creating an account on GitHub.

Curated list of learning resources for all sorts of Python usage

An introductory manual to Python3 and DrawBot

A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.

Eleventy (11ty) Tutorial

The web has never been a place for perfectionism. Typesetting in particular has been a long-neglected facet of web design because we’ve lacked the tools to give long texts the editorial care they need.

A foundational overview of how to build color-adaptive, responsive, and accessible button components.

Mouse wheel snap to sections. Fast and simple to use.