Delicious

Over the last few years, I’ve run npm install more times than I can count. And as a result, I have a lot of node_modules directories on my computer that I long forgot about and never use. Sometimes I don’t need the project at all anymore, but often, it’s a codebase I just don’t work with often. My node_modules directories contained 50mb of stuff on the small side, and over 200mb of files in some cases.

LingoJam lets you create an online translator. It's really simple, just throw us a couple of lists of words and we'll mix it around and make a translator that you can share with the world!

The HTML touch slider carousel with the most native feeling.

Palette, Theming, White Labeling, Dark Mode and CSS Variables

A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.

Develop an animated hamburger menu using SVG and CSS

Curated library of colors, fonts and resources for Web Developers & Digital Designers.

Andy covers a technique where a semantic is used within a card component, but really, the whole card is clickable. The trick is to put a pseudo-element

A step by step guide to creating a Hamburger Menu animation in SVG & CSS

Grid.js is a lightweight, advanced table plugin that works everywhere

There's some interesting CSS trickery in Jason Pamental's latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital

A guide to implement light and dark modes on websites

Media queries are what make modern responsive design possible. With them you can set different styling based on things…

How to style elements in the first and last rows of a balanced or unbalanced CSS grid using CSS selectors.

Get 100+ free open source svg icons set pack and library which are ready to use in both sketch app and javascript projects built with react and npm.

create your own free seamless patterns and backgrounds online fast and easy. Try our pattern generator - it is totally free!

Instantly convert documents within Google Docs into reStructuredText. Downloads images, converts markup, bulleted lists, tables, and more

Create fully responsive shape dividers for your next web project

Eleventy filters allow you to build functionality on top of the templating language you are using. In this tutorial we make a date formatting filter using th...

Stumbled across a little layout technique while working on my latest redesign. I think it’s helpful; maybe you’ll think so, too.

Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more

I thought this was going to be a short-ish note on fixed positioning and jank, but as with almost everything I write, it grew into a long-ish post about containing blocks, rendering and scroll performance.

Increment is a print and digital magazine about how teams build and operate software systems at scale.

I wanted to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decid...