memo: A repository from anthrolisp

privatenumber/ts-runtime-comparison Comparison of TypeScript runtimes #reference
crabtyper speed typing game written in rust for practice touch typing #wasm#tool
Using WebAssembly threads from C, C++ and Rust #wasm#performance
NirSoft Utilities Panel Huge collection of windows debugging tools #tool#resource#desktop#browser#network
Cool desktops don’t change A case for using old stable programs #opinion#editor
Ask HN: Is it still conceivable to remain an anonymous developer nowadays #resource#privacy
sciter Electron alternative, HTML/CSS/JavaScript UI Engine for Desktop and Mobile Application. No V8 engine #desktop#nativeapp#framework
The Wails Project Electron alternative in Go #desktop#nativeapp#framework
A Git Origin Story How Linux wrote Git out of necessity #versioning#git#story
jessegrosjean/mobydickworkout Large markdown testing file #resource#markdown
Best practices for inclusive CLIs Consideration for man page, interoperability, and unix convention #cli#tui#guide#a11y
UX patterns for CLI tools Modern CLI design practices #guide#cli#tui
tldr-pages/tldr Collaborative cheatsheets for console commands, complements man page #cli#reference#documentation#devexperience
espeak-ng/espeak-ng open source speech synthesizer that supports more than hundred languages and accents. #nlp#library
Damerau–Levenshtein distance Edit distance, for error recovery, spellcheck, and CLI argument suggestions #algorithm#cli
Should I Use A Carousel? satire passive aggressive demo #opinion#carousel#pattern
Inlining literally everything for better performance inline css and javascript for Hugo SSG #tutorial#performance#technique
Tools for better thinking system thinking, decision making, problem solving #resource#tool
The Comprehensive List of Window Managers for Unix #linux#desktop#resource
How to build undo/redo in a multiplayer environment #undoredo#technique#guide#collaboration
Hakim El Hattab | CSS Day 2019 Hover menu SVG Exit Area Path, improved on Amazon dynamic path #menu#hover#technique
Monorepos in JavaScript & TypeScript Introduction, architecture overview #monorepo#devexperience#architecture#devops#beginner#tutorial
todotxt/todo.txt: A complete primer on the whys and hows of todo.txt. Plaintext format for TODO #productivity#tool#standard#plaintext
pyscript/pyscript Run python in browser with wasm and GUI binding #language#wasm
Firefly III Personal finance manager with accounting for tax reporting #tool#free
Turborepo npm monorepo framework, alternative to lerna #devops#workflow#tool#library
3dicons #icon#resource#3d
The Block-Paved Path to Structured Data Comparing block-based editors and knowledge bases #opinion#philosophy
Named access on the window object Element with id becomes a variable on window object #reference#standard#technique
Dialog Components: Go Native HTML or Roll Your Own? #a11y#tutorial#technique#dialog#pattern#progressive
Block Protocol Schema based data driven block registry #standard#library#reference#lowcode
BlurHash Convert image to a short string for placeholder display #image#performance#progressive#library#algorithm#technique
fastify/fastify-vite Sever side rendered vite app with React streaming. Alternative to Next.js #library#devexperience#fullstack#serverless
VectorWiki Brand logo SVG lookup and download #free#tool#svg#resource
parcel-bundler/parcel-css A CSS parser, transformer, and minifier written in Rust. #compiler#library#devexperience
Jitsi Free Video Conferencing Software for Web & Mobile. Open source alternative to zoom. Self-hostable. #saas#tool#videoconference
Raven Reader open source rss feed reader made with electron #rss#free
nolanlawson/emoji-picker-element A lightweight emoji picker for the modern web #library#emoji
Render emoji on the web challenges and hacks #technique#emoji#icon
Useful Tools for Creating AVIF Images for compression, one-off or batch conversion #tool#image#performance
flickz/newspaperjs mercury parser alternative #scraping#library#knowledgebase#nlp
Dialog (GUI Challenges) #pattern#dialog#a11y#tutorial
Look Scanned Add the scanner look and feel to a PDF document #tool
Progressively Enhanced Builds apply progressive enhancement principles to content authoring in markdown #opinion#philosophy#progressive#webcomponent#technique
ruilisi/fortune-sheet A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets #table#library
Insanely Useful Websites toolbox for tasks on the web, mostly unknown unknowns #tool#resource
SVG generative mountain ridge dividers #demo#technique#visualeffect#divider
jondot/hygen scalable code generator #library#devexperience
Building the Google Photos Web UI High perf grid layout in javascript #algorithm#reference#performance
The Knuth/Plass line-breaking Algorithm Layout algorithm for word wrapping and grid layout #algorithm#reference
mozilla/readability Mercury parser alternative by Mozilla, html content and metadata extraction, mining, crawling #library#nlp#scraping
30 Days Of HTML semantic html elements, one per day #reference#html#beginner#a11y
Broadcast Channel API Browser native pubsub across tabs, workers, iframes #reference#api#technique
Async iteration and generators #reference#language#paradigm
jesseduffield/lazygit terminal UI for git commands, written in Go #tui#git#tool
TLDRLegal Software Licenses Explained in Plain English #legal#tool#reference
alyssaxuu/screenity Screen recorder & annotation #extension#tool
Feedback Ladders The Code Review System at Netlify. Mountain, Boulder, Peddle, Sand, Dust #codereview#methodology#opinion#collaboration
Project Fugu API showcase Demos for Native system APIs on the web #reference#nativeapp#file#api#demo
Leaflet Open-source JavaScript library for interactive maps #map#library
DiceBear Avatars Programmatically generated avatar, profile image, initials, icons #service#library
Building a Vaporwave scene with Three.js Animated retro style splash UX for landing and home page #hero#3d
Hash string UX Base 58 encode URL for better copy and reability #url#technique#algorithm
Designing A Better Carousel UX #pattern#carousel#guide
react-forked/dnd Forked from beautiful dnd #dragndrop#library
Lens Flare Effects CSS only solution #technique#visualeffect
discourse Open source solution for discussion based community #library#service#community
mb21/panwriter Markdown editor with pandoc integration and paginated preview, powered by Electron #markdown#tool#editor
Avvvatars Open Source React UI Avatar Library for user profile images #library#resource
Optical Effects in User Interfaces optical imbalance between round and square objects #technique#design
Preventing layout shift with numbers using CSS Use tabular-nums to display monospace numbers in proportional font #typography#responsive#technique
Those HTML Attributes You Never Use stylesheet title, enterkeyhint for virtual keyboard, async decoding for img, lazy loading for iframe, detach form action from form body, group select options #html#reference#performance#a11y#form#pattern#select
LUME CSS based 3d, WebGL and AR/VR declarative #library#3d
Spline Figma for 3D. In browser modeling and animation #tool#3d
Claymorphism 3D based design trend after Neumorphism #trend
quickemu-project/quickemu Quickly create and run optimised Windows, macOS and Linux desktop virtual machines. UI on top of QEMU #tool#virtualization
How to automatically size a textarea based on its using vanilla JavaScript auto-grow with initial auto sizing #textbox#input#responsive#form#pattern
Bottles Run Windows application in Linux. Alternative to Wine #vm#linux#emulator
Comment tagged templates syntax highlight for template literals #extension#devexperience#webcomponent#template
Minze Native web component rendering with template literal #library#webcomponent
ashutosh1919/react-awesome-shapes Drawing shapes in React #library#cosmetic
Charm Toolkits for command line #tui#library#git#gooddesign
text-size-adjust Use 100% to prevent mobile browser inflating text #ios#typography#responsive#technique
An Overview Of The Most Common UX Design Deliverables understand what UX designers do, for career reference #beginner
Thoughts On Markdown history and comparison with block editor #wysiwyg
catdad/canvas-confetti on-demand confetti gun #library
vitest-dev/vitest A Vite-native test framework #test
Partytown Run third-party scripts in web worker #performance#library#extensibility#container
Waveform Free digital audio workstation band editing software #soundengineering#free#tool
Vital Spectral Warping Wavetable Synth #audio#tool
nukeop/nuclear Streaming music player that finds free music for you, built with electron #tool#free#audio
Form Validation Using JavaScript's Constraint Validation API Comprehensive guide for client-side use #reference#form#validation
OpenReplay Session replay Open-Source #service#library#telemetry
ColorBrewer: Color Advice for Maps #tool#color#visualization#a11y
The Symphony of Blockchains Visualize blockchain, mempool, transaction #crypto#gooddesign#webgl
Laws of UX cognitive biases, design and engineering principles #reference#principle#psychology
Crafting Organic Patterns With Voronoi Tessellations #algorithm#generative#art#tutorial#background
text-size-adjust in CSS reset and a compilation of popular resets/normalize #browser#typography#resource#technique
The New CSS Reset minimum stylesheet for normalizing browser differences #technique#browser
folke/esbuild-runner ts-node alternative #tool
Building a sidenav component #pattern#navigation#technique#responsive
Listboxes vs. Dropdown Lists #pattern#select#multiselect#uxresearch
Color Spaces Interactive guide to learning color space concepts #explanation#color
A Guide to Recognizing Font Styles Old style, transitional, neoclasscial, slab, grotesque, gemmetric, humanist, etc. #typography#reference#beginner
Breaking Out of the Box CSS for styling title bar #pwa#browser#nativeapp#technique
Free E-Books on Web, App and Logo Design #resource#design#logo#guide
notifirehq/notifire Open-source notification infrastructure for products #library#notification
Star Atlas NFT-powered space exploration concept game #webgl#gooddesign#crypto
CSS-Based Fingerprinting Serve asset from unique URL #technique#security#privacy#telemetry
How to Create a Browser Extension With manifest v3 and locale support, in Chrome #tutorial#i18n#extension
Vitest Fast unit-test framework powered by vite #library#test
jondot/hygen: The simple, fast, and scalable code generator that lives in your project. scaffolding with ejs and markdown templates #library#devexperience#tool
Spicy Sections Implementation of tabs/pivots with headings and paragraphs #pattern#tab#webcomponent
GUI Challenges Toast CSS Grid based toast with FLIP #pattern#notification#technique#reference#animation
Bartosz Ciechanowski Interactive blog #gooddesign#demo#webgl
Defensive CSS Ways to gracefully handle error and edge cases #technique#responsive
Layout patterns by web.dev Basic, modern layout by Google team #reference#layout#beginner
Learn Forms by web.dev Comprehensive and systematic intro to HTML forms #beginner#tutorial#course
Open Props: sub-atomic styles Expertly crafted CSS custom properties #library#cssvariable
md-block Render styleable Markdown in your HTML #library#markdown
Anthony Fu Beautifully designed developer home page #gooddesign
antfu/unocss Atomic CSS engine #library#performance#designsystem
Interactive Rebase Git workflow to clean up commit history #workflow#reference
Remove Background from Image #tool
Brooooooklyn/swc-node Faster ts-node without typecheck, powered by swc rust #tool#nodejs#devexperience
Glassmorphism in user interfaces Trend after neumorphism #design
Make Sure Browsers Only Download the SVG Version #favicon#performance
fabiospampinato/cash Tiny jQuery alternative #performance#library#dom
enterkeyhint customize primary CTA for a form field on mobile device #mobile#form#input
QEMU A generic and open source machine emulator and virtualizer. Run any vm on any platform #tool
accesskey HTML attribute that allows browser to support keyboard shortcut without javascript #a11y#reference
microsoft/vscode-custom-data Machine readable language spec for HTML and CSS used by vscode #reference
angus-c/just Single-purpose utility for javascript #library#performance
Object-oriented UX (OOUX) How system modeling intersects with user research and UI design #uxresearch#database
Swup Page transition with bare DOM API #library#animation
Identifont Decision tree for identifying fonts #typography#tool
NASA Color Usage Research Lab Design methods, color science, and color guidelines #color#tutorial
Blue perception is weaker than other colors #a11y#color
200ok-ch/organice An implementation of Org mode without the dependency of Emacs - built for mobile and desktop browsers #saas#editor#progressive
GPU.js GPU accelerated Javascript for parallel computation #library#performance
seek-oss/vanilla-extract: Zero-runtime Stylesheets-in-TypeScript #library#cssinjs#performance
wslutilities/wslu A collection of utilities for Windows 10 Linux Subsystems. Create shortcut. Open files. #linux#tool
MD Nichrome Typeface site with gradient and noise background effect #background#gooddesign#demo#typography
ct.css CSS debugging bookmarklet for element #tool#performance
Running WSL GUI Apps on Windows 10 Installing X windows server #tutorial#reference#linux
Memex Web bookmarking and annotation #tool
Comparing HTML Preprocessor Features Templating, partial, slots, for static site #language#html#jamstack#comparison
lucydsl/liblucy State machine C to wasm compile #library#performance#statemanagement
Omatsuri Collection of browser tools for design and web dev #generative#tool
Haikei Generate unique SVG design assets #tool#generative
Tiny Helpers Collection of single purpose design and web dev tools #tool#generative
Designing Beautiful Shadows in CSS dynamic light source, colored shadow, and layering #shadow#technique#tutorial
W3C Design System with vanilla js and basic css primitives #gooddesign#designsystem#methodology#itcss#bem#form
KBar ctrl+k or command+k to open command box #pattern#library
Flatseal Flatpak permission management #tool#linux
You want enabling CSS selectors, not disabling ones use not to author positive selectors, rather than negating ones for better maintainability and readability #technique#maintenance
CSS Pseudo Commas css-only solution to display a list separated by commas and joined by and in the end #technique#content#text
writewithocto/octo Markdown editor for connected note taking #editor#markdown#saas#gooddesign
christianliebel/paint Open source, Web Components-based remake of MS Paint using modern web capabilities. #demo#webcomponent#file
hybridsjs/hybrids html rendering library with template literal. Compare to lit-html #library#webcomponent
wikimedia/VisualEditor Rich text editor used by wikipedia #library#editor
gdbgui Browser-based frontend to gdb (gnu debugger). Good for C, C++, Go, Rust, and Fortran. #tool#debug
highlightjs/highlight.js JavaScript syntax highlighter with language auto-detection and zero dependencies. Used by rust documentation site #highlight#documentation#library
steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand strokes. #library#draw
Star Rating SVG solution to star ratings control with half star #rating#pattern
Cut-Out Effect: CSS or SVG circular cutout for persona or avatar display #technique#tutorial
Free Open-Source Icons Flag, avatar, health, weather, people, vector art #icon#resource#illustration
Unicode Arrows #reference#typography
petersalomonsen/wasm-git git in the browser using libgit2 compiled to WebAssembly #git#wasm#library
kufii/CodeSnap take beautiful screenshots in VS Code #tool
Thinking on ways to solve SWITCHES #pattern#toggle
Fermat's Library Crowd sourced paper annoation #gooddesign#tool#community#knowledgebase
mermaid Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs. #chart#markdown#visualization#library
Cycle.js Observable based framework for building UI #functional#framework
browsh-org/browsh A fully-modern text-based browser, rendering to TTY and browsers. Using headless browser as backend. #tui#browser#tool
microsoft/PowerToys Tiling window manager, color picker, keyboard mapping tool #tool
Disabled Buttons #pattern#disabled#button
nextapps-de/flexsearch Next-Generation full text fuzzy search library for Browser and Node.js. Come with indexer. Used by MDN. #searchengine#performance
Refactoring CSS CSS refactor strategy that deals with leaky, global, and high specificity selectors, using override.css and defend.css #technique#methodology#refactoring#datadriven
Astro GitHub projects board Documentation, RFC, Bug as separate projects #reference#devops#projectmanagement
Conjuring Generative Blobs With The CSS Paint API #houdini#library#technique
Solid Reactive Javascript Library. React without Virtual DOM. Compare to Crank.js #framework#performance
vuejs/petite-vue 5kb subset of Vue optimized for progressive enhancement. Compare to Alpine.js #framework#progressive#performance
jwasham/coding-interview-university Computer science study plan to become a software engineer. #beginner#resource#interview#education
How to set up Neovim 0.5 + Modern plugins Status line, Gutter, LSP, Completion, File browser, Font #tutorial#editor
ibraheemdev/modern-unix A collection of modern/faster/saner alternatives to common unix commands. #resource#tool
linuxserver/webtop Run linux desktop environment in browser served from docker #container
Kdenlive Libre Video Editor Open source #free#tool
The Hidden Power of ES6 Generators: Observable Async Flow Control From zero to rxjs #beginner#explanation
ultralight-ux/Ultralight Tauri and Electron alternative #framework#nativeapp
DOMPurify HTML sanitization #security#library
Custom deep clone function #technique#performance
Frustrating Design Patterns: Broken Filters Design and engineering considerations on filtering #pattern#filtering#reference
html-to-text/node-html-to-text Convert HTML to clean plaintext #library
Breadcrumbs (GUI Challenges) HTML + CSS based, mobile friendly #pattern#responsive#navigation#breadcrumb#demo
System Things Use system fonts color icon for web #technique#customization#a11y
HTML rendered desktop app framework replacement for Electron #framework#nativeapp
Full stack means I'm a programmer who knows how to do some devops A thread that expanded to interpreting full stack as a masculinity toxic construct by capitalism #opinion
Asynchronous Design Critique Process for giving/collecting feedback #process#collaboration
Making Tables With Sticky Header and Footers Got a Bit Easier #responsive#table#pattern
Crazy, Powerful TypeScript Tuple Types Wrap unwrap each tuple item #technique#tutorial
AngelList Startup hiring and job posting platform #resource
argyleink/roving-ux stateful roving index for web ui #keyboard#a11y#library
Control focus with tabindex Arrow key controlled focus with Roving tabindex #technique#keyboard#a11y
OWASP Cheat Sheet Series Open source security best practice for various vulnerabilities e.g. CSRF, XSS, injection #security#reference
CSS-in-JS analysis Analysis of CSS-in-JS solutions with comparison and pros and cons #reference
Links on Web Components Usage and considerations #webcomponent#reference
Wox The dmenu for windows. quick launcher #tool#keyboard#productivity
Learn CSS Google's learning path #beginner#course#guide
xivmap Minimap for websites, a la Sublime Text #library#visualization
pagemap mini map for web pages #library#visualization
SVGator Free SVG Animation Creator Online - No Coding #tool#svg#animation#free
Ocean noise generator Background sound effect #tool#3d#sounddesign
RustBooks based on difficulty level #resource#rust
Inspect Debug iOS from WIndows with Chrome devtool #tool#browser#ios#devexperience
Auto-Generated Social Media Images for open graph cover photo #technique
Atomico web component with hooks, vdom, and optional jsx #webcomponent#framework
Nord color scheme #theming#color#gooddesign
WinBox - HTML5 window manager modal window with HTML content, good for lightweight embed #modal#dialog
patriksimek/vm2 node vm with full access control #sandbox#security
QuickJS Javascript Engine Written in C, can cross compile to web assembly. Secured with no browser or os API #sandbox#wasm
How to build a plugin system on the web and also sleep well at night Figma security solution for running user generated javascript #extensibility#sandbox
Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal engaging colorful background using css gradient #responsive#placeholder#emptystate#technique
Building a Settings component Browser native slider and checkbox styling #pattern#form#slider#checkbox
Lorem Picsum random photo placeholder #api#service#mock#image
Localtunnel expose localhost to the internet, with node cli #free#tool#pairprogramming#devexperience
ngrok expose localhost to the internet #tool#devexperience#pairprogramming
Gruvbox themed wall papers for various operating systems #gooddesign#resource#darkmode
Tokio Binding for v8 used by deno. #gooddesign#library#rust
Shields.io metadata badges for open source projects and GitHub readme #tool#svg
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js #performance#guide#beginner
ProseMirror crowd funded rich text editor for the web. Has monorepo version manager builtin #editor
Declarative shadow dom use shadow dom without javascript #technique#html#webcomponent
focus-visible backward compatible #technique#keyboard#focusmanagement
lage JavaScript topological npm script task runner #monorepo#library#devops#cicd
An In-Depth Guide To Measuring Core Web Vitals #performance
Lightweight syntax highlighting code editor with transparent textarea and prism #technique#wysiwyg#editor
CSS Container Queries intro to spec, motivation explained #beginner#responsive#tutorial#technique
CSS Specificity Graph Generator visualize the low-to-high trend #tool#visualization
SVG Generators visual patterns for algorithmic and parametric design #tool#visualization#color
A Complete Guide To HTML Email #guide#reference#beginner#email
SmolCSS Minimal snippets for modern CSS layouts and components #reference#layout#responsive
Ping attribute on anchor links For tracking and analytics #technique#analytics
Live vs. static NodeLists and HTMLCollections in vanilla JS getElementsByTagName returns live collection #technique
Starship Cross-shell prompt, replace zsh, fish. #shell#cli#tool
Handling Text Over Images in CSS Overlay gradient #technique#a11y#image
Using JavaScript module system for state management #statemanagement#technique
vue-lit @vue/reactivity and lit-html #statemanagement#library
Takes on State Statement management with low overhead javascript #statemanagement#technique
A Complete Guide To Accessible Front-End Components #pattern#a11y#reference
In Praise of the Unambiguous Click Menu Drawbacks of mega hover menu #technique#navigation#menu
Better Line Breaks for Long URLs with wrb element and string replacement #technique#responsive#url
The Rust Programming Language #beginner
React TypeScript Cheatsheets #reference
Shortstack minimal setup for using future css features in vanilla js app #template#library#devexperience
Building a Tabs component Handle scroll, snap, animation, reduced motion, by Chrome team #technique#pattern#tab#tutorial#scroll
URL validation regex Comparison table of all URL regex matchers #reference
How to Animate the Details Element rotate chevron and expand details content #technique
How to Animate the Details Element Using WAAPI web animation api for height #technique
cubic-bezier visualization generator for css animation timing function #animation#timing#tool
Developer Roadmaps #guide#resource#reference#beginner
Programming Guides Visualized learning paths for software technologies #guide#beginner
Getting Deep into Shadows realistic css styling #explanation#shadow#technique
Systems design explains the world: volume 1 Career path, rewrite vs refactor, and disruption theory #philosophy#businessstrategy
Desirable Streets MIT Senseable City Lab. Computer vision and big data analytics #visualization#datadriven#gooddesign
The documentation system by divio tutorial vs. guide vs. explanation/topic vs. reference #documentation#guide#tutorial#gooddesign#content
Scrollbars on Hover With css mask #scroll#technique
Houdini.how visual effects packaged as Houdini paint worklet with node connection graph #houdini#resource#background
DevOps Crash Course (Docker, Terraform, and Github Actions) github tag based release trigger setup #devops#tutorial#beginner
Label in Name WCAG 2.1 addition. aria-label to match visuial text #a11y#technique#demo
Detecting when focus leaves a group of elements with vanilla JS onFocusOut implementation for dialog #technique#dialog#modal#focusmanagement#keyboard
ESM javascript native module CDN, similar to skypack #cdn#prototyping
Aleph.js Next.js for Deno, without npm overhead #framework
Vanilla javascript Event Bus using Native DOM events with EventTarget to implement pubsub, emitter-listener. #technique
Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode text appears heavier due to rendering artifact #typography#darkmode#technique
Coding Fonts monospace, with ligatures, free and paid #typography#resource#variablefont
Super Tiny Icons product logo and icons under 1KB each in svg and png #logo#icon#resource
swc javascript/typescript compiler written in Rust #tool#compiler
Mixing Colors in Pure CSS using animation time as input #color#technique
utterances github styled comments anywhere, stored as issues #library#gooddesign
The Art of Code - Dylan Beattie epic talk on quine, algorithm, recursion, computer language design, and interactive art #inspiration#algorithm
React is Fiction Jenn Creighton applying creative writing technique to React component composition. Be more declarative and less DRY #opinion#react#philosophy#architecture
Lateral knowledge block detection, tagging, and grouping #ai#nlp#saas
The Silver Searcher high performance full text file search utility #searchengine#tool
Technical debt as a lack of understanding justify refactoring/rewriting after reorganization #philosophy#opinion
Technical Credit anticipating emergent technology #philosophy#opinion#progressive
Lean Web Principles criticism on "best practice" of framework based tech stack and promotion of vanilla js #philosophy#performance#opinion
Copying is the way design works Matthew Ström musing on copy, open source, and creative learning #opinion#philosophy
Marked A mature markdown parser and compiler #markdown#library#editor
Starting a Small Business as a Web Developer legal and logistics #entrepreneur#startup
How to Build HTML Forms Right: Styling details in cross platform accessible plain html css #technique#pattern#form#a11y#input#select#radio#checkbox
How to sanitize third-party content with vanilla JS to prevent cross-site scripting (XSS) attacks #technique#security
Bokeh for modern web browser #visualization#library
Example Gallery json to SVG #visualization#library
ungap/custom-elements-builtin A polyfill for Custom Elements builtin extends #webcomponent#library
WordPress and Jamstack comparison #opinion#jamstack
Nathan Shipley AI and technology artist #inspiration#machinelearning
Popmotion: The animator's JavaScript toolbox high performance utilities with javascript transfroms #animation#library
Layout projection: A method for animating browser layouts at 60fps simpler than FLIP #animation#technique#performance
link-to-qr QR code generator #tool#qrcode
Handsfree.js.org head tracking with tensor flow demo #machinelearning#headtracking#hci#demo#library
Phosphor Icons duo tone icon set #icon#free#resource
Daily.dev developer news feed as a service, open sourced #platform#news#rss
Old, Good Database Design entry level explanation of database design basics #beginner#database#reference
Hands-Free Coding talon dictation and eye tracking #a11y#editor#humanfactor#tool#productivity
Fig - Visual Apps & Shortcuts for your Terminal augment terminal with GUI and autocompletion #tool#tui#devexperience#terminal#gooddesign
Cheating Entropy with Native Web Technologies native low-tech for better maintenance #opinion#devexperience
Faster Web App Delivery with PRPL optimized for SPA architecture, server push, pre-cache, lazy-load #performance#caching#technique
molefrog/wouter minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS. #library#lightweight
The shared component cloud · Bit searchable repository of components from many frameworks #resource#saas#pattern
armandsalle/butter-slider Butter is a simple drag and hold slider. With 0 dependencies #carousel#webcomponent#library#lightweight
Radix Icons optimized for high density interface design tool 15x15 #free#resource
Rudimentary Roam replica with Org-mode note taking extension for Emacs #tool#editor
beachball Semantic version bumper by Microsoft #tool#versioning#monorepo
An alternative to single page apps: multi-page apps with service workers A case against SPA router and for service worker #technique#routing
Beautiful CSS 3D Transform Examples 3d surface with light and shadow #technique#3d#transform#pattern#reference
css clamp() for typeramp continuous function exported at quantum steps #technique#typography#responsive
Full bleed layout using simple CSS #technique#layout
Why Tailwind CSS arguments for and against utility-first methodology #opinion#methodology
How To Name Things swyx guide for naming functions and variables #reference#opinion
Full Bleed Layout Using CSS Grid span entire row with max width clamp #technique#layout
Designing Fluid Interfaces WWDC 2018 Apple Motion design principles with extreme attention to designs, human psychology, behavior, and emotion. #motion#animation#hci#gooddesign#inspiration
Org mode for Emacs – Your Life in Plain Text todo agenda and calendar management in emacs #editor#plaintext#tool#gooddesign
Checkbox as toggle buttons binary boolean stateful buttons #pattern#technique#checkbox#button#a11y
Modfy Wasm Video Transcoder for editing and combining and resizing #tool#video
visx airbnb open source data visualization library for React, alternative to D3 #visualization#library#react
IconPark 1k+ high quality general purpose multi-color icon for app building by ByDesign #icon#free#resource
a11yresources A growing list of accessibility tools and resources #a11y#resource
The failed promise of Web Components ignore HTML standard, heavy dependency and javascript requirement #opinion#webcomponent
Github Elements web components by Github, time, menu, autocomplete #pattern#webcomponent
Keyboard Simulator color theme design for mechanical keyboards #tool#keyboard
Meta Tags meta tag generator and preview for social media share #tool#seo
How does the TypeScript Angular DI magic work? Reflect metadata, TypeScript emiDecoratorMetadata, dependency injection #technique#framework
Building Jeremy Keith drawing parallelism between building and web development, covering layers of technology and the moral responsibility of developers #philosophy#inspiration#architecture#principle
Mono Icons #icon#free#resource
Tools should not only be for experts – they should turn us into them how to improve developer experience #philosophy#devexperience
Bret Victor - Inventing on Principle interactive parametric algorithmic design with a time dimension and real-time feedback, code and pixel two-way lookup, and finding your principle and purpose of life #philosophy#tool#gooddesign#devexperience
The tangled webs we weave trade off between modularity and complexity of dependencies #opinion#philosophy
Sombras.app 3D projection shadow design #tool
Forms best practice #pattern#button#checkbox#datetime#error#radio#select#input#form#reference#notification
BGJar SVG background generator #tool
Michael Blackwood Productions high quality architecture and art documentaries #resource
Build your own React React internal explained: createElement, render, fiber, Reconciliation, Hooks #tutorial#reference#gooddesign
strategy business, disruption, consumer technology blogs #resource
TypeScript: Create a condition-based subset types #technique
vercel/pkg Package your Node.js project into an executable #tool#container
Overmind State management library for any framework
Build your own React deep dive of react internals: render, fiber, diffing, hooks #react#tutorial
Most common words in English useful for stop words in NLP, search engine, tokenizer #nlp#reference
Examine.com Independent Analysis on Supplements & Nutrition with scientific evidence #tool#reference
Styling Complex Labels style radio button option as cards #technique#radio#form#pattern
Support password manager in password form new-password and current-password hints #form#password#technique
web-padawan/vanilla-colorful A tiny color picker custom element for modern web apps. #webcomponent#library
Custom, accessible radio/checkbox buttons with perfect alignment align checkbox and radio marker with multiline text using line-height #technique#pattern#radio#checkbox
How to pick more beautiful colors for your data visualizations palette and theme design #technique#theming
Stitches tiny size css in js library with server-side rendering (ssr), compare to styled components #library
shadeed/headers-css The blueprint HTML and CSS for website headers #pattern#reference#layout
Omatsuri base64 encoding, fake/mock/dummy data with profile image, symbols with unicode, and keyboard event debugger #tool
Web Brutalism, Seamfulness, and Notion Hide vs reveal of internal material and structure in the context of web design #opinion#philosophy
Guidelines for Brutalist Web Design #brutalism#opinion
React JSON Graph node link graph drawing #library
Accordion Icons use down caret or plus for inline expansion. use side arrow for links #pattern#accordion
Gradient Magic Fantastic and Unique CSS Gradients #resource#background
Flume React based node and link canvas editor #library#diagram
umami self hosted analytics for modern web stack #library
Eponymous Laws Heuristics and rules in software, hardware, business, and technology world #reference#philosophy
swyx Writing | Developer Exception Engineering Deep analysis on developer experience #devexperience#process#tool
Copy the Browser’s Native Focus Styles #technique#a11y
JavaScript Design Patterns object oriented #reference#language
The Decline of Usability criticism on how desktop app design were influenced by mobile app trends #opinion
ryanmcdermott/clean-code-javascript Clean Code concepts adapted for JavaScript #coding#reference#methodology#guide#beginner
jxnblk/mdx-deck React MDX-based presentation decks #tool#library
Spectacle MDX based slide presentation maker for jsx and markdown #tool#library#mdx
Carbon code snippet screenshot generator #tool#marketing#mock
HTML for Subheadings and Headings how to markup subtitle with aria role doc-subtitle #technique#a11y
System UIcons outline styled icons for modern apps #icon#free#resource
Natively Format JavaScript Numbers units, percent, currency #reference#technique
Kinopio collaborative canvas mind mapping app with cards/nodes and edges/links #service
Creating 3D Illustrations with CSS #technique
OK-Cancel or Cancel-OK? Order of actions in dialog #uxresearch
theheadless.dev E2E testing code snippets for Puppeteer & Playwright #test#reference#library
Manolo ide Generative artist portfolio #processing#inspiration
Logo Design Free E-Book by Tubik Team #resource
New insights on poverty early application of data visualization #visualization#gooddesign
The Component IDE for Web Platform Developers host, demo and IDE #saas#ide#tool#webcomponent
Generative Logo Design variable shape, overlay, frame, typograph with svg #technique
CUBE CSS Composition, Utility, Block, Exception #methodology
How I Structure My CSS (for Now) an implementation of ITCSS #itcss#methodology
Full-Text Search engine index, tokenize, stem, query #tutorial#searchengine
Previewed device mocks with frames for iphone, android, mac. Great for app store and marketing site #tool
Free Vector Illustrations & Animations animated image for error 404 page #illustration#resource#free
Different versions of your site can be running at the same time handling conflict, offline, deploy, conflict #technique#versioning#pwa
phoenixframework/phoenix_live_view stream HTML between server and client in realtime #framework#gooddesign
gcanti/io-ts Runtime type encode, decode, assertion #typescript#language#library
Immer immutable state mutation #library#immutable#statemanagement
react-spring/zustand Minimal flux pattern for React and non-React #statemanagement#library#react
React Query Query library with state management, caching, error handling #react#statemanagement#api#library
interact.js JavaScript drag and drop, resizing and multi-touch gestures for modern browsers #dragndrop#touch#resize#snap#canvas
React state management roundup Pros and cons of libraries #statemanagement#library#react#flux
josh-richardson/cadmus Pulse Audio real-time noise suppression plugin #audio#tool
Graceful degradation versus progressive enhancement when to use which #responsive#progressive#philosophy
A Lightweight Masonry Solution with native css grid #technique#layout
Noyaki (open burning) to kill insect and maintain life #philosophy
Teenyicons Tiny minimal 1px icons 15px grid with svg and figma asset #free#icon
jamiebuilds/tinykeys for cross platform keybindings and keyboard shortcuts #keyboard#library
The 100 Day Project Learning journey for 3D, Motion design, illustration, lettering #gooddesign#tutorial#beginner#resource
What does 100% mean in CSS? padding top and bottom is percentage of parent's width #reference
Pausing a GIF with details/summary css only #technique#a11y
Unholy Albatross Improved Holy Albatross with css clamp and max function #responsive#technique
Bold on Hover Without the Layout Shift use hidden pseudo element with bold weight #technique#hover
CSS Vocabulary concepts and terminology dictionary with demo code #reference
isomorphic-git A pure JavaScript implementation of git for node and browsers #git#library
Rich HTML in markdown on Github embed any HTML as SVG foreignObject #technique#image#markdown
Modern CSS Techniques To Improve Legibility sizing, line-height, color, measure #typography#technique
Import non-ESM libraries in ES Modules, with client-side vanilla JS let import handle require #technique
What the fuck is JavaScript concept explained #reference#language
primo all-in-one IDE, CMS, component library, and static site generator. Free and open source. #cms#service
On dependency a self-sufficient approach to tooling and tech stack #opinion#philosophy#maintenance
grapesjs Free and Open source Web Builder Framework. Next generation tool for building templates without coding #dragndrop#library#nocode
Stages of team formation Forming, Storming, Norming, and Performing #model#leadership#humanfactor
Lemon.io A developer to startup broker freelancing platform #gooddesign#freelance#platform
Design showcase websites Submit design to website for award and showcase #resource#marketing
Node Target Mapping set up typescript for node environment #reference
AudioMass web based audio editor #tool#audio
Foam opensource vs code extension for knowledge management #knowledgebase#tool
Zettelkasten A method to organize knowledge #knowledgebase
Zettlr opensource markdown editor for the desktop #tool#markdown#free
Tabler Icons Customizable stroke and size SVG icons #free#icon#resource
The Wet Codebase by Dan Abramov – Deconstruct A case against DRY principle with pragmatic reason from project organic growth #philosophy#opinion
Video players and services #video#resource#library#service
robinmoisson/staticrypt Password protect a static HTML page #library#jamstack
Tauri Studio electron alternative for native apps built with html css and javascript #nativeapp#framework
ThreeNodes.js vvvv "clone" in javascript/webgl, with node based editor. UI is good for parametric pipeline building #visualization#library#cgi
VVVV.js Visual Web Client Programming with in browser node editor #visualization#library#webgl#cgi
PixiJS WebGL renderer for 2D #library#webgl
Apply different color to favicon for dark mode #darkmode#favicon#technique
The Fastest Navigation Layout for a Three-Level Menu Perfer left nav or Left-top nav #navigation#pattern#uxresearch
Ten modern layouts in one line of CSS applied grid and flex box #technique#layout#demo
Lights and Shadows WebGL demo for physics based light and shadow effects #webgl#3d#physics#demo
Free Faces Free fonts collection #typography#free#resource
HTML Systems Components built with plain html and css #library#webcomponent#reference#pattern
Webring connect Indie publishers with a shared navigation component on all participating websites #standard#social#gooddesign
RSS Box subscribe to RSS feeds for websites that do not support RSS themselves, by using the respective website's API and then translating that data to RSS feeds #rss#service#free
Selection controls — UI component series comprehensive ux guide #form#input#radio#checkbox#select#multiselect#toggle
ttalvitie/browservice proxy a browser by streaming its screenshot to a chromium client #technique#library#browser
keen-slider native-like smooth slider and datetime picker #library#animation#slider#carousel#datetime
diagrams.net (drawio) powerful diagraming tool with github-backed data persistence #tool#draw#diagram#free
12 Ways To Improve User Interview Questions how to ask productive unbiased questions #interview#uxresearch
turbolinks Turbolinks makes navigating your web application faster by ajax dom body swapping head merging #performance#jamstack#routing#library#navigation
AssemblyScript compile typescript into wasm #language#wasm
Modern DNS Hosting for Everyone free and open source #service#infrastructure
I Don’t Care What Google or Apple or Whoever Did don't copy design patterns from large companies #opinion#a11y
Better Form Inputs for Better Mobile User Experiences #pattern#form#input#a11y#technique
Delete all node_modules directories a utility script #tool
Inclusively Hiding & Styling Checkboxes and Radio Buttons advanced technique for custom checkbox styling #a11y#checkbox#pattern#technique
Artvee high res art and illustrations in the public domain #free#illustration#image#resource
Collection of free software development tutorials Collection of tutorials for software development #tutorial#beginner#resource
Dexie.js A Minimalistic Wrapper for IndexedDB running in node and browser #library#database
Multi-room audio casting system with Raspberry Pi support AirPlay and bluetooth #tutorial#iot
Ricing resources - Ricepedia customizing desktop enviroments #ricing#resource#customization#theming
Hybrid positioning with CSS variables and max() sticky sidebar below header #technique#scroll
Grid.js developer friendly table for any framework #library#table
No Design Development #typography#hero#illustration#icon#color#video#resource
Fenced Code Blocks language names for markdown code block #reference
Docusaurus documentation generator for react and markdown #tool#library#documentation
Zipcall P2P video call based on webrtc #tool#gooddesign
microsoft/roosterjs roosterjs is a framework-independent javascript rich text editor. #wysiwyg#library#text#editor
Headless CMS Break Down & Roundup collection of many cms services and libraries #cms#resource
TinaCMS real-time editing on static site backed by github #cms
Roam Research A note taking tool for networked thought. #tool#gooddesign#knowledgebase
Semilattice design concept for personal knowledge management system #gooddesign#knowledgebase
CUBE (Composition Utility Block Exception) CSS Using bracket or pipe character in class string to enable grouping #technique
Here’s what I didn’t know about “content” css pseudo element deep dive #technique#reference
Sorted CSS Colors by hue, lightness, and saturation #tool
Iconfinder huge collection of high quality iconsets #icon#resource#free
htmx - high power tools for html update dom with server rendered html snippet #framework
Tools for better thinking system thinking, decision making, and problem solving tools #tool
The Third Age of JavaScript evolution of tooling and dev experience for js #philosophy
new.css classless css framework that uses only semantic HTML #library
Neon Mode: Building a new Dark UI dark mode with glowing light emitting effect #darkmode#technique
The Kawaiization of product design healing and positive emotion from cute design
Welcome to Hoogle Haskell API search engine for all libraries built in the language #reference
JS Comparison Table javascript weak identity table #reference
Excalidraw Ergonomic box drawing for low-fi wireframe and mockup #tool
Pepsi logo redesign A great presentation of rationalizing art direction choices #gooddesign#logo
Visual Vocabulary How to visualize data with the right tools #visualization#resource
terminal.sexy Terminal Color Scheme Designer #tool#theming
Solving the N+1 Problem for GraphQL through Batching unpredictable performance caused by nested query #graphql#database
Progressively enhancing radio buttons with SVG whilst staying accessible #radio#form
Open Peeps #illustration#resource
A case study of complex table design For financial data with sticky header and side column #table#demo
Container Queries With watched-box & resizeasaurus Web components for adding resize capability and element query #responsive#technique
List Style Recipes styling ol, ul, li elements with custom bullets #list#technique
Using CSS to Control Text Selection click to select all, click again to custom select #technique#text
alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup. #framework#library
Formik For React #form#validation#library
microsoft/playwright Node library to automate Chromium, Firefox and WebKit with a single API. E2E testing. Same team that built Puppeteer acquired by Microsoft #test#automation#library
Bookmarkleter Generate bookmarklet for Chrome #tool
You-Dont-Know-JS Deep dive into JavaScript language design #tutorial
gothinkster/realworld Full stack example apps clone of Medium showing for framework evaluation and comparison #framework#demo
chjj/blessed A high-level terminal interface library for node.js #gooddesign#tui#library
gqless A GraphQL client that auto generates queries based on reference in code #library#graphql#gooddesign#database
Blitz.js Rails-like framework for monolithic, full-stack React apps — built on Next.js. Compete with Redwood.js #framework#monolithic#fullstack
Prisma DB query builder that bridges GraphQL, node, Next.js server with SQL database #database#library
themer well designed tool that generates themes for text editors, terminals #gooddesign#tool#theming#color
40 Free HTML landing page templates home, hero, welcome design #inspiration#resource#marketing
67 Free device icons phone, screen, media #free#icon#resource
pattern.css Hero pattern background, separator, font, and image container #library#resource
98.css A design system for building faithful recreations of old UIs (windows 98) #designsystem#gooddesign#a11y
CSS for internationalisation text emphasis per character, writing direction and East Asian language considerations, and "lang" attribute #technique#i18n
Spacing in CSS spacer, layout, card, article, flexbox, and grid #technique#beginner#reference
Crank.js reactive ui framework with vanilla javascript generator and promise #framework#gooddesign
Plausible Analytics Light weight alternative to Google Analytics #analytics#service
Heydon/watched-box Container query implemented with ResizeObserver by Heydon Pickering #library#responsive
A minimalist stylesheet for HTML elements No class names, no CSS frameworks, just semantic HTML. For hackathon and one pager #library#gooddesign
Screely Generate Beautiful Mockups with browser window #tool#marketing#mock
BEM Naming Cheat Sheet with example blocks #reference#bem#naming
LCH Colour picker #tool#color
CSS Findings From The New Facebook Design use image for box-shadow to improve performence #shadow#performance#technique
HTML DOM Common tasks of managing HTML DOM and building web app with vanilla JavaScript #reference#form#technique#tutorial
Animockup Animated mockup inside a device frame support custom video upload #tool#marketing
ashthornton-gc/asscroll Ash's Smooth Scroll #scroll#library
Exciting Multi-line Highlights Background repeat on inline multiline paragraph #technique#highlight#text
Styling Scrollbars with CSS: The Modern Way to Style Scrollbars #technique#scroll
tabler/tabler-icons A set of over 450 free MIT-licensed high-quality SVG icons for you to use in your web projects. 24px grid. 2px stroke #free#resource#icon
Payforlayers Minimalist human figure drawing #illustration#free#resource
jaredpalmer/tsdx Zero-config CLI for TypeScript package development #tool#library
RedwoodJS Full-stack JAMStack framework similar to Blitz.js built on Prisma #framework#jamstack#library#monolithic#fullstack
How To Use The HTML Drag-And-Drop API In React #beginner#dragndrop#technique#file
Technical writing courses by Google #resource#documentation#writing
tannerlinsley/react-query Hooks for fetching, caching and updating asynchronous data in React #react#hook#library
Getting Started | React Table Documentation Hooks for building lightweight, fast and extendable datagrids for React #renderless#library#table#pattern#react#hook
Window.matchMedia() Detect screen size and dark mode using media query in JavaScript #api#documentation#technique#responsive
Brain.js: Neural networks in JavaScript User friendly neural network framework #beginner#library#machinelearning
Advanced Design System Considerations - Alex Sexton | JSConf Hawaii 2020 Prevent complexity leaking to end user with token, context, and theming by stripe #react#component#architecture#designsystem#technique
Everything You Know About Web Design Just Changed Intrinsic web design inception talk with history reviews #responsive#beginner#layout
How to animate scrolling to anchor links with one line of CSS Smooth scroll to hash anchor tags with css #technique#scroll
Conversation Check and use local font before download from remote #typography#technique#performance
css-only fluid modular type scales responsive type ramp without media query #typography#responsive#technique
midori animated background with special cinematic effects #library#background#image#video
vecta.io Powerful, online SVG editor for teams, come with symbols #tool#svg
Stop Using ‘Drop-down’ select, datalist, combobox, autocomplete #pattern#a11y
Discount for student dev discount, credit, and trial for services and products #beginner#resource
Transform Web format converters for svg css json typescript react typing #tool
Drag–and–Drop: How to Design for Ease of Use #pattern#dragndrop#reference
Pure CSS Responsive Browser Template stick side column #responsive#technique#layout#demo
Heroicons SVG icon for UI development #icon#resource#free
Revealing Hero Effect Use negative bottom sticky position #technique#hero#pattern#sticky
Avengers Endgame Characters Rendered in Ukiyo-e Style by Illustrator Takumi Japanese traditional art rendering for comics heros #gooddesign#inspiration#art
Open UI Open source documentation of components (API, parts, behavior) across design systems #designsystem#reference#pattern
basekick An mixin for realigning your typographic elements with proper graphic design baseline #typography#library
Drag 'n' drop content builder for web apps Open source drag n drop interface #library#dragndrop#wysiwyg
Styling The Good Ol' Button Element comprehensive guide to button styling. Focus and hover ordering. #pattern#button#technique
premieroctet/openchakra visual editor and code generator for React using Chakra UI #wysiwyg#library#tool
Begin platform for web apps and apis all in one #serverless#platform#service
Framer Motion developer friendly animation library #animation#react#library#motion
Neumorphism.io soft realistic 3d shadow generator #tool#design
downshift-js/downshift Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components with hooks #library#form#a11y#input#autocomplete#select
Baretest An extremely minimalistic alternative to Jest, fast and small #library#test
Making setInterval Declarative with React Hooks #technique#timing#react#hook
meeDamian/country-emoji Converts between country names, ISO 3166-1 codes and flag emojis. #library#text
hapijs/joi The most powerful data validation library for JS using without json schema #library#validation#form
Kikobeats/unavatar Get unified user avatar from multiple sources #service#avatar#free#api
nickdeny/darkmode-js auto detect user's time and switch theme #darkmode#library
There Is No Design System Think of design system as a way of work, not object. Put people above all #designsystem#philosophy
design systems, agile, and industrialization criticism of agile and organization culture for distorting the value of design systems #philosophy#designsystem
The design systems we swim in. Concern of design system not empowering playful situational decision making #philosophy#designsystem
Architects, gardeners, and design systems The dehumanising risk of design systems #philosophy#designsystem
Redesign: Gardening vs. Architecture descriptive vs prescriptive work #philosophy
Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature adapt to dark mode #technique#favicon#icon
krasimir/octomments A small library that offers GitHub issues as comments for your site/blog #hack#comment#library
Building an accessible autocomplete control #a11y#pattern#autocomplete#input#form#technique#demo
Magic Ink: Information Software and the Graphical Interface Interaction should be replaced by context sensitivity #philosophy#gooddesign#tool
Dynamicland Computer as an ubiquitous medium, made of components with agency #iot#gooddesign
zipdecode zip code visualization search with immediate feedback #gooddesign#demo
Browser Functions: A new serverless platform using Web Browser execution engines Using browser web api as server runtime #technique#hack#gooddesign
Improve Your Sign-Up Form with Off-White Text Fields avoid white box on white background #design#pattern#textbox
Why Infield Top-Aligned Labels Beat Floating Labels Use simple static infield labels #pattern#textbox#a11y#design
A Whole Bunch of Places to Consider Contrast in a Single Paragraph how to style text for enough contrast during selection, link, background, underline states #a11y#pattern#text
How To Empower Design Teams By Measuring Value correlates strategy with outcome #process#strategy#communication#datadriven
Standards for Writing Accessibly chronological vs spatial, action vs behavior #a11y#writing#reference
Sticky Table of Contents with Scrolling Active States using IntersectionObserver #pattern#scroll#technique
Web development with React: from zero to hero! roadmap, milestones, and resources for new dev #resource#beginner#react
Lingua Franca Design Language and framework for AI with Handbook, principles, and elements #designsystem#ethicaldesign#ai#reference
Animating CSS Width and Height Without the Squish Effect 9-slice scaling for width and height scale and transform #animation#performance#technique
Parsoid markdown editor used by WikiMedia #wysiwyg#text#library
CSS-Only Carousel touch friendly, with scroll snap, and anchor links #technique#scroll#pattern#carousel
Ableism Language mindful use of language depending on audience #a11y#reference
Today, the Trident Era Ends Microsoft IE was light years ahead in browser war #businessstrategy#browser
How to copy to the clipboard using JS and the Clipboard API Copy on click #technique#pattern#input
Userbase: Logins and persistence for static sites basic authentication and user management as a service #service#auth#jamstack#serverless
CSS layouts without using media queries flex email name sign-up form #pattern#responsive#form#technique
Neumorphism in user interfaces more realistic shadow and natural surface than material #technique#gooddesign#pattern#card
CSS Contain Property Helping Browsers Optimize #performance#technique
terkelg/exifer A lightweight Exif meta-data decipher #library#image
30 seconds of code Code snippets for all development needs #reference
Carbon Create and share beautiful images of source code #tool
The Apple Archive Historical videos and interviews of Apple #resource#gooddesign
Streams for reactive programming A small library built with browser native reactive utilities. Source #library
Design System Checklist Open-source checklist for planning, building, and growing design system #reference
Generative Placeholders parametric algorithmic art for placeholder #saas#tool
Multi-Thumb Sliders: Particular Two-Thumb Case #pattern#slider
EscherSketch Symmetric pattern drawing for background and hero #tool
Calcolor Calculate colors. Share palettes. Mix and blend. Tint levels. #tool#color
Programming quotes wisdom from computer scientists and programmers #resource#inspiration
Smooth Scrolling Sticky ScrollSpy Navigation vanilla javascript side navigation #pattern#scroll#nav
Aria Tablist accessible WCAG compliant tabs with vanilla javascript #pattern#tab#a11y
ggerganov/imtui Immediate Mode Text-based User Interface
NestJS A progressive Node.js framework with TypeScript #library#framework
avajs/ava test runner for node.js #library#test
A Blind System Administrator’s Journey to Microsoft Microsoft C + AI A11y expert Ryan's story #a11y
Happy Hues Curated colors in context #tool#color
woobro 3D stock illustration #free#resource
The Benefits of Orthogonal React Components separation of concerns #methodology
BEEPLE politically charged dystopian art #art#inspiration
LICEcap screen to gif cross platform tool #tool
Use traditional boxed text input with rounded border instead of solid or underlined #pattern#input
Simplified Fluid Typography min, max, and increase rate #responsive#typography
Browser Default Styles cross browser comparison of default styles on built-in elements #reference
Shadow generator multi-layer natural smooth shadow #tool
Advent of Code Vintage text interface design TUI #gooddesign
CSS Layout Pattern samples made in CSS #pattern#reference
Diagram.Codes Generate svg diagram with plaintext language. Sequence, Flow, Graph, Tree, Timeline #tool
AppLibsList Collection of Libraries, Tools and Components for React #library#resource
Flowy The minimal javascript library to create flowcharts #library
Faster apps with JSON.parse JSON.parse is faster than object literal #performance#technique
Design APIs: The Evolution of Design Systems early experiments and predictions #philosophy#designsystem
Simplifying code with Maps replace switch...case with map data structure #technique
Hexabeat: A music sequencer using commits great use of Space Mono font #gooddesign#typography#reference
Avoiding jagged edges on gradients. use subpixel linear gradient to smooth for antialias #technique
A Pixel Is Not A Little Square The underlying physics and optics for pixel display #reference
Multiline truncated text with "show more" button Using resize observer and line clamp #technique#text#pattern
How to Section Your HTML Site search form with role="search" #technique
Lite YouTube Embed A progressive enhanced YouTube Embed element #progressive#library
Fresh Folk illustration of people and object #free#resource
Open source illustrations kit stock illustrations #free#resource
SWR React Hooks for Remote Data Fetching using optimistic ux #library
Metronomes in JavaScript setInterval setTimeout timing stability #technique
The Aesthetic-Accessibility Paradox Find the balance point #a11y#opinion
Mailinator Receive email at a disposable address #tool
Send free anonymous email online #tool
The power of progressive enhancement don't work backwards from the best browser #philosophy#performance
Beedle Super light weight state management for vanilla js #library
Disabled buttons suck poor usability and accessibility #a11y#pattern#button
Show Search Button when Search Field is Non-Empty with placeholder-show selector #technique
Draft.js Open source rich text editor for React by Facebook #library
Free templates for freelancers legal, administrative, business, financial #resource
Guide to Computing Vintage computer art project #gooddesign
airbnb/Lona A tool to generate design system and export to multiple platforms #tool
A successful Git branching model feature, dev, release, and master branches in version management #technique#methodology
Fractal Pattern lab and style guide for web components #library#tool
A Business Case for Dropping Internet Explorer reasons for stop supporting IE11 #opinion
Bidirectional horizontal rules in CSS inline-start and inline-end for rtl and ltr languages #technique#i18n
docsify Documentation site generator for markdown #library
Free for developers collection of free resources and tools for web dev #free#resource
Glaze royalty free illustrations #resource#illustration
Duospace writing font based on IBM plex mono #typography#free
Better Markdown in Visual Studio Code #tool#reference#typography
An Illustrated Guide to Some Useful Command Line Tools POSIX command line tools in rust #reference
aholachek/mobile-first-animation Performant gesture-driven animation on the mobile web written in React #performance#mobile#touch#motion#demo
The “Developer Experience” Bait-and-Switch Dev experience is not an excuse for js bloat #opinion#performance
Line Awesome font awesome alternative flat line art icons #resource#icon
Accessible Drop Caps #typography#technique#a11y
plexis-js/plexis powerful, community-driven string manipulation library. #library#text#pattern
typical Animated typing in 400 bytes of JavaScript #library
Box alignment and overflow Justify content to one end of the flex box while maintaining overflow scroll bar #technique
Making Tables Responsive With Minimal CSS using native table element #technique#responsive#a11y#pattern#table
Open Doodles Free sketchy illustrations #resource#free
The Freelance Life by Sidesupply Comprehensive guidance on pricing, crm, and time management #freelance#beginner#reference
Oracle Database 12.2. Dev horror. Working in legacy code base #opinion
Moveable Make anything moveable, draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, snappable #library
This, Bind, Call, and Apply in JavaScript explained in detail #beginner#reference
Breakout Buttons Next a link or button inside another clickable target #pattern#technique#card
Mozilla Protocol Design system used by Mozilla and Firefox #designsystem#reference#gooddesign
Fauna A serverless cloud database for modern applications #saas#serverless
Lunr Self hosted search solution #library
Grifter bold display font #free#typography#resource
Animate.css css only animations #reference#animation
unDraw high quality illustrations #resource#free
JAMstack Themes for all static site generators and cms #resource
A Modern CSS Reset #technique#reference
Pixelbuddha icon, illustration, logo #free#resource
uiprint low fi device mock and draft template #resource
Devices device mocks by facebook #resource
Semantic “breakout” button to make an entire element clickable #technique#pattern#button
Designer + Developer Workflow Dan Mall and Brad Frost collaborating live #philosophy#handoff#communication
useScript react hook that injects 3rd party library js into document #technique
Thinking in React Hooks plus a set of commonly used hooks #opinion#tutorial#beginner
Generative Artistry coding algorithmic art sample, podcast, demo #tutorial
Moving Your JavaScript Development To Bash On Windows setup linux on windows
IP Geolocation API including countries raw data #reference#api
Creating Tables In Figma #tutorial
Variable Fonts Link Dump! #typography#resource
Table with Expandable Rows #pattern#table#a11y
A Comparison of Static Form Providers #library
Syntax/182 Practical stack for new SaaS email, auth, media, payment #reference
Where to put buttons on forms cancel, secondary, tangential, destructive, back #pattern#form
Optional/conditional spreading to include/exclude specific key value pairs when creating an object #technique
overscroll-behavior: contain prevent parent scroll on mobile #scroll#technique
Smoother & sharper shadows with layered box-shadows #technique
Responsive hamburger menu #a11y#technique
AI-Generated Faces #free#resource
Ghost Buttons with Directional Awareness in CSS #technique
ECMAScript new features list es6 es7 ... es10 #reference
Reverse interview questions to ask your interviewer #resource
Can I email caniuse for email html dev #resource#tool
Two Browsers Walked Into a Scrollbar unobtrusive styling #technique#pattern#scroll
Simplicity (II) consider your js tool chain in 5-10 years #opinion
Source Sans Variable #typography#free
Array.from() init array with number of items #technique
Google Engineering Practices Documentation for code review #reference
js-noisy-gradient prevent banding in linear-gradient backgrounds. #library
Email inspiration, resources and discovery #reference#resource#inspiration
Navbar Nudging on @keyframers Expand/collapse for icon only buttons #technique
Luxon DateTime formatting built on browser native Itnl API #library#i18n
dark-mode-toggle Custom element that uses prefers-color-scheme value as default #library
X3D + X3Dom Declarative 3D for the Web #library
Leon Sans geometric sans-serif typeface rendered with code #typography#tool
Buildless web component app using import maps #technique#library
Delaunay Bowyer-Watson algorithm to perform the Delaynay triangulation #technique#algorithm
svg stroke and fill animation #tool#svg
Better tooltip design hover tooltip isn't a good solution #pattern#tooltip#technique
How DNS works a comic primer #beginner#reference
Console.assert() for error catching #technique#reference
mini map for web pages with canvas on a beautiful personal website #library#reference#gooddesign
Postal addressing conventions Universal Postal Union #reference
SVG waves pattern generator #tool
Marketing Examples Real world marketing case studies #reference#resource
Using requestAnimationFrame with React Hooks #technique
Full Stack Open open course for modern web development #tutorial#beginner#gooddesign#free
Roll Your Own Comment System for a Static Site #tutorial
SimpleID Authentication and storage as a service #free#saas#library
Startup decks business strategy of success startups #resource
line-clamp ellipsis overflow for multiline text #technique
Block Formatting Context BFC contain float, prevent margin collapse and float wrapping #technique#reference
Everything You Need To Know About CSS Margins margin collapse #technique#reference
Ten principles for good design by Dieter Rams #philosophy#gooddesign
Copychar copy unicode character to clipboard #tool
Snapboard.io Dashboard as a service #gooddesign#saas
Animated favicon using canvas API #technique
TinyMCE HTML WYSIWYG rich text editor #library
WPGraphQL, ACF, and React #tutorial#beginner
Handle grid single column overflow in minmax() with min() #technique#responsive
UX Movement heuristic patterns for form, navigation, button, and content #reference
Inter high quality UI font #free#typography
Dashblock turning web url into API with manual tagging and machine learning #tool#gooddesign
Phone number input i18n format and validate phone number #library#input
Predictably Random visualizing randomness #gooddesign#tool
Case study factory ux portofolio templates no longer works #opinion
Oliver sans serif free font #typography
Free Mockups and Design Tools device mockup and frames #resource#free
paaatterns Free collection of beautiful patterns for all vector formats #resource
Verby Create and download natural voices as mp3 audio files #a11y#tool
comlink web worker abstraction implemented in es6 proxy #library
Components AI Experimental platform for exploring generative design systems #tool
Charlie Owen's personal website brutal, simple, fast, and functional #gooddesign
Writing a Simple MVC App in Plain JavaScript #beginner#tutorial
The Elements of UI Engineering the problems that frameworks are designed to solve #opinion#philosophy
Simplest way to load CSS async #technique#performance
Flexible data table with CSS Grid #pattern#table
Quantum computing for the very curious experimental menmonic medium as an alternative to textbook #gooddesign
10 Usability Heuristics for UI design #reference#research
Contain prevent layout change to bubble up in css #technique#performance
Nodes algorithmic parameteric design tool #tool#philosophy
Isometric free isometric illustration #resource
jExcel javascript lightweight excel table #library
Flexbox and padding prevent last item padding cropped in horizontal scroll area #technique
Accessible inline list with bullets between items interpunct #a11y
Progress Tracker component #pattern#library
Design tools are holding us back lack box model, inheritance, code handoff, database connection, unrealistic motion #opinion
Multi-column layout prevent scrolling by quantity query #technique#responsive
The Challenges with Single Toggle Buttons show both state and action #pattern#toggle
Responsive Iframes with aspect ratio wrapper #technique
Truncate multiline text #technique#reference
Use Datalist on different types of input date, color #reference
You don't know JS Deep dive into the javascript language #reference
Free open source typefaces #resource#typography
CSS Animation Libraries #reference#library
Component Styling API A comprehensive list of stylable properties of any element #reference
Photoshop in Versions Museum visual evolution of graphics WYSIWYG tool #reference
Clean code javascript patterns and best practice for js #reference
Chaos design generative, evolutionary, AI assisted design process #philosophy#opinion
Frontend design, react, and a bridge over the great divide by Brad Frost #opinion
Inconsolata monospaced font designed for high resolution code printing #typography
Sproutsocial seeds design system for a social marketing management app #designsystem#gooddesign
Lona Airbnb's code-driven design system environment #tool
Figma design system #reference#pattern
Use output element as aria-live regions for toast bubbles #pattern#a11y#technique
Grid cheatsheet #reference#gooddesign
LottaTools PDF tools run in browser #tool
Interactive hoverboard game phone as sensor, web socket as P2P communication #gooddesign
Shape React and SVG icons and illustrations #resource
Pexels free stock image #resource
Retain aspect ratio for an element percentage padding is based on parent width #technique
Photopea free wasm based photoshop alternative web app #tool
Pages.xyz gallery of web designed pages organized by type #reference#inspiration#gooddesign
The Designer’s Growth Model five states of design career: producer, architect, connector, scientist, visionary #opinion
Balance in Framework Design A Vue.js perspective by Evan You #philosophy#gooddesign
reveal.js HTML slides presentation #library#tool
Hover menu safe path prevent unwanted mouse out from trigger path #technique#pattern#popout#hover
The Technical Side of Design Systems sketch file != design system #opinion#pattern
Eva deep learning color generator #tool
Fonts in use real world font pairing examples #reference#typography
CSS Utility Classes and "Separation of Concerns" design thinking behind tailwind project #opinion#philosophy
JavaScript event loop high level conceptual overview #reference
a11y css reset #library#technique
TinyURL create short URL with API #saas#free#tool
Staggered animation use inline css custom property and calc #technique
Bounds.js lightweight intersection observer for lazy loading and boundary detection #library
Code-surfer code slides author and demo tool in react #library
Generate PDF from HTML #reference#beginner
Learning Synths Ableton recipes for sounds effects #resource#tutorial#beginner
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends #opinion#technique
SeaMonkey Project HTML authoring WYSIWYG #tool#gooddesign
Serif vs SansSerif theories based on perception of motion #typography
freezeframe.js animate gif only on hover #library#gooddesign
Use a resizable textarea to implement drag and drop #demo#technique
Baseline Grid for the web #technique#demo
A complete guide to iconography practical icon design guide #tutorial#beginner
Check if element has class, attribute, and id with js element.matches API #technique
Refactoring UI practical rational design tips for web developers #resource#tutorial#beginner#gooddesign#technique
Site inspire web design gallery for #inspiration#resource
Hero Patterns A collection of repeatable SVG background patterns #free#resource#tool
Duotone generate two color high res hero images #free#tool
Readme generator CLI #tool
basier mono free monospaced font #typography#resrouce
Google Fonts optimization #typography#technique
Google Fonts repo for self hosting #typography#resource
electron boilerplate with publishing and auto-update #reference
Don't misuse -webkit-font-smoothing especially on dark background #a11y#technique#typography
Marking required fields in forms all the time #research
The Noun Project free SVG Icon library #resource#icon
Green sock (GSAP) the best animation library and tool for SVG #tool
unstated a super light weight redux replacement for react built for hooks #library
Every layout responsive composable CSS layouts #resource#reference#technique
Pika modern es6 javascript module CDN #saas
Beautiful Web Type free webfonts #typography#resource
Free tools for makers freemium #resource
Figma redline kit #resource
Versus find competitive products #tool
Black and white paintings by Indonesian artist Elicia Edijanto #inspiration
Design with motifs logo, typography, empty space filler, divider, special text element #design#technique
Array sort reverse, tie-breaker, random, advanced use #technique#reference
Functional css perils rational criticism on functional css methodology #philosophy#opinion
The Flexbox Holy Albatross achieve container query with flexbox #technique#responsive
This page is a truly naked, brutalist html quine. display raw html with css #technique#inspiration
Theme UI constraint-based design system for React #library#philosophy
Victor Mono free font for code editor #tool#typography
Improve scroll performance with passive event handler #technique#performance#scroll
Github switch from icon font to inline SVG #opinion#performance
Swap GIF to static picture with reduced motion preference #a11y#technique
mixkit Beautiful Art & Illustration #resource#free
JavaScript built-in i18n API for number, currency, and time #reference
svgo: Node.js tool for optimizing SVG can replace color to currentColor #tool
Wrapping long words with CSS or HTML #typography#technique
National Park Typeface #typography
Accessible Icon Buttons #a11y
Contextually Marking up accessible images and SVGs #a11y#reference
CSS Grid shephard use grid and counter to display multiple columns of different types #technique
CSS Counter display auto generated number. #reference
Mavo create web app with HTML + CSS only. State management and storage as a service using Github or Dropbox #library#gooddesign
Generative Planets beautiful algorithmically generated planet #experiment#gooddesign
Zdog canvas and SVG 3D animation library #library
Against strong opinions loosely held #opinion
Fluid typography #technique#responsive#typography
Document interactive react components in MDX #technique
codyhouse open source components library with customization and theming as a service #library
RunKit REPL playground, endpoint hosting, live documentation for node #saas#free
Tornis viewport and pointer state observer/watcher #library
Art direction for the web using CSS shapes #technique
Annotate regular expression for human #tutorial#technique
A11y Style Guide #a11y#pattern#reference
How to meet WCAG #reference#a11y
Full bleed background when parent is any centered element #technique
Edge to edge full bleed background #technique
Bigfoot JQuery library for converting footnote links into inline hover buttons #library
Use inputmode to select keyboard layout for input #form#pattern#technique
Using Bootstrap in React without technical debt by wrapping in styled-components #technique
Ways to add color for SVG elements #technique#reference
Generate SVG filter to convert from black to target hex color #technique#reference
CSS Triggers layout, paint, and composite changes for animating attribute #performance
Expandable side nav slide in animation #technique#performance#tutorial
Swipeable card dismiss slide up animation #technique#animation#tutorial
Material dark theme design system thinking #technique#gooddesign
Intersection Observer for lazy load image, auto pause video, and track reading progress #technique#scroll#tutorial
THe Web's Grain philosophical musing on responsive design #opinion
Bret Victor - Stop Drawing Dead Fish computer as a medium to create interactive art without coding #philosophy#opinion
CSS SVG Progress spinner #pattern#progress#technique
Progressive enhanced css grid #technique#tutorial
Generate CAD interactive generative design tool for manufacturing #tool#inspiration#philosophy
Project Phoebe open source mutative design #inspiration #philosophy#opinion
Generative design as a bridge between design and code #opinion#philosophy
Svgbob convert ascii art or characters to svg
Sticky hero with position sticky and intersection observer #pattern
Flex layout break new rows or columns #technique
Let's make a design system Brad Frost demo using pattern lab as a design tool #tutorial#tool#pattern
Author SVG without design tool #reference#tutorial
Split Developer experience at the cost of user experience #opinion
Crawler for JavaScript websites #tool
Animate icons with CSS and SVG SVG stroke animation #technique
Lorem picsum Random image placeholder service #saas
display: contents to hoist child elements without losing parent-child semantics #a11y#technique
Podcasts Repo podcast list for on dev, design, and startup #resource
Ways to display SVG #technique#reference
Ribbon shape CSS #pattern#breadcrumb#technique
Styled System a constraint-based design system consumable as react props #library
Line height playground compare line height treatment across web ios and android #tool#typography
Line height in Figma great communication on a disruptive change in product #gooddesign#tool#typography
Passport.js authentication for Node.js #library
Use a grid of hover triggers to make css-only interactive experience #technique
Should I use aria-role in addition to Semantic HTML? test results and recommendation #a11y#reference
Accessible Landmarks Landmark explained #a11y#reference
React UI foundation for building accessible React components #a11y#library
Get progressive web app into Google Play store #tutorial
Rebass the bootstrap for react, a design system #library
A Friendly Introduction to Font Licenses understanding font licenses #reference#typography
Inclusively hidden hide elements for icon, skip links #a11y#icon
Restyling form controls #a11y#pattern#technique
When Cancel Buttons Should Not Say “Cancel” #content
Killed by Google projects killed by Google #reference
A system for establishing principles and use principles to guide difficult decisions #opinion
Johnny Five JavaScript Robotics and IoT programming framework #library
HTTP Caching with request headers a #beginner#introduction
Conditional insert properties into an object literal at the cost of readability #technique
replies.cc Tracking RSVP by CC an email address #service#gooddesign
Generative art with CSS for icon and background image #technique
Front-end Developer handbook with roadmap, learning resources, and tools #resource
Design at Scale: Figma at Liferay lessons and tips for design process at scale #tool#technique#pattern#library
Figma redline and flowchart kit by Liferay design #resource#tool#library
Rules for Autocomplete principles, rules, and tips for the best autocomplete algorithm and ux #technique#reference#pattern#autocomplete
Simplify designs practical tips #technique
Inline SVG with caching using service worker and SVG symbol #technique
Get and parse css custom properties in JavaScript #technique
features enabled with Chromium Edge #reference
Inclusive stock photos #resource
Nolt User feedback user voice and roapmap hosting #saas
Ethical alternatives to mainstream software and services #resource
Ternary statement to simplify if statement by using || and && #technique
Accessible toggle implementation including indeterminate state, high contrast, dark mode, and rtl support #a11y#pattern#toggle
A case for css-in-js by The Guardian for scale, maintainability, and collaboration #opinion
z-index and stacking context why storing all z-index in one place won't work #technique
shape-rendering: crispEdges resolve blurry edges in SVG after scaling #technique
Design Pattern Patents from Tech Companies #reference
GOV.UK UK Government design system #a11y#pattern#library
USWDS US Goverment design system #a11y#pattern#library
Public Sans open font used by US Gov #typography#resource#free
Color.review Visualization for color constrat tweaking #a11y#tool#gooddesign
Console API for debugging and creative use #tutorial#reference
Web dev concepts illustration #gooddesign#beginner
Empathy for developers how interdisciplinary team fueled the success of Material Design #opinion
FontForge open source font creation #tool#typography#icon
History of JavaScript libraries from Ajax, to Prototype, to jQuery, to MooTools #opinion#reference
Responsible JavaScript use SSR and html and css instead of JavaScript #opinion
Glitch full stack free app host for prototyping #saas#serverless#free
How to align in CSS distribute space vs. align object #tutorial#beginner
Web Components series HTML Template, Custom Elements, Shadow DOM, and Libraries #introduction
Ecode svg to background iamge url #tool
Appearance vs Layout decouple appearance from layout in CSS #technique#opinion
Netlify CMS a library that gives a CMS UI for any github static file repos #library#saas
Simple & boring boring design and engineering is important for the web #opinion
Firefox Send send large files with expiring download links #tool#saas
Avataaars avatar generator #tool#free
document.activeElement track currently focused element #technique#debug#a11y
React icons popular icon sets ready to be consumed as react components #library
CSS hyphens hyphenation #technique#typography#text
Checklist Design UX patterns with examples #pattern#reference
Http cache control headers and cache busting #reference#technique
How to use mailto #reference
Font Map AI font similarity map #tool#typography
Understanding screen reader modes #beginner virtual/browser mode, form/focus mode, and application mode #a11y#reference
Semantics to Screen Readers a developer #beginner guide for understanding how html translates into screen reader announcement with additional #a11y#reference
Deque University a11y resources coding patterns and screen reader shortcuts #reference#pattern
Screen reader and browser usage survey #a11y#reference
Accessible name and description computation mapping from HTML to AT announcement #a11y#reference
Flatten container with children with display:contents useful for nested grid items #technique
Dev.to A beginner friendly dev community with positive culture #gooddesign#beginner
Details dialog element Github's light weight web component for dialog #library#pattern#dialog
A JavaScript-Free Frontend Use checkbox, label and id for modal ux #technique
True Blue stunning illustration in web media behind the scene #gooddesign
Machine learning to colorize black and white photo #gooddesign#saas
CSS Grid course by Wes Bos #free#tutorial
Interneting is hard good html/css/js #beginner#tutorial
Uppy file uploader from local and cloud #library
Barnimages royalty free stock photo #free#resource
Sheety Google sheet to JSON API #saas
Tachyons great design system for developers #library#gooddesign
Draw triangles #technique
CSS Remedy an alternative to reset and normalize: mordern common sense css rules to start every project #library#opinion
The original NeXT browser a replica #gooddesign
pseudo element for external link how to prevent orphan on next line #technique
Game-icons free game icons that are stylish and unique #free#resource
Content-based grid tracks and embracing flexibility min-content and max-content based grid and challenges #performance#technique#opinion#responsive
Responsive grid without media query with template-auto and minmax() #technique
Responsive grid and CSS variables replacing bootstrap grid with css grid #technique
Ant Design a well documentated design system organized by purpose #library
Instant.page prefetch a url on hover #performance#library
Auto accessible text color with CSS variable #technique#a11y
IconSvg svg icon library for copy, edit, and use #tool#resource
Using CSS Grid the right way named columns and fr units #technique#tutorial
15-1255 Web and Digital Interface Designers acknowledged as a job by Bureau of Labor Statistics
11ty.io simple static site generator running on node #library
Upcoming front-end design and developement #resource
Webhosting uptime ranking #reference
Wakamai Fondue font capability inspector #tool#typography
Font Inspector #tool#typography
Intro to Font Metrics ascender and baseline alignment #typography#introduction
SVG Filters 101 #beginner#tutorial
Inclusive components #pattern#a11y
The A11y Project #opinion#resource#pattern#a11y
Paint the picture, not the frame use browser default scroll, highlight, text sizing, theme, focus, and clipboard #opinion#a11y
A case against theming and a progressive solution with custom properties #a11y#opinion
Why we shouldn't take JavaScript for granted and why to prepare for no-js #opinion#a11y
line-height should be unitless #typography#opinion#technique#text
Scrollytelling is a good technique that respects native behavior. Scrolljacking is bad. #technique#opinion#pattern#scroll
Consistency default scroll bar is external consistency with the system #a11y#opinion
Mixkit HD video asset #free#resource
Lapa Ninja La gallery featuring the best landing page examples from around the web #resource
How To Architect A Complex Web Table systematically plan design and document a #table#pattern
figure element semantic and accessible usage #technique#a11y
Newsletter guide One-stop resource for publishing newsletters #tutorial
airtable cms + project management as a service #saas#free
tinyfaces crowd-sourced avatar gallery #resource#free#saas
Robust Client-Side JavaScript error prevention and handling #reference
HTML, CSS and our vanishing industry entry points a case for inclusion #opinion
Tooltip Guidelines #pattern#tooltip
Programmatically select content in textbox #technique
Designing for the web ought to mean making HTML and CSS #opinion
deno native TypeScript interpreter #tool#gooddesign
Statecharts: a visual formalism for complex systems #philosophy
Digital psychology minimalist text based interface #gooddesign
Poor design in automotive industry parking, turn signal, standarization #gooddesign
Pure UI Control apply pure UI to a calculator control example #opinion
Pure UI video player as an example, state driven design dev documentation #opinion
XState javascript finite state machine #library
Achieve container query with flex-basis stack flex box when container is narrow #technique
Box drawing characters charting unicode #typography#reference
Responsive Patterns Brad Frost collection of #pattern#reference
tablesaw filament responsive #table#pattern#library
Design better data tables #pattern#table#technique#gooddesign
Indicate scrollability with shadow background-attachment #scroll#technique
Icons8 icons and photos #resource#free
Laws of software development #opinion#reference
Rule of least power information reuse vs language capability #opinion
A visual history of computing machine as art objects #gooddesign
Is Houdini Ready Yet status of implementation by vendors #reference
The Great Divide between JS dev and HTMl/CSS dev #opinion
doka high quality image editor component with a license fee #library
filepond high quality file uploader with drag and drop and image editor #library#file
Dimensions Guide for physical objects and architecture #reference
Making dialog and tooltip with react portal #tutorial#technique
Designing For Print With CSS #introduction#tutorial
amChart for data visualization #library#free
Making Future Interfaces: Algorithmic Layouts foundation of responsive design is not media query #opinion#beginner
Serverless cost calculator AWS Lambda, Azure Functions, Google Cloud Functions, and IBM OpenWhisk #tool
Chris Coyier - The All Powerful Front End Developer video: serverless architecture by example #introduction#beginner
Serverless ecommerce shopping cart and payment stripe and azure functions #demo
The power of serverless a collection of resources for serverless stack or jamstack #saas#free#resource
Turn off animation/transition globally respect reduced motion preference with css variables #technique#a11y
Masonry layout css only solutions #technique
anime.js powerful JavaScript animation engine #library
CSS Doodle web component library for drawing patterns and shapes in CSS #library
Clippy CSS clip-path generator #tool
Shapy gradient generator #tool
coolors color palette generator #tool
The Directors Bureau vintage console like brutalist interface #gooddesign#inspiration
Engineering process at Google #opinion#gooddesign
SiteInspire a collection of beautifully designed websites #inspiration
Alignment techniques #technique#reference
SVG donut circle fill and number transition #technique#tutorial
quicklink prefetch links in viewport for better #performance#library
box-decoration-break give each line box an separate background, border, shadow, margin, padding #technique
How To Learn CSS resources on systematically (layout, sizing, alignment) learning CSS #beginner#resource
Understanding sizing in CSS Layout grid and flex sizing algorithms #reference#beginner
Animista discover a variety of css animations and export code #tool#resource
European Space Agency hypothetical redesign #gooddesign#inspiration
Carrd a one page website builder #gooddesign#saas#free
Meta Tags preview url in social media open graph cards #saas#tool
Select styles with CSS only #technique#pattern#select
CodePen Radio unique icon for podcast album cover #gooddesign#icon#inspiration
What makes a good front-end developer? problem-solving critical thinking, googling, empathy, communication #opinion
The Vanilla JS Toolkit snippets, helper, boilerplate, polyfill for vanilla JavaSript #reference
Modernizr overkill for feature detection and browser sniffing #library
preload font to fight FOIT and FOUT together #technique#typography
Gradient border multiple ways to implement gradient borders #technique
CSSOM manipulate style from JavaScript via CSS Object model #introduction#tutorial
I Used The Web For A Day Using A Screen Reader case studies, tips, screenreader shortcuts #a11y
Material intelligence how material and craft brings out the beauty of simple objects #opinion
Operation Jane Walk NYC history and architecture tour in Tom Clancy’s The Division #gooddesign#inspiration
typo/graphic posters typographical and graphical poster collection #resource#inspiration
EZGIF animated gif editor, maker, converter #tool
Intercom customer engagement and support through a chat interface #gooddesign#saas
London Underground Signs manual a design system for physical application #gooddesign#inspiration#designsystem
Fathom Analytics open source self hosted telemetry library #free#library#telemetry
Getform decoupled form submission handling backend as a service #free#saas#gooddesign
Remove image background #free#tool
DIY Ad Sponsorspot manager for newsletter built with Google sheet, Formsite, Zappier #tutorial#free#hack#gooddesign
Plex a font designed by IBM #typography#free#gooddesign
Deseat.ms scan email via OAuth2 and delete accounts from service providers #gooddesign#saas
Output font optimised for screen reading #typography#gooddesign#resource
Input font optimised for programming #typography#gooddesign#resource
CSS in JS to CSS Modules to PostCSS In depth introduction to css stack #introduction#tutorial
CSS Modules intro 3 part tutorial on setting up CSS Module for client and server side react #tutorial#introduction
Humaaans stock SVG for human body illustrations #library#free
Why Performance Matters part2 part3 on perceived #performance#technique
Webtask serverless endpoints by auth0 #saas#free
nivo nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. #library#visualization
Practical Cryptography for Developers how private/public keys, hashing, cyphers or signatures work #reference#beginner
Include variable font in font stack #typography#performance#technique
CSS Background-clip spec shrink background to text, content box, or border box #technique
Squoosh image optimization compression #tool#free#performance
CSS and Network Performance fastest way to load css styles #performance#technique
web.dev Google official guide to modern web dev #performance#spa#a11y#seo#tutorial#beginner#security#production
How to build a color palette with good examples #tutorial#color
No style design system progressive enhanced accessible form patterns by Adam Silver #form#pattern#a11y#demo#reference
Show progress for FileReader show feedback when reading large file with file input #pattern#form#file#technique
Cross platform triangle chevron unicode #reference#icon#form#pattern#select
Fieldset and legend when to (not) use #pattern#form#a11y
Momentum scroll on iOS #technique#pattern#scroll
Active descendant for indicating selected child within a composite control that keeps focus on root #a11y#technique
Visually hidden hide visually but visible to screen reader #a11y#technique
Registration form #demo#form#email#password#validation#pattern
Web Design Museum archive of old landing pages for influential companies #reference
State of JS 2018 Survey #reference#survey
Spellbook of Modern Web Dev #reference
Shopify eCommerce and business tools logo, naming, slogan, ops, legal, billing, logistics, branding, image #free#tool
flow a font that renders characters as a shapes, perfect for greeking or shimmering or placeholder #typography#free
Pixels vs. Ems: Users DO Change Font Size #opinion#survey
focus-visible polyfill for showing focus ring only on keyboard focus #library
Facon create nested DOM elements using template literals and extract references. #library
When to Use Which User-Experience Research Methods attitudinal to behavioral, qualitative to quantitative. #reference
Kendo UI robust enterprise ready UI controls #gooddesign#library
ag-Grid robust enterprise ready grid/table control #gooddesign#table#library
Use subset and unicode range to load icon, emoji, and numberals fonts #technique#typography#performance
Palx open source color palette generator using a single brand color #tool#free
Design, track, and analyze 404 no found page #tutorial
Design tools are running out of track. Here’s how we can fix them. #opinion
The Design Tool Dilemma code vs vector as source of truth #opinion
Tags to DOM part 2 of the URL to Interactive series #introduction#beginner
The correct usage of <em>, <i>, <strong> #reference
Consently The privacy-friendly and GDPR compliant way to add tracking to your website #gooddesign#saas
33 Concepts Every JavaScript Developer Should Know #reference#beginner
URL to Interactive a series of articles on the end to end flow of web: Server to Client, tags to DOM, braces to pixels, var to JIT #introduction#beginner
FontBase font management tool #tool#free
Negative Grid Lines position item relative to the end of a grid #technique
8 Tips for Great Code Reviews #codereview#communication
The Psychology of Design Hick's law to cognitive load, Miller's law to chunking, Jakob's law to mental models #introduction
Use reduce() to sequentially resolve promises #technique
Create CSS border radius for artistic shapes #tool
Dealing with Dependencies Inside Design Systems Decomposing Features to Master Change Up the Chain #tutorial#designsystem
Visual Breaking Change in Design Systems We Respect Code APIs. But What About Color, Type and Space? #tutorial#designsystem
Versioning Design Systems Communicating Change Clearly to People Using Systems #tutorial#designsystem
Design System Release Cadence Modeling How Often and Regularly Your System Delivers #tutorial#designsystem
Releasing Design Systems Delivering Interconnected Outputs to Adopters Over Time #tutorial#designsystem
Book Cover Archive as visual design inspiration #inspiration#resource
ColorBox A color gradient picker by Lyft #tool
Build dialog with the native dialog element #technique#reference
remarkable Markdown parser #library
A Brief Guide About Competitive Analysis #introduction
JavaScript timers setTimeout,requestAnimationFrame,requestIdleCallback #technique
Input element properties defaultValue,indeterminate,selectionStart,selectionEnd,selectionDirection, tri-state checkbox, retrieve default value #reference#technique#pattern#radio#checkbox#textbox
Best Practices For Mobile Form Design #technique#pattern#form#textbox
sanitize.css a CSS library that provides consistent, cross-browser default styling of HTML elements alongside useful defaults. #library
Accessible Breadcrumb Navigation Pattern #pattern#a11y#breadcrumb
The Mighty Ellipsis how and why the ellipsis is used #technique#pattern#text
The Ecological Impact of Browser Diversity the core engines of each browser #introduction#opinion
::before vs :before pseudo-elements vs. pseudo-selector #reference
The Complete CSS Demo for OpenType Features #typography#reference
Helping a Beginner Understand Getting a Website Live explain domain, web host, CMS, CDN, repository, deployment #introduction
Design with Difficult Data fake data < real data < difficult data #opinion
Designing A Textbox, Unabridged differentiate change,keypress,keyup,input events #pattern#technique#textbox
Lobe - Deep Learning Made Simple intuitive UX for complex deep learning applications #free#library#saas#machinelearning#gooddesign
Brutalist Websites #resource#inspiration
Solving All the Wrong Problems tech industry's bias to innovate for themselves #opinion
Shrink Me - Compress JPG, PNG and WEBP Images image optimization #tool#free#performance
What Is This Thing Called Design? what is ui/ux design, how we got here, what's next--a historic and evolutionary review. #introduction#opinion
Are we designers shamelessly good at self promotion? — UX Essay #1 An analysis of the state of design publishing and community building in the era of personal branding. #opinion
Coding with Clarity practical tips and techniques for object oriented coding. #oop#technique
Myth: All pages should be accessible in 3 clicks #opinion
Principles of writing consistent, idiomatic CSS order CSS rules by function, not alphabet #opinion#technique
Large scale css system design principles #itcss#technique
Let device adjust color color-adjust allows device e.g. printer to save ink #technique#print#responsive#ethicaldesign
Prevent overscroll bouncing disable rubber-banding or elastic scroll on touch device #scroll#mobile#technique
CSS Scroll Snapping snap to scroll positions so target items are in full view #technique#scroll
Mac OS X White/Light Text Sub-Pixel Antialiasing Bug white text blurry and bold on Mac #technique#typography
How the shared family computer protected us from our worst selves #opinion#antitech
Display After Effects animation in Android, iOS, React Native, and Web #animation#library
Everything You Need To Know About Alignment In Flexbox align-item vs. align-content #responsive#introduction#reference
Accessible Components cheatsheet for building accessible form control #component#pattern#a11y#reference
Automatically switch font color for different backgrounds with CSS variable #a11y#designsystem#theming#cssvariable
Use media query in SVG as container query #svg#responsive
Sanity Headless CMS solution #saas#library#cms#editor#realtime
List of storage or database services #free#saas#database#resource
Mlab: Database-as-a-Service for MongoDB #free#saas#database
Various styled accessible form controls #component#pattern#a11y#reference#library
Sticky, smooth, active nav sidenav that highlights current section #technique#scroll
Math and physics for iOS Fluid Interface including: spring, button, rubberband, momentum #technique#animation
Math and physics for dragging animation #technique#animation
Fix 100vh cropped by mobile url bar #technique#responsive#mobile
Typeform interactive form for user-friendly data collection #gooddesign#saas#free
Writing Less Damned Code video digest #a11y#responsive#opinion
Running untrusted script in Node VM runInNewContext #security#nodejs#technique
MIT licensed SVG illustrations #resource#free#svg
Subsetting font with unicode-range #typography#performance
On-demand live regions make screenreader announce text on demand #a11y#library
Announce page titles in a Single Page App #a11y#technique
Accessibility for Teams US Goverment guide for embedding accessibility and inclusive design practices into your team’s workflow #a11y#introduction#wcag#reference
Beacon API browser built-in telemetry API #api#browser#telemetry#reference
Key Bindings for Visual Studio Code cheatsheet for #vscode#reference
Font playground play with variable fonts #typography#variablefont#playground#tool
2018 Developer road maps frontend, react, backend, vue #roadmap#reference
Notion: CMS, kanban, calendar, notes #gooddesign#businessstrategy#startup#saas#free#editor#cms
Cloudinary Image management CDN and optimization #saas#responsive#image#performance
pointer-events delegation change parent or sibling style on hover #technique#hover#eventdelegation
Editable CSS and JavaScript source use display: block on <style> and <script> elements #technique#editor#wysiwyg#demo#sandbox#playground
The Secret Law of Page Harmony geometric techniques for perfect ratio on paper #technique#layout#gird
Dotgrid: vector drawing app for icon design #minimalist#tool#gooddesign#svg#icon
Public APIs request data for anything #api#free#resource
Improving the usability of multi-selecting from a long list #pattern#multiselect#pill#select
SimpleBar lightweight scrollbar #library#scroll
Animating Layouts with the FLIP Technique #animation#performance
Code review best practices #codereview#communication
Improve resume reader experience #writing#resume#content
Hyperlinking Beyond the Web deeplink into apps #url#deeplink#nativeapp
Email recipient experience design #email#content#technique
Better Collaboration By Bringing Designers Into The Code Review Process #process#opinion#communication
4kb frontend UI framework #library#minimalist
System Font Stack #typography#fontstack#systemfont
Font Stacks #typography#fontstack
Itty bitty sites are contained entirely within their own link #tool#url
PQINA designs and builds performant, responsive and polished web components #startup#component#library#minimalist#businessstrategy#gooddesign
I Used The Web For A Day With JavaScript Turned Off #progressive#a11y
I Used The Web For A Day With Just A Keyboard #a11y#keyboard
Techniques for WCAG 2.0 #technique#a11y#wcag#reference
Making the DOM order match the visual order #technique#a11y#wcag
To cure affluenza, we have to be satisfied with the stuff we already own consumerism vs materialism #opinion
Order Out of Chaos: Patterns of Organization for Writing on the Job #ia#writing#documentation#content
What Is Redux: A Designer’s Guide #redux#undoredo#optimisticui#introduction
Multi-colored icons with SVG symbols and CSS variables #icon#svg#cssvariable#tutorial
Integrating and styling icon systems — SVG sprites, SVG symbols and icon fonts #icon#svg#svgsymbol#iconfont#tutorial
Integrating and styling icon systems — inline SVG and icon components #icon#svg#tutorial
ChartGen: generate mock svg line chart #svg#mock#tool#prototyping#chart
Prototyping in the Browser [[[url]]] to compose HTML from components in codepen #prototyping#codepen#technique

anthrolisp/memo