README
- hak5 White hat hacking utilities #tool#hack
- Potluck Dynamic documents as personal software #knowledgebase#demo#realtime#plaintext
- The Best PiHole Blocklists #privacy#resource
- anudeepND/blacklist Curated and well-maintained hostfile to block ads, tracking, cryptomining #privacy#resource
- I Don’t Believe in Sprints #opinion#methodology#projectmanagement
- shubhamgrg04/awesome-diagramming A curated collection of diagramming tools used by leading software engineering teams #tool#resource#diagram#chart#visualization
- merbanan/rtl_433 Program to decode radio transmissions from devices on the ISM bands #hack#iot#wireless
- Hosting SQLite databases as static files with built-in sharding and page size control #technique#database#jamstack#searchengine
- Compression and decompression in the browser with the Compression Streams API #technique#tutorial
- Muse app tool for thoughts with infinite canvas and touch first design #service#gooddesign
- Infinite Canvas Literature and history review for tools for thought #reference#gooddesign
- Ink & Switch HCI industrial research program, similar to PARC #gooddesign#resource
- HTML includes with web components #technique#progressive#performance
- github/mona-sans Mona Sans, a variable font from GitHub #typography
- Linen Slack alternative designed for communities #chat#saas#free
- Engagespot/heroku-free-alternatives Free full stack application hosting for starter projects, alternative to Heroku #reference#paas
- Crystal based on C and Ruby, with Go's concurrency model #language
- Swurl Parallel Search from Google, Wikipedia, Twitter, YouTube #tool#searchengine
- Generative art Open Graph preview images Eventually spaced flow lines #generative#algorithm#technique
- Boldly link where no one has linked before: Text Fragments Deep link into text fragment #technique#url#browser
- UI2: Figma's Design System Icons and Colors used by Figma UI #resource#gooddesign#designsystem
- Bulletproof Background Images Generator for email banner image HTML and VML code #tool#responsive#email
- A Guide to HTML Background Images in Email Background size contain #technique#email#responsive
- cozodb/cozo Datalog graph database with embed binary like SQLite #database#library#rust
- binwiederhier/ntfy: Send push notifications to your phone or desktop using PUT/POST opena-source notification service for apps #notification#library#saas#free
- Learn X in Y Minutes quick start for languages, computer science topics, data structure, and tool #reference#beginner#language#tool#algorithm
- RawTherapee alterative to photoshop #image#tool#photo
- The Myers Difference Algorithm Convert diffing to BFS graph search problem #algorithm#editor#gooddesign#visualization
- ds300/patch-package Fix broken node modules instantly in the lack of timely maintenance #tool#devops#library#monorepo
- GeoJSON format for encoding a variety of geographic data structures with map preview on GitHub. Good for location tracking #map#standard#reference
- Zettelkasten-Method/10000-markdown-files 10,000 markdown files. Useful for stress testing note-taking tools.
- Pandoc Universal document converter, with programming API #conversion#tool
- charmbracelet/vhs command line recorder that outputs gif #tool#terminal
- pacocoursey/cmdk Fast, unstyled command menu React component. #menu#modal#library
- answerdev/answer Open-source alternative to Stack overflow and discourse #knowledgebase#community#chat#selfhosted
- Programming Portals Divide between programmer and end user. Coding and TUI in the low-code environment. #pattern#opinion
- krausest/js-framework-benchmark Comparison matrix for rendering speed #performance#framework
- Foo to Bar Naming Conventions in Haskell #technique#documentation#functional
- html.to.design convert web URL to figma #tool
- Mocking is a Code Smell use functional composition instead #opinion#philosophy#test
- Elements of JavaScript Style Naming convention inspired by Elements of Style #naming#reference
- Why Composition is Harder with Classes Replace javascript class with factory #opinion#technique#language
- Functional Mixins for javascript object composition #technique
- Component patterns by web.dev Superset of GUI Challenges #reference#pattern#button#carousel#dialog#multiselect#breadcrumb#notification#tab
- Stellarium Astronomy Software cross platform, for stargazing and astronomy #tool
- vercel/satori HTML and CSS to SVG #library#svg
- Files and directories patterns #reference#file
- DiscMaster Search through internet archive #tool#searchengine
- Just for Fun. No, Really. Joy of programming vs. Commercial culture #opinion#jobsatisfaction
- lodash style issue management #reference#devops#technique
- Magiconch Lab Collection of tools around anime, image processing, language processing for Chinese #tool#image#resource#nlp#generative
- vaporwave Image processing with advanced filters #tool#image
- A Brief, Incomplete, and Mostly Wrong History of Programming Languages #opinion#history
- WebMemex/freeze-dry Snapshots a web page to get it as a static, self-contained HTML document. #library#knowledgebase
- Syntax Design Aspects to consider when analyzing the pros and cons of a language #language#reference
- bliki: CQRS Command Query Responsibility Segregation #architecture#reference
- Projectbook Project ideas with specifications, mock-ups, and assets for learning any programming language #reference#inspiration
- Feather open source iconset #icon#resource
- Lose the Very replace very + any word with a more eloquent word #tool#content#writing
- Low Earth Orbit Visualization #tool
- They Called It LISP for a Reason: List Processing recursive data structure and algorithms #functional#language
- Using a Framework will harm the maintenance of your software #opinion#maintenance#methodology#framework
- A tiling window manager for Windows #rust#productivity#tool
- How Brian Eno Created "Ambient 1: Music For Airports" #audio#gooddesign#synth
- Canary in the Photo Mine Open source Google photo and cloud storage alternatives #selfhosted#storage#sync#backup#photo
- Thinking on ways to solve TOOLTIPS directional animation, reduced motion, keyboard focus #pattern#tooltip#hover#a11y
- iced-rs/iced A cross-platform GUI library for Rust, inspired by Elm, used by Pop OS #library#rust
- The Elm Architecture design pattern for highly interactive UI application #functional#reference#gooddesign
- valinet/ExplorerPatcher Improved Windows 11 task bar #tool#productivity
- How to Safely Share Your Email Address on a Website Prevent bot and spam but allow user to get email #pattern#email#form
- antfu/retypewriter Record, replay, and revise coding steps with diff editor #productivity#tool#editor#vscode#extension
- muted.io Magical Music Theory Tools to Learn Music Online for Free. Good for guitar and piano #tool#reference#audio
- When going somewhere does a thing: on links and buttons On choosing link vs button #pattern#a11y#opinion
- I turned JS into a compiled language from js to wasm and C++ #technique#wasm#tutorial
- Fisher–Yates shuffle #algorithm
- Cloudflare Turnstile Alternative to CAPTCHA #service#privacy#antispam
- Fluid type scale calculator Configure, visualize, and generate code #typography#responsive#tool
- From data to Viz Help decide what visualization to use to the data you have #tool#reference#visualization
- The Data Visualisation Catalogue detailed guide on how and when to use each type of visualization #guide#reference#visualization
- Castopod open-source podcast hosting with community and social features #library#platform#podcast
- shoelace-style/shoelace Cross-platform UI components built with lit #library#webcomponent#pattern
- Nature 150 Interactive Visualize 150 years of citation network #gooddesign#visualization#knowledgebase
- snaplet/postgres-wasm: Linux VM and PostgresQL server running in your browser using Web Assembly, #database#wasm
- Doug Engelbart Institute Insights for building revolutionary technology that augments collective intelligence #history#reference
- Timeline of Computer History Visual stories by Computer History Museum #reference#history
- chromium/badssl.com Comprehensive list of SSL configs hosted in real sites for client testing. #security#tool#network
- Making Disabled Buttons More Inclusive #button#disabled#pattern
- HTML attribute: autocomplete List of supported autocomplete values #autocomplete#reference#form#pattern
- Enhance for full stack html and javascript apps #framework#progressive#serverless
- A decision tree for choosing form input #form#pattern#guide#radio#checkbox#toggle#tab
- Digital Journalism Style Guide of Inclusive Language Considering class, disability, Gender, Mental health, and Race #content#reference
- 58 bytes of css to look great nearly everywhere Minimal stylesheet for Content heavy HTML pages, without reset or normalize #technique#performance
- pdfgrep Search into PDF files #cli#tool#searchengine
- Starter Story Database for startups, with good search and filter #tool#reference#businessstrategy#startup
- Game UI Database great for UI design #reference
- JSCheck Randomized property-based testing for javascript, inspired by Haskell QuickCheck #test#library#functional
- gcanti/fp-ts fully typed FP library #functional#library
- Purify Functional programming library for TypeScript with focus on data types #library#functional
- Visual product comparison For PC, Laptop, SSD, Camera, Monitor #gooddesign#tool
- Statistics Estonia Good search UX #inspiration#searchengine#gooddesign
- rclone data sync for cloud storage #library#tool#distributed#storage
- Typesense In memory full text search #library#searchengine#selfhosted
- hanzala123/arch2appimage Python script that converts arch linux package to appimage #linux#tool#production
- Wilfred/difftastic a structural diff that understands syntax #algorithm#library#editor
- Cyclic.sh full stack hosting for hobby project #service#cicd#free
- Congress.gov API Query bills, amendments, members, committees, treaties #api#resource
- Kamby Language ergonomic lisp in 400 LOC #language#compiler
- Goodbye, useEffect: David Khourshid effects below in even handler, below in state management, separate from rendering #opinion
- Checklist Design A collection of the best design practices, with links to evidence articles #reference#resource#pattern#guide
- Gotenberg Docker image that converts any document to PDF #library#tool
- WikiHouse Modular design systems for house #inspiration#gooddesign#designsystem
- fantasyland/fantasy-land Specification for interoperability of common algebraic structures in JavaScript #reference#functional#language
- maps.earth open source maps for everyone #library#map
- TIOBE Index Overall assessment of programming languages usage and usability #reference
- jaspervdj/hakyll A static website compiler library in Haskell #library#jamstack
- Why ContentEditable is Terrible medium engineering blob on text editor design #wysiwyg#reference
- Why your website should be under 14kb tcp package size consideration #performance#network
- CompVis/stable-diffusion Open-source alternative to DALL-E 2 #deeplearning#generative#library
- Attention and Augmented Recurrent Neural Networks interactive #visualization#deeplearning#beginner#gooddesign
- ImageMagick/ImageMagick programmatic image editing #library#tool#image
- google/sentencepiece: Unsupervised text tokenizer for Neural Network-based text generation. for non-english tokenization #library
- subconsciousnetwork/subtext: Markup for note taking reduced from markdown #language
- Pyxel Edit: pixel art and tileset creation tool #pixelart#tool
- AI Weirdness Funny results when AI training when wrong, joke on AI #deeplearning
- Latency Numbers Every Programmer Should Know for estimation of algorithm performance #reference#performance
- donjon; RPG Tools generate map, name, and other gaming assets #tool#gamedev
- Polygon map generator #tool#gamedev
- quantleaf/probly-search In memory full-text search library written in Rust that provides full control over the scoring calculations #searchengine#library#wasm
- Zellij Terminal workspace with panels and multiplexer, replacement for tmux #tui#terminal#tool#productivity
- radix-ui/primitives An open-source UI component library for building high-quality, accessible design systems and web apps #pattern#library
- You Don’t Need A UI Framework Utility first approach to frontend engineering with headless frontend libraries #library#pattern#a11y#opinion
- Open Cognition Project (OpenCog) for solving Artificial General Intelligence #ai
- Zazow Algorithmic Generative Art showcase and hosting #generative#art#reference#inspiration
- LibreSprite/LibreSprite Animated sprite editor & pixel art tool based on Aseprite #pixelart#tool#free
- Pixilart Online pixel art creation #tool#pixelart#gamedev
- Aseprite Pixel art and sprite animation #tool#gamedev
- MathisBullinger/froebel A strictly typed utility library. lodash alternative. #functional#library
- Matrix Multiplication Visualization #beginner#gooddesign#machinelearning
- Gradio UI toolkit for ML apps #library#machinelearning
- Gradio + HuggingFace Spaces ML service deployment #tutorial#beginner
- ramda/ramda: Practical functional Javascript #library
- Function.prototype.length - JavaScript Get number of parameters defined in a function, used for auto-currying #language#technique#functional
- damianavila/RISE: RISE: "Live" Reveal.js Jupyter/IPython Slideshow Extension Turn Jupyter notebook into slide presentation #library#tool
- rwightman/pytorch-image-models: PyTorch image models, scripts, pretrained weights integrated in fast.ai #resource#deeplearning
- My HCI toolbox: Methods for designing and evaluating UIs A Microsoft PM's personal playbook for UX research #uxresearch#guide#hci
- aidenybai/million-react Fast virtual DOM for React using Pre-compilation #library#performance#dom
- tabler/tabler Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap #designsystem#visualization#library
- Clipboard Inspector inspect all formats within the clipboard #tool#debug
- bokeh/bokeh Interactive Data Visualization in the browser, from Python. Replacement for D3 #library#visualization
- Subheadings, subtitles, alternative titles and taglines in HTML Practical solution to semantic subtitle and subheading using hgroup #a11y#technique
- carbon-language/carbon-lang C++ improved #language#compiler
- Levels.fyi Crowd sourced compensation and career ladder comparison #career#tool#interview
- jawerty/myAlgorithm A self hosted recommendation feed generated from your browsing habits, with LDA model #extension#selfhosted
- Lofi.co Lofi streaming from custom browser tab #tool#productivity
- stedolan/jq Command-line JSON processor #cli#tool
- Speak Human Generate friendly message for UI copy and messaging #content#tool
- UX Core Large database for UX patterns, cognitive biases, heuristics, psychological effects #reference#pattern#psychology
- Memory Management Reference with diagram and glossary list #reference#systemprogramming
- hemanth/functional-programming-jargon Jargon from the functional programming world in simple terms #reference#language
- Hey Underscore, You're Doing It Wrong! API design for better composition #functional
- An event for CSS position:sticky Build sticky header stack #technique#tutorial
- Jarred-Sumner/bun alternative javascript runtime to node and deno, optimized for edge function #language#performance
- Building tabs in Web Components elegantly handle overflow and keyboard #pattern#tab#a11y#webcomponent#tutorial
- Human Eyes Only prevent machine readability on PDF #tool#security
- Defensive CSS improve edge case handling and error recovery #pattern#progressive
- tsl0922/ttyd Share local terminal over the web #tui#tool#collaboration
- Common Crawl open source web crawling project #searchengine#resource
- How to Build a Low-tech Website? Static host, Dithered image, No logo and default font #performance#indieweb#selfhosted
- utterances Use github issue tracker as comment service #community#chat#collaboration#service
- Single Element Loaders: Going 3D! 3D cube and progress bar in plain CSS #3d#technique#progress
- keeweb/favicon-proxy: CORS-enabled favicon proxy Render favicon from other hosts #service#favicon
- LeaVerou/color.js: Color conversion & manipulation library by the editors of the CSS Color specifications #library#color
- The really important job interview questions engineers should ask (but don't) #career#startup#jobsatisfaction#guide#interview
- n3r4zzurr0/svg-spinners #resource#animation#progress
- kochrt/markwhen Make a cascading timeline from markdown-like text #library#markdown#visualization
- Building forms with custom elements review of browser support, and polyfill #form#technique#a11y#webcomponent
- A look at search engines with their own indexes comparison across search engine APIs and services #searchengine#comparison#reference
- Search My Site Open source search engine and search as a service for personal and independent websites. #searchengine#saas#indieweb
- Microsoft Donated Money to GNOME: Let's Remember How They Attacked Open Source Before With a brief history of software licensing legal cases #reference#opinion
- 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 dependency-free JavaScript utilities that do just one thing. #functional#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
notto 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
wrbelement 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
importhandlerequire#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-showselector #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
tableelement #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 contrast 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: blockon<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
Contributors
chuanqisun
1,461 commits
Similar repos
README
- hak5 White hat hacking utilities #tool#hack
- Potluck Dynamic documents as personal software #knowledgebase#demo#realtime#plaintext
- The Best PiHole Blocklists #privacy#resource
- anudeepND/blacklist Curated and well-maintained hostfile to block ads, tracking, cryptomining #privacy#resource
- I Don’t Believe in Sprints #opinion#methodology#projectmanagement
- shubhamgrg04/awesome-diagramming A curated collection of diagramming tools used by leading software engineering teams #tool#resource#diagram#chart#visualization
- merbanan/rtl_433 Program to decode radio transmissions from devices on the ISM bands #hack#iot#wireless
- Hosting SQLite databases as static files with built-in sharding and page size control #technique#database#jamstack#searchengine
- Compression and decompression in the browser with the Compression Streams API #technique#tutorial
- Muse app tool for thoughts with infinite canvas and touch first design #service#gooddesign
- Infinite Canvas Literature and history review for tools for thought #reference#gooddesign
- Ink & Switch HCI industrial research program, similar to PARC #gooddesign#resource
- HTML includes with web components #technique#progressive#performance
- github/mona-sans Mona Sans, a variable font from GitHub #typography
- Linen Slack alternative designed for communities #chat#saas#free
- Engagespot/heroku-free-alternatives Free full stack application hosting for starter projects, alternative to Heroku #reference#paas
- Crystal based on C and Ruby, with Go's concurrency model #language
- Swurl Parallel Search from Google, Wikipedia, Twitter, YouTube #tool#searchengine
- Generative art Open Graph preview images Eventually spaced flow lines #generative#algorithm#technique
- Boldly link where no one has linked before: Text Fragments Deep link into text fragment #technique#url#browser
- UI2: Figma's Design System Icons and Colors used by Figma UI #resource#gooddesign#designsystem
- Bulletproof Background Images Generator for email banner image HTML and VML code #tool#responsive#email
- A Guide to HTML Background Images in Email Background size contain #technique#email#responsive
- cozodb/cozo Datalog graph database with embed binary like SQLite #database#library#rust
- binwiederhier/ntfy: Send push notifications to your phone or desktop using PUT/POST opena-source notification service for apps #notification#library#saas#free
- Learn X in Y Minutes quick start for languages, computer science topics, data structure, and tool #reference#beginner#language#tool#algorithm
- RawTherapee alterative to photoshop #image#tool#photo
- The Myers Difference Algorithm Convert diffing to BFS graph search problem #algorithm#editor#gooddesign#visualization
- ds300/patch-package Fix broken node modules instantly in the lack of timely maintenance #tool#devops#library#monorepo
- GeoJSON format for encoding a variety of geographic data structures with map preview on GitHub. Good for location tracking #map#standard#reference
- Zettelkasten-Method/10000-markdown-files 10,000 markdown files. Useful for stress testing note-taking tools.
- Pandoc Universal document converter, with programming API #conversion#tool
- charmbracelet/vhs command line recorder that outputs gif #tool#terminal
- pacocoursey/cmdk Fast, unstyled command menu React component. #menu#modal#library
- answerdev/answer Open-source alternative to Stack overflow and discourse #knowledgebase#community#chat#selfhosted
- Programming Portals Divide between programmer and end user. Coding and TUI in the low-code environment. #pattern#opinion
- krausest/js-framework-benchmark Comparison matrix for rendering speed #performance#framework
- Foo to Bar Naming Conventions in Haskell #technique#documentation#functional
- html.to.design convert web URL to figma #tool
- Mocking is a Code Smell use functional composition instead #opinion#philosophy#test
- Elements of JavaScript Style Naming convention inspired by Elements of Style #naming#reference
- Why Composition is Harder with Classes Replace javascript class with factory #opinion#technique#language
- Functional Mixins for javascript object composition #technique
- Component patterns by web.dev Superset of GUI Challenges #reference#pattern#button#carousel#dialog#multiselect#breadcrumb#notification#tab
- Stellarium Astronomy Software cross platform, for stargazing and astronomy #tool
- vercel/satori HTML and CSS to SVG #library#svg
- Files and directories patterns #reference#file
- DiscMaster Search through internet archive #tool#searchengine
- Just for Fun. No, Really. Joy of programming vs. Commercial culture #opinion#jobsatisfaction
- lodash style issue management #reference#devops#technique
- Magiconch Lab Collection of tools around anime, image processing, language processing for Chinese #tool#image#resource#nlp#generative
- vaporwave Image processing with advanced filters #tool#image
- A Brief, Incomplete, and Mostly Wrong History of Programming Languages #opinion#history
- WebMemex/freeze-dry Snapshots a web page to get it as a static, self-contained HTML document. #library#knowledgebase
- Syntax Design Aspects to consider when analyzing the pros and cons of a language #language#reference
- bliki: CQRS Command Query Responsibility Segregation #architecture#reference
- Projectbook Project ideas with specifications, mock-ups, and assets for learning any programming language #reference#inspiration
- Feather open source iconset #icon#resource
- Lose the Very replace very + any word with a more eloquent word #tool#content#writing
- Low Earth Orbit Visualization #tool
- They Called It LISP for a Reason: List Processing recursive data structure and algorithms #functional#language
- Using a Framework will harm the maintenance of your software #opinion#maintenance#methodology#framework
- A tiling window manager for Windows #rust#productivity#tool
- How Brian Eno Created "Ambient 1: Music For Airports" #audio#gooddesign#synth
- Canary in the Photo Mine Open source Google photo and cloud storage alternatives #selfhosted#storage#sync#backup#photo
- Thinking on ways to solve TOOLTIPS directional animation, reduced motion, keyboard focus #pattern#tooltip#hover#a11y
- iced-rs/iced A cross-platform GUI library for Rust, inspired by Elm, used by Pop OS #library#rust
- The Elm Architecture design pattern for highly interactive UI application #functional#reference#gooddesign
- valinet/ExplorerPatcher Improved Windows 11 task bar #tool#productivity
- How to Safely Share Your Email Address on a Website Prevent bot and spam but allow user to get email #pattern#email#form
- antfu/retypewriter Record, replay, and revise coding steps with diff editor #productivity#tool#editor#vscode#extension
- muted.io Magical Music Theory Tools to Learn Music Online for Free. Good for guitar and piano #tool#reference#audio
- When going somewhere does a thing: on links and buttons On choosing link vs button #pattern#a11y#opinion
- I turned JS into a compiled language from js to wasm and C++ #technique#wasm#tutorial
- Fisher–Yates shuffle #algorithm
- Cloudflare Turnstile Alternative to CAPTCHA #service#privacy#antispam
- Fluid type scale calculator Configure, visualize, and generate code #typography#responsive#tool
- From data to Viz Help decide what visualization to use to the data you have #tool#reference#visualization
- The Data Visualisation Catalogue detailed guide on how and when to use each type of visualization #guide#reference#visualization
- Castopod open-source podcast hosting with community and social features #library#platform#podcast
- shoelace-style/shoelace Cross-platform UI components built with lit #library#webcomponent#pattern
- Nature 150 Interactive Visualize 150 years of citation network #gooddesign#visualization#knowledgebase
- snaplet/postgres-wasm: Linux VM and PostgresQL server running in your browser using Web Assembly, #database#wasm
- Doug Engelbart Institute Insights for building revolutionary technology that augments collective intelligence #history#reference
- Timeline of Computer History Visual stories by Computer History Museum #reference#history
- chromium/badssl.com Comprehensive list of SSL configs hosted in real sites for client testing. #security#tool#network
- Making Disabled Buttons More Inclusive #button#disabled#pattern
- HTML attribute: autocomplete List of supported autocomplete values #autocomplete#reference#form#pattern
- Enhance for full stack html and javascript apps #framework#progressive#serverless
- A decision tree for choosing form input #form#pattern#guide#radio#checkbox#toggle#tab
- Digital Journalism Style Guide of Inclusive Language Considering class, disability, Gender, Mental health, and Race #content#reference
- 58 bytes of css to look great nearly everywhere Minimal stylesheet for Content heavy HTML pages, without reset or normalize #technique#performance
- pdfgrep Search into PDF files #cli#tool#searchengine
- Starter Story Database for startups, with good search and filter #tool#reference#businessstrategy#startup
- Game UI Database great for UI design #reference
- JSCheck Randomized property-based testing for javascript, inspired by Haskell QuickCheck #test#library#functional
- gcanti/fp-ts fully typed FP library #functional#library
- Purify Functional programming library for TypeScript with focus on data types #library#functional
- Visual product comparison For PC, Laptop, SSD, Camera, Monitor #gooddesign#tool
- Statistics Estonia Good search UX #inspiration#searchengine#gooddesign
- rclone data sync for cloud storage #library#tool#distributed#storage
- Typesense In memory full text search #library#searchengine#selfhosted
- hanzala123/arch2appimage Python script that converts arch linux package to appimage #linux#tool#production
- Wilfred/difftastic a structural diff that understands syntax #algorithm#library#editor
- Cyclic.sh full stack hosting for hobby project #service#cicd#free
- Congress.gov API Query bills, amendments, members, committees, treaties #api#resource
- Kamby Language ergonomic lisp in 400 LOC #language#compiler
- Goodbye, useEffect: David Khourshid effects below in even handler, below in state management, separate from rendering #opinion
- Checklist Design A collection of the best design practices, with links to evidence articles #reference#resource#pattern#guide
- Gotenberg Docker image that converts any document to PDF #library#tool
- WikiHouse Modular design systems for house #inspiration#gooddesign#designsystem
- fantasyland/fantasy-land Specification for interoperability of common algebraic structures in JavaScript #reference#functional#language
- maps.earth open source maps for everyone #library#map
- TIOBE Index Overall assessment of programming languages usage and usability #reference
- jaspervdj/hakyll A static website compiler library in Haskell #library#jamstack
- Why ContentEditable is Terrible medium engineering blob on text editor design #wysiwyg#reference
- Why your website should be under 14kb tcp package size consideration #performance#network
- CompVis/stable-diffusion Open-source alternative to DALL-E 2 #deeplearning#generative#library
- Attention and Augmented Recurrent Neural Networks interactive #visualization#deeplearning#beginner#gooddesign
- ImageMagick/ImageMagick programmatic image editing #library#tool#image
- google/sentencepiece: Unsupervised text tokenizer for Neural Network-based text generation. for non-english tokenization #library
- subconsciousnetwork/subtext: Markup for note taking reduced from markdown #language
- Pyxel Edit: pixel art and tileset creation tool #pixelart#tool
- AI Weirdness Funny results when AI training when wrong, joke on AI #deeplearning
- Latency Numbers Every Programmer Should Know for estimation of algorithm performance #reference#performance
- donjon; RPG Tools generate map, name, and other gaming assets #tool#gamedev
- Polygon map generator #tool#gamedev
- quantleaf/probly-search In memory full-text search library written in Rust that provides full control over the scoring calculations #searchengine#library#wasm
- Zellij Terminal workspace with panels and multiplexer, replacement for tmux #tui#terminal#tool#productivity
- radix-ui/primitives An open-source UI component library for building high-quality, accessible design systems and web apps #pattern#library
- You Don’t Need A UI Framework Utility first approach to frontend engineering with headless frontend libraries #library#pattern#a11y#opinion
- Open Cognition Project (OpenCog) for solving Artificial General Intelligence #ai
- Zazow Algorithmic Generative Art showcase and hosting #generative#art#reference#inspiration
- LibreSprite/LibreSprite Animated sprite editor & pixel art tool based on Aseprite #pixelart#tool#free
- Pixilart Online pixel art creation #tool#pixelart#gamedev
- Aseprite Pixel art and sprite animation #tool#gamedev
- MathisBullinger/froebel A strictly typed utility library. lodash alternative. #functional#library
- Matrix Multiplication Visualization #beginner#gooddesign#machinelearning
- Gradio UI toolkit for ML apps #library#machinelearning
- Gradio + HuggingFace Spaces ML service deployment #tutorial#beginner
- ramda/ramda: Practical functional Javascript #library
- Function.prototype.length - JavaScript Get number of parameters defined in a function, used for auto-currying #language#technique#functional
- damianavila/RISE: RISE: "Live" Reveal.js Jupyter/IPython Slideshow Extension Turn Jupyter notebook into slide presentation #library#tool
- rwightman/pytorch-image-models: PyTorch image models, scripts, pretrained weights integrated in fast.ai #resource#deeplearning
- My HCI toolbox: Methods for designing and evaluating UIs A Microsoft PM's personal playbook for UX research #uxresearch#guide#hci
- aidenybai/million-react Fast virtual DOM for React using Pre-compilation #library#performance#dom
- tabler/tabler Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap #designsystem#visualization#library
- Clipboard Inspector inspect all formats within the clipboard #tool#debug
- bokeh/bokeh Interactive Data Visualization in the browser, from Python. Replacement for D3 #library#visualization
- Subheadings, subtitles, alternative titles and taglines in HTML Practical solution to semantic subtitle and subheading using hgroup #a11y#technique
- carbon-language/carbon-lang C++ improved #language#compiler
- Levels.fyi Crowd sourced compensation and career ladder comparison #career#tool#interview
- jawerty/myAlgorithm A self hosted recommendation feed generated from your browsing habits, with LDA model #extension#selfhosted
- Lofi.co Lofi streaming from custom browser tab #tool#productivity
- stedolan/jq Command-line JSON processor #cli#tool
- Speak Human Generate friendly message for UI copy and messaging #content#tool
- UX Core Large database for UX patterns, cognitive biases, heuristics, psychological effects #reference#pattern#psychology
- Memory Management Reference with diagram and glossary list #reference#systemprogramming
- hemanth/functional-programming-jargon Jargon from the functional programming world in simple terms #reference#language
- Hey Underscore, You're Doing It Wrong! API design for better composition #functional
- An event for CSS position:sticky Build sticky header stack #technique#tutorial
- Jarred-Sumner/bun alternative javascript runtime to node and deno, optimized for edge function #language#performance
- Building tabs in Web Components elegantly handle overflow and keyboard #pattern#tab#a11y#webcomponent#tutorial
- Human Eyes Only prevent machine readability on PDF #tool#security
- Defensive CSS improve edge case handling and error recovery #pattern#progressive
- tsl0922/ttyd Share local terminal over the web #tui#tool#collaboration
- Common Crawl open source web crawling project #searchengine#resource
- How to Build a Low-tech Website? Static host, Dithered image, No logo and default font #performance#indieweb#selfhosted
- utterances Use github issue tracker as comment service #community#chat#collaboration#service
- Single Element Loaders: Going 3D! 3D cube and progress bar in plain CSS #3d#technique#progress
- keeweb/favicon-proxy: CORS-enabled favicon proxy Render favicon from other hosts #service#favicon
- LeaVerou/color.js: Color conversion & manipulation library by the editors of the CSS Color specifications #library#color
- The really important job interview questions engineers should ask (but don't) #career#startup#jobsatisfaction#guide#interview
- n3r4zzurr0/svg-spinners #resource#animation#progress
- kochrt/markwhen Make a cascading timeline from markdown-like text #library#markdown#visualization
- Building forms with custom elements review of browser support, and polyfill #form#technique#a11y#webcomponent
- A look at search engines with their own indexes comparison across search engine APIs and services #searchengine#comparison#reference
- Search My Site Open source search engine and search as a service for personal and independent websites. #searchengine#saas#indieweb
- Microsoft Donated Money to GNOME: Let's Remember How They Attacked Open Source Before With a brief history of software licensing legal cases #reference#opinion
- 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 dependency-free JavaScript utilities that do just one thing. #functional#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
notto 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
wrbelement 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
importhandlerequire#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-showselector #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
tableelement #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 contrast 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: blockon<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
Similar repos
Contributors
chuanqisun
1,461 commits