Skip to Content

Resources

WebID - Universal Login and Identity for the Web

OpenAI Codex

GitHub - Rich-Harris/svelte-undo: A small utility for managing an undo stack

GitHub - ai/size-limit: Calculate the real cost to run your JS app or lib to keep good performance. Show error in pull request if the cost exceeds the limit.

Rust and WebAssembly Serverless Functions in Vercel - The New Stack

Tangram

Build your own shop with the Shopify Storefront API, and serverless functions with Eleventy

devcert

GitHub - sindresorhus/mem: Memoize functions - an optimization technique used to speed up consecutive function calls by caching the result of calls with identical input

GitHub - developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

Funnel Rocket: A Serverless Query Engine - The New Stack

GitHub - sinclairzx81/typebox: JSON Schema Type Builder with Static Type Resolution for TypeScript

GitHub - nol13/fuzzball.js: Easy to use and powerful fuzzy string matching, port of fuzzywuzzy.

GitHub - GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.

RDF Translator

GitHub - kevglass/gute

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio

A future for SQL on the web

Test the Preview Vercel Deploys

null

JSKOS data format for Knowledge Organization Systems

Web worker meets worker threads - threads.js

Load testing for engineering teams | k6

GoodRelations: The Professional Web Vocabulary for E-Commerce

Inclusive Components

Uniform CSS - Overview

New browser APIs to detect JavaScript performance problems in production

MathJax Documentation — MathJax 3.2 documentation

Node.js Undici

Upstash: Serverless Database for Redis

traduora: translation management platform for teams.

big.js API

Svelte-Motion

arquero

Apache Arrow - v5.0.0

GitHub - vega/falcon: Brushing and linking for big data

GitHub - vercel/tracing-js: An implementation of Opentracing API for honeycomb.io

null

mdsvex - svelte in markdown

GitHub - Pimm/mapsort: Performant sorting for complex input

How To Bake Layers Of Accessibility Testing Into Your Process — Smashing Magazine

Grid.js - Advanced JavaScript table plugin

Welcome to UNCUT

A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine

Amethyst - The open source, data-driven game engine

The best approach to lazy load images for maximum performance

Efficiently load third-party JavaScript

Best practices for cookie notices

Overflow Issues In CSS — Smashing Magazine

An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine

Responsive Grid Design: Ultimate Guide

A Primer on the Different Types of Browser Storage

Prevent layout shifts with CSS grid stacks

Radix Icons

Comparing Various Ways to Hide Things in CSS

Designing User-Friendly Data Tables | UX Booth

ES Modules in Depth - ui.dev

GitHub - socketio/socket.io: Realtime application framework (Node.JS server)

GitHub - jcubic/tagger: Zero Dependency, Vanilla JavaScript Tag Editor

Tippy.js - Tooltip, Popover, Dropdown, and Menu Library

Multiplayer server | Colyseus: Simple & Fast Multiplayer Game Creation

metascraper, easily scrape metadata from an article on the web.

Sharing data between CSS and JavaScript using custom properties | Christian Heilmann

Animating a CSS Gradient Border

How to avoid layout shifts caused by web fonts

GitHub - alesgenova/post-me: 📩 Use web Workers and other Windows through a simple Promise API

RunJS - A playground for JavaScript and TypeScript

Responsible Web Applications

inspyr - Handpicked set of beautifully designed SVG icons

Parcel: The Code Editor Built for Email Development

Running Rust in WebAssembly in a Pool of Concurrent Web Workers in JavaScript

Advanced Promise Patterns: Promise Memoization - Blog by Jon Mellman

GitHub - isaacHagoel/svelte-dnd-action: An action based drag and drop container for Svelte

Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine

Website Carbon Calculator | How is your website impacting the planet?

Stimulus: A modest JavaScript framework for the HTML you already have.

Welcome

GitHub - github/view_component: A framework for building reusable, testable & encapsulated view components in Ruby on Rails.

Human-Readable JavaScript: A Tale of Two Experts

Welcome

Wormhole - Simple, private file sharing

Modern CSS Upgrades To Improve Accessibility | Modern CSS Solutions

A Complete Guide To HTML Email — Smashing Magazine

Comparing the New Generation of Build Tools

HTML Inputs and Labels: A Love Story

Build a Web App with Modern JavaScript and Web Components - SitePoint

One-of-a-Kind Core Web Vitals Tool for Technical SEO - Waterfaller

Hello from pnpm | pnpm

The complete guide to working with strings in modern JavaScript

Using the Switch(true) Pattern in JavaScript - Seán Barry

Real-world CSS vs. CSS-in-JS performance comparison

Mage ASCII Game Engine

Hyperapp – Is It the Lightweight 'React Killer'?

Memorize Scroll Position Across Page Loads

How to Switch Logo in Dark Mode

Tabler Icons

Squircley | SVG Squircle Maker

shareon

How To Create A GitHub Profile README

A Simple Explanation of Event Delegation in JavaScript

Generating UUIDs at scale on the Web

GitHub - fymmot/inclusive-dates: A human-friendly datepicker. Supports natural language manual input through Chrono.js. Fully accessible with keyboard and screen reader. Contributions welcome!

GitHub - malinajs/malinajs: Frontend compiler, inspired by Svelte

Moving from TypeScript to Rust / WebAssembly | nicolodavis.com

Four Ways to Fetch Data in React – Cory House

Flatten Array using Array.flat() in JavaScript | SamanthaMing.com

GitHub - lmammino/financial: A Zero-dependency TypeScript/JavaScript financial library (based on numpy-financial) for Node.js, Deno and the browser

jsplot

Designing Adaptive Components, Beyond Responsive Breakpoints by Stéphanie Walter - UX Researcher & Designer.

Modern CSS Techniques To Improve Legibility — Smashing Magazine

Understanding CSS Multiple Backgrounds - Ahmad Shadeed

Natively Format JavaScript Dates and Times

Lazy Loading Images in Svelte

null

An Introduction To Stimulus.js — Smashing Magazine

The State Of Pixel Perfection - Ahmad Shadeed

Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine

All the Ways to Make a Web Component - May 2021 Update

The trouble with mailto email links and what to do instead – Adam Silver – Designer, London, UK.

How we achieve “simple design” for Basecamp and HEY

css-media-vars from PropJockey

How I Built a REST API Using Google Sheets

Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine

Moving from TypeScript to Rust / WebAssembly | nicolodavis.com

Building Serverless GraphQL API in Node with Express and Netlify

Building the Tailwind Blog with Next.js – Tailwind CSS

Textures.js

Use Speedlify to Continuously Measure Site Performance—zachleat.com

Keyframes.app | CSS Toolbox

Understanding Template Literals in JavaScript

Tips for golfing in JavaScript

TodoMVC implemented using a game architecture — ECS.

GitHub - jamesroutley/24a2: 🏵 An ultra-minimalist game engine

ARIA 1.1 Combobox with Listbox Popup Examples | WAI-ARIA Authoring Practices 1.1

3 most common mistakes when using Promises in JavaScript

Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable!

Teenyicons — Tiny minimal 1px icons

Introducing: The Async Cookie Store API

How to Create a Realistic Motion Blur with CSS Transitions

The most useful accessibility testing tools and techniques

The good line-height

This page is a truly naked, brutalist html quine.

The -​-var: ; hack to toggle multiple values with one custom property – Lea Verou

The File System Access API: simplifying access to local files

Using WebXR With Babylon.js — Smashing Magazine

GitHub - oguzeroglu/Ego: A lightweight decision making library for game AI.

Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane, The browser for ambitious developers

Good Web Design

The React Cheatsheet for 2020 📄‬ (+ Real-World Examples)

Elder.js: A Svelte Framework and Static Site Generator

smolpxl / smolpxl

GitHub - balazsbotond/urlcat: A URL builder library for JavaScript.

GitHub - MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.

AVIF has landed

Building a hexagonal grid using CSS grid

8 Methods to Search JavaScript Arrays

GitHub - ionic-team/stencil: A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

Web Apis

Introducing Danfo.js, a Pandas-like Library in JavaScript

Minimal React: getting started with the frontend library

GitHub - ka-weihe/fastest-levenshtein: The fastest implementation of Levenshtein distance in JS/TS.

GitHub - edwinm/carbonium: One kilobyte library for easy manipulation of the DOM

Sign-in form best practices

Why CSS Logical Properties Aren’t Ready for Use!

Sa11y - accessibility quality assurance assistant - Ryerson University

Supercharging | Kilian Valkhof

GitHub - Debdut/omg-curry: Curry All Code

Kickstand UI

Focus management and inert

min(), max(), and clamp(): three logical CSS functions to use today

Preload late-discovered Hero images faster

Yjs Shared Editing

GitHub - relm-us/svelt-yjs: A library for your Svelte app that lets you build Svelte stores from Yjs types.

Svelte Summit 2020

Svelte Lab

GitHub - hjalmar/svelte-electron-boilerplate: Ready to go electron configured boilerplate.

GitHub - Budibase/budibase: Budibase is an open-source low code platform that helps IT professionals build, automate and self-host internal tools in minutes 🚀

Jake Dow-Smith Studio — A Website Design Studio

Laurel Schwulst

The Open Source Firebase Alternative | Supabase

GitHub - Heydon/watched-box

GitHub - Heydon/inclusive-design-checklist: Aims to be the biggest checklist of inclusive design considerations ever

GitHub - Heydon/bruck: A prototyping system built with web components and the Houdini Paint API

Relearn CSS layout

The Mutable Gallery

Buttondown

Kap - Capture your screen

The Open Source Firebase Alternative | Supabase

GitHub - localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.

The Gallery – Minimal Websites

mnmllist → listing all things minimal

Next-Generation Responsive Images with Client Hints | imgix Documentation

Spirit Fish: A futuristic environment for browser-based apps

Studio Carbon Negative • Sanctuary Computer

Ahrefs - SEO Tools & Resources To Grow Your Search Traffic

A Complete Guide To Accessible Front-End Components — Smashing Magazine

Accessible Text Labels For All

How to Improve CSS Performance | Calibre

Why skip-links are important for accessibility

GitHub - luruke/aladino: 🧞‍♂️ Your magic WebGL carpet

fontshare

A Complete Guide To Accessible Front-End Components — Smashing Magazine

SvelteKit • The fastest way to build Svelte apps

A Strategy Guide To CSS Custom Properties — Smashing Magazine

Patterns for Practical CSS Custom Properties Use

Building a Serverless API Usage tracker on AWS

WASI |

GitHub - hyperium/hyper: An HTTP library for Rust

GitHub - seanmonstar/reqwest: An easy and powerful Rust HTTP Client

GitHub - seanmonstar/warp: A super-easy, composable, web server framework for warp speeds.

Everything You Know About Web Design Just Changed by Jen Simmons

Layout Land

Web Design Experiments by Jen Simmons

Password protect your (Vercel) site with Cloudflare Workers

Getting Started with Dwarf Fortress

Lunr: A bit like Solr, but much smaller and not as bright

Signing Requests | OAuth1

What is Fuse.js? | Fuse.js

Searching content with Fuse.js

1 LOC - Favorite JavaScript utilities in single line of code

Trellis | WordPress LEMP Stack | Roots

Bedrock | WordPress Boilerplate | Roots