Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/chuanqisun/memo

A personal knowledge base, a Today I Learned (TIL) journal, A Second brain. Automated with osmos::memo
https://github.com/chuanqisun/memo
digitalgarden foam knowledgebase roam til wiki zettelkasten
Last synced: 2 days ago
JSON representation
A personal knowledge base, a Today I Learned (TIL) journal, A Second brain. Automated with osmos::memo
Host: GitHub
URL: https://github.com/chuanqisun/memo
Owner: chuanqisun
License: mit
Created: 2018-08-13T19:45:33.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2024-10-22T18:07:14.000Z (21 days ago)
Last Synced: 2024-10-23T19:39:37.435Z (20 days ago)
Topics: digitalgarden, foam, knowledgebase, roam, til, wiki, zettelkasten
Homepage: https://osmoscraft.org
Size: 5.25 MB
Stars: 44
Watchers: 4
Forks: 5
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

jimsghstars - chuanqisun/memo - A personal knowledge base, a Today I Learned (TIL) journal, A Second brain. Automated with osmos::memo (Others)
README

        - [Hyprland: Dynamic tiling window compositor with the looks](https://hyprland.org/) for wayland #linux#ricing

- [uifonts.app](https://www.uifonts.app/) test and preview font pairing live #tool#typography

- [vadimdemedes/ink](https://github.com/vadimdemedes/ink) react for interactive cli apps #cli#library

- [eshaz/wasm-audio-decoders](https://github.com/eshaz/wasm-audio-decoders) #audio#library

- [Lucide Icons](https://lucide.dev/) beautiful and consistent #icon#resource#free

- [Tables with Fixed Headers and Horizontal Scroll](https://www.taniarascia.com/horizontal-scroll-fixed-headers-table/) #pattern#table#technique

- [Drag to Select](https://www.joshuawootonn.com/react-drag-to-select) implementation in react #pattern#technique

- [How to compose JavaScript functions that take multiple parameters](https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide/) compose of react state hooks #functional#technique

- [domferr/tilingshell](https://github.com/domferr/tilingshell) tiling window manager for gnome #linux

- [How to Build Anything Extremely Quickly](https://learnhowtolearn.org/how-to-build-extremely-quickly/) hierarchical outline progressive enhancement #technique#knowledgebase#philosophy

- [OpenWebTorrent](https://openwebtorrent.com/) An open webtorrent tracker project for seeding p2p file sharing #service#free#p2p

- [webtorrent/webtorrent](https://github.com/webtorrent/webtorrent)  file sharing in the browser with any tracker service #technique#network#library#p2p

- [chr15m/slingcode](https://github.com/chr15m/slingcode) Single HTML js VM for personal apps #vm#browser

- [Now in Baseline: animating entry effects](https://web.dev/blog/baseline-entry-animations) starting styles query allow animation entry effects without javascript #technique#animation

- [Unlocking the Power of JSON Patch](https://zuplo.com/blog/2024/10/10/unlocking-the-power-of-json-patch) for incremental update of structured data #standard#language#llm

- [nhh/zero](https://github.com/nhh/zero) Use jsx to output plain dom nodes #technique#compiler

- [Grainy Gradients](https://css-tricks.com/grainy-gradients/) with computed noise #technique#visualeffect#svg

- [rsms/scripter](https://github.com/rsms/scripter) figma scripting vm #technique#language

- [CSS for JavaScript Developers](https://css-for-js.dev/) highly rated online course for web dev #course#tutorial#beginner

- [Textualize/toolong](https://github.com/Textualize/toolong) visually appealing log file viewer/explorer/search #gooddesig#tui#cli#tool

- [Gosub Web Browser Engine](https://gosub.io/) Rust based modular browser making project #browser

- [HadrienGardeur/web-speech-recommended-voices](https://github.com/HadrienGardeur/web-speech-recommended-voices) list of high quality voices from browser native api #speech#reference

- [highlight note in github markdown](https://github.com/orgs/community/discussions/16925) #technique#plaintext

- [honojs/hono](https://github.com/honojs/hono) web standards based js server  #framework#fullstack

- [mrmierzejewski/hugo-theme-console](https://github.com/mrmierzejewski/hugo-theme-console) console inspired blog theme #gooddesign#tui

- [Plain Vanilla](https://plainvanillaweb.com/index.html) Use plain HTML, CSS, and JavaScript towards production #webcomponent#beginner#reference#technique

- [Rombo](https://rombo.co/tailwind/) noise effect with SVG #gooddesign

- [Jen Kramer: HTML, CSS, No-Code, Teaching Tips | Substack](https://jen4web.substack.com/) 30 days of HTML and 15 days of CSS #beginner#tutorial#html

- [The Copenhagen Book](https://thecopenhagenbook.com/) guideline for auth in web apps #auth#guide#reference

- [muxinc/media-chrome](https://github.com/muxinc/media-chrome) #audio#video#webcomponent#library

- [Shopify/draggable](https://github.com/Shopify/draggable) #library#dragndrop

- [TahaSh/swapy](https://github.com/TahaSh/swapy) for vanilla js #library#dragndrop

- [OpenFreeMap](https://openfreemap.org/) #map#library#selfhosted

- [An Interesting HTML Parser Conundrum](https://dbushell.com/2024/10/01/html-parser-conundrum/) Closing tag in inline javascript will be parsed #html#browser

- [APL Fonts and Keyboards](https://www.dyalog.com/apl-font-keyboard.htm) #typography#free

- [Easing Graphs](https://www.easing.dev/) css animation timing function #tool#animation

- [Best Free Fonts](https://bestfreefonts.com/) #free#resource#typography

- [How streaming LLM APIs work](https://til.simonwillison.net/llms/streaming-llm-apis) correct handling with multi-byte character decoding #technique#llm

- [The Annotated Hacker Test](https://www.datagubbe.se/hackertest/) Culture background for the original hackers #reference#tool

- [CSS Triggers](https://css-triggers.com/) How css property triggers Layout, Paint, Composite in browsers #reference#performance#browser

- [Simple Icons](https://simpleicons.org) for popular brands #resource#svg#logo

- [Atkinson Hyperlegible Font - Braille Institute](https://www.brailleinstitute.org/freefont/) readable, legible font #typography#free

- [Rendering Markdown with the GitHub Markdown API](https://til.simonwillison.net/markdown/github-markdown-api) #technique#api

- [Vanilla JSX](https://vanillajsx.com/) proof of concept of using JSX to render regular DOM elements #demo#library#framework

- [Server Mono](https://servermono.com/) monospace typeface interfaced by typewriters #typography#resource#free

- [Declarative Shadow DOM](https://web.dev/articles/declarative-shadow-dom) server side render html template #webcomponent#technique#tutorial

- [The Monospace Web](https://owickstrom.github.io/the-monospace-web/) Emulate text interface with CSS #designsystem#tui#gooddesign#responsive

- [Eraser](https://www.eraser.io/)  Docs and Diagrams for Engineering Teams #service#diagram#tool

- [Scroll-driven Animations](https://scroll-driven-animations.style/) #demo#technique#animation

- [How not to use box shadows](https://dgerrells.com/blog/how-not-to-use-box-shadows) Ray tracing implemented in CSS shadows #performance#graphics#experiment

- [Wordware](https://www.wordware.ai/) Notion-like interactive notebook for AI task flows #notebook#llm#tool

- [Semantic Chunking with RegExp](https://x.com/JinaAI_/status/1823756993108304135) #technique#llm

- [CanadaHonk/porffor](https://github.com/CanadaHonk/porffor) Compile JavaScript to wasm #compiler#language#performance#vm#library

- [A virtual DOM in 200 lines of JavaScript](https://lazamar.github.io/virtual-dom/) with diffing render #tutorial#technique#library

- [Will Figma become an awkward middle ground?](https://www.dive.club/ideas/will-figma-become-an-awkward-middle-ground) AI making coding prototype faster than vector prototype #hypothesis#opinion

- [drizzle-team/drizzle-orm](https://github.com/drizzle-team/drizzle-orm) prisma alternative with runtime typescript schema #database#devexperience

- [Handy Arrows](https://handyarrows.com/) sketch handdrawing style #svg#resource#illustration

- [Zoom, zoom, and zoom](https://www.oddbird.net/2024/07/09/zoomies/) CSS zooming, scaling #technique

- [SendWithSES/Drag-and-Drop-Email-Designer](https://github.com/SendWithSES/Drag-and-Drop-Email-Designer) Build HTML in browser #tool#email

- [Hyperlinks in Terminal Emulators](https://gist.github.com/egmontkob/eb114294efbcd5adb1944c9f3cb5feda) Display clickable hyperlink in terminal emulators #technique#cli

- [leaningtech/webvm](https://github.com/leaningtech/webvm) Linux emulation in browser #os#linux#wasm

- [how fast is javascript simulating 20 000 000 particles](https://dgerrells.com/blog/how-fast-is-javascript-simulating-20-000-000-particles) with shared array buffer #performance#technique

- [saulpw/visidata](https://github.com/saulpw/visidata) data visualization in command line for any input format #tool#cli#tui#visualization#table

- [An Experienced (Neo)Vimmer's Workflow](https://seniormars.com/posts/neovim-workflow/) #tutorial#reference#dotfile#editor

- [Link Lock](https://jstrieb.github.io/link-lock/create/) URL Embedded self encryption #tool#url

- [WerWolv/ImHex](https://github.com/WerWolv/ImHex) Hex editor for reverse engineering #tool#editor

- [shikijs/shiki](https://github.com/shikijs/shiki) syntax highlight html generator #library

- [pwr-Solaar/Solaar](https://github.com/pwr-Solaar/Solaar) Logitech drivers for linux #tool#linux

- [What We’ve Learned From A Year of Building with LLMs](https://applied-llms.org/) tactical, operational, and strategy #guide#prompt#llm#technique#reference

- [Maneken](https://maneken.app/pricing) product mockup image generator #tool#marketing

- [frectonz/sqlite-studio](https://github.com/frectonz/sqlite-studio) data viewer and query editor #tool#database

- [mixmark-io/turndown](https://github.com/mixmark-io/turndown) versatile converter supporting multiple formats #library#conversion#html#markdown

- [Fine-tuning Text Inputs](https://garrettdimon.com/journal/posts/fine-tuning-text-inputs) spellcheck autofocus autocapitalize autocomplete and autocorrect #form#input#text

- [oimo.io](https://oimo.io/works) high performance simulation and VFX #webgl#demo#gpu

- [partykit/partykit](https://github.com/partykit/partykit) #realtime#collaboration#library

- [ASCII Silhouettify](https://meatfighter.com/ascii-silhouettify/) Convert image to ASCII art in browser #tool#cli

- [Ice](https://icemenubar.app/) Menu Bar Manager with easy customization #gooddesign#nativeapp#free

- [Nokja Original 3310 Cellphone Font Reproduction](https://webdraft.hu/fonts/nokja-original/) LCD dot matrix display #typography#free#resource

- [rough-stuff/rough](https://github.com/rough-stuff/rough) Sketch style graphics in browser #svg#visualization#library

- [UI Density](https://matthewstrom.com/writing/ui-density/) Deep analysis on spatial and temporal density in UI #reference#visualization

- [HigherOrderCO/Bend](https://github.com/HigherOrderCO/Bend) A massively parallel, high-level programming language #performance#rust#language#functional

- [InboxPurge](https://inboxpurge.com/) Bulk Gmail clean up and unsubscribe #tool#email

- [Exploring Hacker News by mapping and analyzing 40 million posts and comments for fun ](https://blog.wilsonl.in/hackerverse/) UMAP dimension reduction on embeddings #visualization#technique

- [rjmacarthy/twinny](https://github.com/rjmacarthy/twinny) open source alternative to github copilot #tool#devexperience#llm#selfhosted

- [magicbookproject/magicbook](https://github.com/magicbookproject/magicbook) publishing html books authored in html #publishing#print#authoring

- [abi/secret-llama](https://github.com/abi/secret-llama) In browser LLM chat experience #llm#chat

- [Teranoptia](https://www.tunera.xyz/fonts/teranoptia/) Medieval chimeric fonts #typography#gooddesign

- [Reading QR codes without a computer](https://qr.blinry.org/) understanding QR code system design #explanation#reference

- [biomejs/biome](https://github.com/biomejs/biome) alternative to prettier and eslint with better performance #devexperience#tool#language

- [WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport](https://rxdb.info/articles/websockets-sse-polling-webrtc-webtransport.html) Comparison of server to client communication #technique#reference#realtime

- [Microservices Crash Course](https://www.youtube.com/watch?v=fEDT4lWWe9g) Pros and Cons of microservice #course#reference#architecture

- [Hybrid Logical Clock (HLC)](https://sergeiturukin.com/2017/06/26/hybrid-logical-clocks.html) for distributed systems event ordering #algorithm#sync

- [WebReflection/linkedom](https://github.com/WebReflection/linkedom) Alternative to JSDOM with optimal API for server side processing #library#dom#scraping

- [Hardest Problem in Computer Science: Centering Things](https://tonsky.me/blog/centering/) #technique#typography#icon#casestudy

- [magick.css](https://css.winterveil.net) classless minimalist css framework #component#library

- [Memories](https://memories.gallery/) Open source alternative to Google Photos #tool#selfhosted

- [Eclipsetracks.org](https://eclipsetracks.org/) Interactive Solar Eclipses with CesiumJS #tool#3d#visualization

- [ynqa/jnv](https://github.com/ynqa/jnv) interactive json query and exploration #tool#gooddesign#cli

- [Using Intl.RelativeTimeFormat for Localized Relative Timings](https://www.raymondcamden.com/2024/03/07/using-intlrelativetimeformat-for-localized-relative-timings) #technique#datetime#tutorial

- [requestSubmit](https://www.raymondcamden.com/2024/03/01/til-submit-versus-requestsubmit) trigger browser built-in form validation before submit #technique#form#validation

- [CSS for printing to paper](https://voussoir.net/writing/css_for_printing) with size preference #technique#print

- [Nordic Names](https://www.nordicnames.de/wiki/Main_Page) #reference#tool

- [SDXL Lightning](https://fastsdxl.ai/) Real-time image generation #generative#ai#tool

- [gptscript-ai/gptscript](https://github.com/gptscript-ai/gptscript) natural language programming with LLM agents #language#generative#llm

- [The Shape of AI](https://www.shapeof.ai/) #pattern#ai#guide

- [wxt-dev/wxt](https://github.com/wxt-dev/wxt) #browser#extension#framework

- [Writing a scheduler for Linux in Rust that runs in user-space](http://arighi.blogspot.com/2024/02/writing-scheduler-for-linux-in-rust.html) #linux#scheduler#rust#performance

- [Data Structure Visualization](https://www.cs.usfca.edu/~galles/visualization/Algorithms.html) #algorithm#reference

- [UI is a function of states](https://daverupert.com/2024/02/ui-states/) Extensive analysis on the source of states #reference

- [github-linguist/linguist](https://github.com/github-linguist/linguist) GitHub's programming language detection #library#language#nlp

- [Command Line Interface Guidelines](https://clig.dev/#foreword) #guide#reference#cli

- [See-the-Forest](http://www.see-the-forest.com/G4/Main.act) Citation graph visualization for US patents #tool#startup#businessstrategy#reference

- [Origami Simulator](https://origamisimulator.org/) #tool#gooddesign#physics

- [Rust Design Patterns](https://rust-unofficial.github.io/patterns/intro.html) idiomatic rust design pattern #guide#reference#rust

- [JMBeresford/webgpu-kit](https://github.com/JMBeresford/webgpu-kit) low level abstractions in typescript #library#graphics#webgpu

- [Inigo Quilez](https://iquilezles.org) Rendering techniques, SDF, Raytracing, Raymarching, Noise, Texture, Light, Math #reference#graphics#webgl

- [ktock/container2wasm](https://github.com/ktock/container2wasm) run docker container in browser via CPU emulation #technique#wasm#container#library

- [Click Spark](https://ryanmulligan.dev/blog/click-spark/) mouse click visual feedback #visualeffect#animation#gooddesign

- [google/comprehensive-rust](https://github.com/google/comprehensive-rust) Rust training material used by Google #tutorial#beginner#rust

- [currentslab/awesome-vector-search](https://github.com/currentslab/awesome-vector-search) list of vector databases for search and embedding storage #database#llm#library#searchengine

- [Portfolio Visualizer](https://www.portfoliovisualizer.com) Sharpe curve and efficient frontier visualizer #tool#investment

- [Introduction to Computational Finance and Financial Econometrics with R](https://bookdown.org/compfinezbook/introcompfinr/) #reference#investment#finance#beginner

- [demoscene programming](https://www.youtube.com/playlist?list=PLRQwR4-_0PR9HBI_GZs1nTn7q5LTkGeCN) Short interviews and demos with computer graphics artists #inspiration

- [Foundations of Vector Retrieval](https://arxiv.org/abs/2401.09350) for working with embeddings and high dimensional vectors #technique#reference#machinelearning#llm

- [Collision Detection](https://www.jeffreythompson.org/collision-detection/table_of_contents.php) #algorithm#reference#gamedev

- [Pikimov](https://pikimov.com/) local web based video editor replacing after effect #tool#video#wasm

- [Picyard](https://www.picyard.in/) for product screenshot with text and QR layers #mock#tool#marketing

- [Fontpair](https://www.fontpair.co/) font pairing and preview #typography#tool

- [Fontpair](https://www.fontpair.co/) font pairing and preview #typography#tool

- [PeepsLab](https://peepslab.com/) Avatar generator #tool#gooddesign#gamedev#generative

- [SVG Chart Generator](https://www.magicpattern.design/tools/svg-chart-generator) #illustration#mock#svg#tool

- [Free Icons](https://free-icons.github.io/free-icons) collection of product brand svgs #icon#resource#free

- [hattipjs/hattip](https://github.com/hattipjs/hattip) Express.js alternative for multiple javascript runtimes #framework#serverless

- [Draggable objects](https://www.redblobgames.com/making-of/draggable/) #technique#touch#dragndrop

- [Penrose](https://penrose.cs.cmu.edu/) Declarative domain agnostic data visualization programming #visualization#language#gooddesign

- [TrueUp](https://www.trueup.io/) Database for tech jobs #career#jobhunting#tool

- [DevDocs](https://devdocs.io/) Offline documentation for languages and library #reference#documentation#tool

- [Catlike Coding](https://catlikecoding.com/) Unity and Godot #tutorial#gamedev#technique#procedural

- [Shadertoy BETA](https://www.shadertoy.com/) Library of shader effects #graphics#shader#resource

- [Box2D](https://box2d.org/) Physics engine for games, used by Angry Birds #gamedev#simulation#physics

- [mikbry/awesome-webgpu](https://github.com/mikbry/awesome-webgpu) List of learning resources #resource#graphics#webgpu

- [Freesound](https://freesound.org/) #audio#resource#gamedev

- [Joys of Small Game Development](https://abagames.github.io/joys-of-small-game-development-en/) techniques, principles, AI tools #reference#tutorial#tool#generative

- [Bfxr](https://www.bfxr.net/) Random sound generator for games #tool#gamedev#audio

- [Fix My Blinds](https://fixmyblinds.com/) Database for parts used in blind repair #reference

- [Better Seater](https://seater.steam-oven.net/) wedding seat planning to gather friends and separate enemies #tool

- [Thinking on ways to solve PICKLISTS](https://www.youtube.com/watch?v=d2O-8n-UnrI) choice group implementation #component#radio#tutorial

- [LLM Powered Autonomous Agents](https://lilianweng.github.io/posts/2023-06-23-agent/) Blueprint for Agents with planning, memory, and tool use #explanation#reference

- [Prompt Engineering Guide](https://learnprompting.org/docs/intro) #beginner#llm

- [Monaspace](https://monaspace.githubnext.com/) Typeface optimized for code by GitHub #typography#resource

- [Globe Engineer](https://github.com/Globe-Engineer) Applied AI with experiments and demos on human-ai interactions #demo#inspiration#llm

- [pheralb/svgl](https://github.com/pheralb/svgl) logos of popular software products #resource#logo#svg

- [The Art of HPC](https://theartofhpc.com/) textbook for high performance scientific computing #course#resource

- [google/re2](https://github.com/google/re2) high performance regular expression engine used by google #algorithm#library#searchengine

- [How Figma’s multiplayer technology works](https://www.figma.com/blog/how-figmas-multiplayer-technology-works/) Fractional indexing #technique#realtime#collaboration#algorithm

- [TS Docs](https://tsdocs.dev/) TypeScript document for any npm packages #typescript#tool#documentation

- [Aileron](https://dotcolon.net/font/aileron/) Font for web and print #typography#free

- [The UX of HTML](https://www.htmhell.dev/adventcalendar/2023/1/) Teaching HTML semantics from a UX lens #philosophy#a11y

- [Causal Trees](https://www.farley.ai/posts/causal) text input as example with CRDT #algorithm#explanation#sync

- [threestudio-project/threestudio](https://github.com/threestudio-project/threestudio) generate 3D from image and text #library#generative#machinelearning#tool

- [I tried making Zelda The Wind Waker in JavaScript in 2 months](https://www.youtube.com/watch?v=IyAOCwUWkNE) Display ocean surface with custom shader, texture, model #gamedev#tutorial

- [VikParuchuri/marker](https://github.com/VikParuchuri/marker) Convert PDF, EPUB, MODI to Markdown, with auto OCR #conversion#library#tool#machinelearning

- [67 Weird Debugging Tricks Your Browser Doesn't Want You to Know](https://alan.norbauer.com/articles/browser-debugging-tricks) Advanced debugging techniques in Chrome browsers #technique#debug#browser

- [ratatui-org/ratatui](https://github.com/ratatui-org/ratatui) build performant TUI apps #cli#tui#rust#library

- [kellyjonbrazil/jc](https://github.com/kellyjonbrazil/jc) Convert UNIX command line tool output to JSON for parsing #tool#conversion#cli

- [Let’s learn how modern JavaScript frameworks work by building one](https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/) Building reactive frontend with template literal #tutorial#framework#react#dom

- [MagicaVoxel](https://ephtracy.github.io/index.html?page=mv_main) Voxel drawing #tool#cgi#gamedev

- [rkk3/ad-accelerator](https://github.com/rkk3/ad-accelerator) Speed up YouTube ad instead of blocking it #tool

- [pyglide](https://codeberg.org/jrm-omg/pyglide) python package that converts markdown to html slideshow #tool#conversion

- [Vectorizer.AI](https://vectorizer.ai/pricing) Convert raster image to vector svg #conversion#tool#image

- [Thinking on ways to solve PICKLISTS](https://www.youtube.com/watch?v=d2O-8n-UnrI&list=WL&index=5&t=29s) #technique#radio#checkbox#tag#form#pattern

- [Fast and Portable Llama2 Inference on the Heterogeneous Edge](https://www.secondstate.io/articles/fast-llm-inference/) #rust#llm#tutorial#performance

- [Bulletpapers](https://www.bulletpapers.ai/) Understand complex papers easily with LLM summary, conceptual exploration, stunning AI generated art #llm#gooddesign#knowledgebase#service#searchengine

- [Spain lives in flats: why we have built our cities vertically](https://especiales.eldiario.es/spain-lives-in-flats/) interactive infographics project for urbanism #visualization#inspiration#gooddesign

- [Unpacking some Rust ergonomics: getting a single Result from an iterator of them](https://ntietz.com/blog/rust-vec-of-result/) #technique#rust

- [The proper design process in web development](https://unixsheikh.com/articles/the-proper-design-process-in-web-development.html) #opinion

- [ruffle-rs/ruffle](https://github.com/ruffle-rs/ruffle) Flash player emulator in Rust #tool#animation#library

- [Vectorpea](https://www.vectorpea.com/) Online Vector Editor with Figma, Adobe, and PDF support #tool#image

- [AI for Web Devs: Faster Responses with HTTP Streaming](https://austingil.com/ai-for-web-devs-streaming/) #tutorial#technique#performance#chat#llm

- [asciinema](https://asciinema.org/) terminal session record and share #tool#cli

- [Matter.js](http://brm.io/matter-js/) 2D physics engine for browser games #gamedev#library#simulation

- [A free and open source map of the world](https://protomaps.com/) Single static file based progressive rendered #map#performance#jamstack

- [The Negative Impact of Mobile-First Web Design on Desktop](https://www.nngroup.com/articles/content-dispersion/) density and content dispersion problem #uxresearch

- [Textpattern CMS](https://textpattern.com/) WordPress alternative #free#selfhosted#cms

- [Animated knots](https://www.animatedknots.com/) Knots tutorial for climbing, boating, fishing #reference#tutorial

- [So you want to write a GUI framework](http://www.cmyr.net/blog/gui-framework-ingredients.html) Complexity of GUI framework programming #os#introduction#reference

- [netbootxyz/netboot.xyz](https://github.com/netbootxyz/netboot.xyz) Network boot into any Linux OS #tool#os

- [Ventoy](https://www.ventoy.net/en/index.html) USB bootloader for multiple OS images #tool#os

- [Medicat](https://medicatusb.com/) Computer Diagnostic and Recovery Toolkit, booting, partition, diagnosis, backup recovery #tool#password#os

- [SpiderMonkey](https://spidermonkey.dev/) Embedded JavasSript engine in Firefox and Servo browsers #browser#language#repl

- [ChimeraOS](https://chimeraos.org) Turn PC into gaming console #os#gaming#selfhosted#free

- [Death by a thousand microservices](https://renegadeotter.com/2023/09/10/death-by-a-thousand-microservices.html) Case against Microsoft service #opinion#architecture

- [CloudCannon/pagefind](https://github.com/CloudCannon/pagefind) Static low-bandwidth search at scale, works with static site generators #searchengine#library#jamstack#wasm#performance

- [Effect-TS/effect](https://github.com/Effect-TS/effect) concurrent, composable, functional, async programming in typescript, compare to rxjs #library#functional

- [shadow](https://goose.icu/introducing-shadow/) A browser entirely written in javascript #browser#wasm

- [AndrewWalsh/openapi-devtools](https://github.com/AndrewWalsh/openapi-devtools) API schema discovery by observed network requests #extension#tool#api#scraping

- [We have used too many levels of abstractions and now the future looks bleak](https://unixsheikh.com/articles/we-have-used-too-many-levels-of-abstractions-and-now-the-future-looks-bleak.html) A case against framework-specialized developers #opinion

- [Avatar as a service](https://obem.be/2023/10/08/avatars.html) gravatar, unavatar, vervel, tiley, boring avatar #avatar#service#reference

- [Chrome Music Lab](https://musiclab.chromeexperiments.com/spectrogram) real time spectrogram visualization with 3d and heat map #tool#audio#visualization

- [Variable Fonts](https://v-fonts.com/) With dynamic preview and licensing info #typography#resource

- [Wei Ren (Yui) personal website](https://yuiisuniquegenius.myportfolio.com/truth) #art#gamedev#inspiration

- [stateful/runme](https://github.com/stateful/runme) Execute commands inside your runbooks, docs. Interactive and literate programming extension to vscode #notebook#repl

- [Learn to Read Korean in 5 Minutes](https://www.youtube.com/watch?v=TE4eplsFSms) #resource#mnemonics

- [radio-browser.info](https://www.radio-browser.info/) Open source crowd sourced internet radio database with API and apps #radio#api#platform

- [ffmpeg-online](https://ffmpeg-online.vercel.app/?inputOptions=-i&output=output.mp4&outputOptions=) Run ffmpeg encoder with wasm #video#tool#compression

- [shuttle-hq/shuttle](https://github.com/shuttle-hq/shuttle) rust based api hosting for backends without writing any infrastructure files. #rust#platform#free#service

- [twentyhq/twenty](https://github.com/twentyhq/twenty) Building a modern alternative to Salesforce, powered by the community #selfhosted#crm#saas#startup

- [berry-lang/berry](https://github.com/berry-lang/berry) A ultra-lightweight embedded scripting language optimized for microcontrollers. #language

- [ShellCheck](https://www.shellcheck.net) debug lint static analysis for shell scripts #shell#linux#tool#devexperience

- [mifi/lossless-cut](https://github.com/mifi/lossless-cut) Lossless video/audio editing #tool#nativeapp

- [Crafting Self-Evident Code with D](https://dlang.org/blog/2023/10/02/crafting-self-evident-code-with-d/) D language improvement on top of C for better usability #devexperience#language

- [ckolderup/postmarks](https://github.com/ckolderup/postmarks/actions) Tag based personal bookmark manager hosted on glitch #knowledgebase#selfhosted#service#url

- [GNU/Linux Aviation HOWTO](https://tldp.org/HOWTO/Aviation-HOWTO/index.html) Flight training and tools in for open source users #resource

- [Chonky Menu Re-Creation](https://www.nathanmanousos.com/posts/chonky-menu) Prototype of spring loaded hover menu #technique#menu#pattern#prototyping

- [Ron Cobb](https://roncobb.net/index.html) Sci-fi concept artist, with alien, weapon, robot, spaceship design #resource#inspiration#art

- [OpenRA](https://www.openra.net/) Open source rebuild of Red Alert, Command & Conquer, Dune 2000 #gamedev#fun#nativeapp

- [Get favicons from any domain using a hidden google API](https://blog.derlin.ch/get-favicons-from-any-domain-using-a-hidden-google-api) #technique#favicon#scraping

- [`make` as a Static Site Generator](https://www.karl.berlin/static-site.html) with html templating #technique#tool#selfhosted#indieweb#minimalist

- [HTTP Status Dogs](https://httpstatusdogs.com/) fun list of http status codes #reference#beginner

- [Common Terminal Commands](https://gist.github.com/bradtraversy/cc180de0edee05075a6139e42d5f28ce) #reference#cli#beginner

- [clauderic/dnd-kit](https://github.com/clauderic/dnd-kit) Accessible rag & drop toolkit for React #dragndrop#library

- [Fetch download progress with web native Stream API](https://twitter.com/wesbos/status/1688914467864903684) Clone http response stream #technique

- [Exercism](https://exercism.org) Community based programming tutor and learning #service#beginner#resource

- [Make Your Renders Unnecessarily Complicated](https://www.youtube.com/watch?v=YE9rEQAGpLw) Simulate optical lens and film chemistry in blender #gooddesign#inspiration#simulation

- [smolsite](https://smolsite.zip) Generate a URL from zipped site #compression#url#tool

- [Hashify](https://hashify.me) Encode and store Markdown page in URL with Base64 #url#tool#compression

- [Getting from Generative AI to Trustworthy AI: What LLMs might learn from Cyc](/abs/2308.04445) Desiderata for building LLM #llm#knowledgebase#machinelearning#ai

- [How to add syntax highlighting to code as a user types in realtime with vanilla JavaScript](https://gomakethings.com/how-to-add-syntax-highlighting-to-code-as-a-user-types-in-realtime-with-vanilla-javascript/) Prism js overlay above textarea #technique#highlight#editor

- [RFC 3339 vs ISO 8601](https://ijmacd.github.io/rfc3339-iso8601/) Exhaustive documentation on timestamp format #datetime#standard#tool#reference

- [Falsehoods Programmers Believe About Names](https://www.kalzumeus.com/2010/06/17/falsehoods-programmers-believe-about-names/) Handle user names with minimum assumptions #i18n#a11y#opinion

- [Saving Lives](https://www.folklore.org/StoryView.py?project=Macintosh&story=Saving_Lives.txt&sortOrder=Sort+.) Measure the impact by user's lifetime saved #performance#opinion#philosophy

- [Just normal web things](https://heather-buchel.com/blog/2023/07/just-normal-web-things/) url, zoom, and history handling on the web #a11y#opinion

- [Internet Speed Test by Cloudflare](https://speed.cloudflare.com/) #tool#network

- [Transhumans](https://www.transhumans.xyz/) Open Source Punk Sci-Fi Art Collection by Pablo Stanley #illustration#resource#free

- [Role Of Algorithms](https://matklad.github.io/2023/08/13/role-of-algorithms.html) List of algorithms for software engineering, including string search, sort, dynamic programming, tree, FSM and regex #algorithm#reference

- [normal-computing/outlines](https://github.com/normal-computing/outlines) Syntax grammar guided text generation #llm#library#python

- [PDF Tool](https://www.pdftool.org/en) split merge rotate PDF offline #tool

- [pawelsalawa/sqlitestudio](https://github.com/pawelsalawa/sqlitestudio) #tool#database

- [Patterns for Building LLM-based Systems & Products](https://eugeneyan.com/writing/llm-patterns/) LLM architecture, design pattern, and theorical basis #reference#pattern#llm

- [beeware/briefcase](https://github.com/beeware/briefcase) Bundle Python project into a standalone native application, alternative to electron #nativeapp#desktop#python#devexperience#tool

- [darkreader/darkreader](https://github.com/darkreader/darkreader) Dark Reader Chrome and Firefox extension with an API #extension#darkmode#library

- [react95-io/React95](https://github.com/react95-io/React95) Windows 95 style UI component library for React, built with styled components #pattern#theming#library#gooddesign

- [FIGlet](http://www.figlet.org/) Text based ASCII art generator for banners #tool#cli#plaintext

- [mark-when/markwhen](https://github.com/mark-when/markwhen) Make a cascading timeline from markdown-like text #markdown#knowledgebase#language#visualization#tool

- [coding-horror/basic-computer-games](https://github.com/coding-horror/basic-computer-games) Modern implementation of "Basic Computer Games" book #reference#gamedev#demo

- [Fantasy Meets Reality](https://cabel.com/2023/07/30/fantasy-meets-reality/) Consider human playfulness and rule breaking #opinion#design

- [Scripting with Go](https://benhoyt.com/writings/gogit/) Implementing basic git repo operation #git#versioning#reference#database#knowledgebase

- [cerebroapp/cerebro](https://github.com/cerebroapp/cerebro) open-source launcher with web search and plugin #ricing#desktop#tool#searchengine#productivity

- [Coding Randomized Zelda Patterns](https://cloudfour.com/thinks/coding-randomized-zelda-patterns/) concentric circles and parallel grooves #technique#canvas#background

- [Michal Zalobny](https://portfolio2023.michalzalobny.com/) Physics based fragment shader animation at 60FPS #animation#visualization#webgpu

- [CSS number ticker](https://twitter.com/argyleink/status/1683897409410334720) per digit with view transition API by Adam Argyle #technique#animation

- [Free Vector Illustrations For Your Projects](https://www.freeillustrations.club/) Human style with Figma source #svg#resource#illustration

- [pubkey/rxdb](https://github.com/pubkey/rxdb) Reactive Database for JavaScript with offline sync and flexible backend #sql#database#library

- [OSA Icon Library](https://www.opensecurityarchitecture.org/cms/library/icon-library) For cyber IT security related concepts #icon#resource#free

- [sysexits](https://man.freebsd.org/cgi/man.cgi?query=sysexits&apropos=0&sektion=0&manpath=FreeBSD+4.3-RELEASE&format=html) UNIX command line program exit code convention #reference#linux#cli#standard

- [Using emoji on the web](https://fullystacked.net/posts/using-emoji-on-the-web/) fix monochrome and missing font issues #emoji#technique#typography

- [eigilnikolajsen/commit-mono](https://github.com/eigilnikolajsen/commit-mono) programming typeface focused on creating a better reading experience. #typography#free#gooddesign

- [Lissy93/web-check](https://github.com/Lissy93/web-check) All-in-one website tool for analyzing any website for its networking and tech stack #tool

- [Pines](https://devdojo.com/pines) Alpine and Tailwind UI Library #pattern#designsystem

- [GradientGenerator](https://ggradient.com/) multi-layer CSS gradient generator #tool

- [microsoft/TypeChat](https://github.com/microsoft/TypeChat) Typescript and JSON based LLM function calling control #llm#chat#library

- [Swordfish90/cool-retro-term](https://github.com/Swordfish90/cool-retro-term) emulate CRT terminal displays #ricing#gooddesign#tool#terminal#cli

- [automerge/automerge](https://github.com/automerge/automerge) A JSON CRDT library for distributed editing and version control #library#rust

- [ShreyaR/guardrails](https://github.com/ShreyaR/guardrails) Adding guardrails to large language models with an XML declarative constraint language #library#llm

- [CSS HD Gradients](https://gradient.style) color picking and gradient visualization for oklch and oklab by Adam Argyle #tool#visualization

- [Linux keymapping with udev hwdb](https://yulistic.gitlab.io/2017/12/linux-keymapping-with-udev-hwdb/) #technique#keyboard

- [jdxcode/rtx](https://github.com/jdxcode/rtx) Runtime Executor for selecting node, python, ruby, and go runtime versions #tool#devexperience#cli

- [wangfenjin/simple](https://github.com/wangfenjin/simple) A SQLite3 fts5 tokenizer which supports Chinese and PinYin #extension#database#searchengine#library

- [Kakoune code editor](http://kakoune.org/) Efficient modal code editing, in the spirit of the vim and unix philosophy #editor#devexperience

- [Local and regional eSIMs for travelers](https://www.airalo.com/) cost efficient mobile data service for international travel #service

- [juliangarnier/anime](https://github.com/juliangarnier/anime) for DOM, SVG, CSS, and headless JavaScript objects #animation#library#svg

- [parcel-bundler/lightningcss](https://github.com/parcel-bundler/lightningcss) fast CSS parser, transformer, bundler, and minifier written in Rust, replacing postcss #library#devexperience#tool#compiler

- [lorenzodifuccia/safaribooks](https://github.com/lorenzodifuccia/safaribooks) Download and generate EPUB of your favorite books from O'Reilly Learning (aka Safari Books Online) library. #tool#conversion#ebook

- [Val Town](https://www.val.town/#tryNow) Runnable and composable gist like functions #service#gooddesign#lowcode#automation#knowledgebase

- [Plate](https://platejs.org/) Customizable Rich text editor for React #wysiwyg#library

- [Free Faces](https://www.freefaces.gallery/) Curated type faces preview with fonts download #typography#resource#free

- [Rauno Craft](https://rauno.me/craft) UX prototype portfolio with technical depth and attention to details  #demo#prototyping#gooddesign

- [Thinking on ways to solve a MORPHING BUTTON](https://www.youtube.com/watch?v=N2BKAKwGP6M) View Transition API for setting inner HTML #technique#animation#dom

- [Browsertech Digest: Figma is a File Editor](https://digest.browsertech.com/archive/browsertech-digest-figma-is-a-file-editor/) Hybrid of S3 storage and Postgres. With Protobuf json serialization #technique#sync#database#realtime

- [ronami/meta-typing](https://github.com/ronami/meta-typing) Functions and algorithms implemented purely with TypeScript's type system #reference#library

- [Firefox address bar tips](https://wiki.tilde.institute/w/firefox-address-bar-tips) Special character prefix syntax for search query semantics #technique#knowledgebase#browser#searchengine#input

- [Design for the web without Figma](https://world.hey.com/dhh/design-for-the-web-without-figma-4bc3a218) Direct design with HTML and CSS #opinion#prototyping

- [CSS only floating labels](https://muffinman.io/blog/css-only-floating-input-labels/) with placeholder-shown selector #form#input#technique#a11y

- [egstad-construct/detect-scroll](https://github.com/egstad-construct/detect-scroll) high performance scroll detection library #library#webcomponent

- [Windows Update Restored](http://windowsupdaterestored.com/) Fix Windows Update on Windows 95. 98, ME, 2000, and XP #tool

- [Bootstrap Icons](https://icons.getbootstrap.com/) SVG icons optimized for the web, with Figma source #resource#icon

- [Modern Font Stacks](https://modernfontstacks.com/) system font stacks with platform specific font availability detection by width comparison #typography#browser#reference

- [poteat/hkt-toolbelt](https://github.com/poteat/hkt-toolbelt) Functional and composable type utilities #typescript#library#functional#devexperience

- [binpash/try](https://github.com/binpash/try) Inspect a command's effects before modifying your live system #tool#cli#linux

- [A Syntax for Self-Tracking](https://www.gibney.org/a_syntax_for_self-tracking) Micro-syntax for timestamp based journal with context-free grammar #technique#knowledgebase#writing

- [imgly/background-removal-js](https://github.com/imgly/background-removal-js) with wasm, alternative to photoshop #tool#image

- [zellij-org/zellij](https://github.com/zellij-org/zellij) tmux alternative, terminal workspace manager with layouts, modal, tab, plugins #terminal#tool#customization#ricing

- [jtroo/kanata](https://github.com/jtroo/kanata) Layered keyboard re-mapping tool in Rust #keyboard#productivity#tool

- [mfeemster/keysharp](https://bitbucket.org/mfeemster/keysharp/src/master/) AHK alternative with cross platform support #keyboard#tool#productivity

- [MERN Crash Course](https://www.youtube.com/watch?v=R4AhvYORZRY) JWT Authentication, Redux Toolkit, Deployment, PM2, nginx #tutorial#nodejs

- [TypeCell Notebooks](https://www.typecell.org/) Typescript alternative to Jupyter notebook with interactive cell based UI #service

- [vriteio/vrite](https://github.com/vriteio/vrite) WYSIWYG with markdown backend, powered by tiptap and prosemirror #editor#wysiwyg#markdown#library#knowledgebase

- [Style your RSS feed](https://darekkay.com/blog/rss-styling/) Use XML and XSLT to style machine readable feed #technique#rss#selfhosted#indieweb

- [minijinja](https://docs.rs/minijinja/latest/minijinja/) rust implementation of jinja template #library#template#html

- [AST explorer](https://astexplorer.net/) Analyze AST for popular programming languages #tool#language

- [ueberdosis/tiptap](https://github.com/ueberdosis/tiptap) The headless text editor framework for web artisans #editor#blockeditor#customization#knowledgebase#library#wysiwyg

- [steven-tey/novel](https://github.com/steven-tey/novel) Notion-style WYSYWIG editor with AI-powered autocompletions #editor#service#knowledgebase

- [speed-highlight/core](https://github.com/speed-highlight/core) javascript syntax highlighter, with automatic language detection and theming #editor#highlight#language#library

- [Rebuilding a comment component with modern CSS](https://ishadeed.com/article/comment-component/) Handling recursive comment tree structure with left rail and connector lines between the nodes #technique#comment#pattern#tutorial

- [Modern CSS For Dynamic Component-Based Architecture](https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/) Comprehensive guide for full project setup with focus on css variables and components #methodology#technique#guide#beginner#reference

- [sandstorm-io/sandstorm](https://github.com/sandstorm-io/sandstorm) self-hostable web productivity service, alternative to nextcloud #selfhosted#knowledgebase

- [The origin private file system](https://web.dev/origin-private-file-system/) concept and tutorial for simple file I/O operations #beginner#browser#file#database

- [Cyclic Dependency Space Toggles](https://kizu.dev/cyclic-toggles/) Allow multiple css variable based values for a single property by intentional use of cyclic dependency to produce empty value #technique#cssvariable

- [Progressively Optimized Local Radiance Fields for Robust View Synthesis](https://localrf.github.io/) High performance video stablization #machinelearning#video#graphics#technique

- [Effective Rust](https://www.lurklurk.org/effective-rust/intro.html) Intermediate best practice #guide#language#rust

- [Track HN: analyze the survival rate of 120,396 Show HN stories](https://nami.land/2023/06/11/track-hn-analyze-survival-rate-of-120-396-show-hn-posts-june-2023.html) Helps determine when to post Hacker News announcement #datadriven#analytics#businessstrategy#startup

- [openai/evals](https://github.com/openai/evals/blob/main/evals/registry/modelgraded/fact.yaml) Rubric based prompt to evaluate LLM output #technique#machinelearning#library

- [Mind-Video](https://mind-video.com/) fMRI scan to stable diffusion rendering #machinelearning

- [Handbooks for Startup Founders](https://handbooks.clerky.com/) #resource#businessstrategy#legal

- [Nyxt browser: Learn Lisp](https://nyxt.atlas.engineer/learn-lisp) Lisp Learning resources by nyxt #resource#beginner#language

- [Nyxt browser: The hacker's browser](https://nyxt.atlas.engineer/) With inspiration from VIM and Emacs lisp #browser#tool#keyboard

- [kochrt/qr-designer](https://github.com/kochrt/qr-designer) Robust QR code generator #tool

- [SpaceBadgers](https://badgers.space/) Modular SVG badge designer with color and icon options #tool#gooddesign

- [tomnomnom/gron](https://github.com/tomnomnom/gron) Make JSON greppable! by converting tree into list of assignments #tool#cli#database#searchengine

- [uidotdev/usehooks](https://github.com/uidotdev/usehooks) A collection of modern, server-safe React hooks #react#library

- [GoogleChromeLabs/ProjectVisBug](https://github.com/GoogleChromeLabs/ProjectVisBug) Browser visual debug extension with floating toolbar for css tweak, inspection, measurement #tool#devexperience#gooddesign#browser

- [eth-sri/lmql](https://github.com/eth-sri/lmql) A query language for programming (large) language models. #language#compiler#nlp

- [extractus/article-extractor](https://github.com/extractus/article-extractor) extract main article from given URL, wrapper for Readability.js #rss#library

- [web-synth/src/signalAnalyzer](https://github.com/Ameobea/web-synth) Audio synthesizer built with SIMD and atomics #audio#wasm#webgpu#rust

- [C2](http://wiki.c2.com/) The original wiki concept #searchengine#progressive#gooddesign

- [nomic-ai/gpt4all](https://github.com/nomic-ai/gpt4all) Open-source chatbots trained on a massive collections of clean assistant data including code, stories and dialogue #machinelearning#nlp#chat#library#free

- [Batocera.linux](https://batocera.org/) Retro gaming platform #gamedev#emulator#linux

- [yashash-pugalia/win11-svelte](https://github.com/yashash-pugalia/win11-svelte) Recreating Windows 11 with Svelte #demo#prototyping#mock

- [vadimdemedes/ink-ui](https://github.com/vadimdemedes/ink-ui) tui widget library for node.js with input components #tui#pattern#input#select#list

- [Raw WebGPU](https://alain.xyz/blog/raw-webgpu) Compressive tutorial to WebGPU with detailed code #beginner#graphics#3d#tutorial

- [ivanreese/visual-programming-codex](https://github.com/ivanreese/visual-programming-codex) Waypoints to the past and future of visual programming. #research#visualization#devexperience#nocode

- [Glamorous Toolkit](https://gtoolkit.com//) interactive programming and exploration environment #gooddesign#tool#datadriven

- [FinalizationRegistry](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/FinalizationRegistry) Invoke callback when object is garbage collected #api#dom#language

- [The seven programming ur-languages](https://madhadron.com/programming/seven_ur_languages.html) ALGO, Lisp, ML, Self, Forth, APL, Prolog as type specimen languages #language#reference#philosophy

- [trpc/trpc](https://github.com/trpc/trpc) End-to-end typesafe APIs library #typescript#api#devexperience

- [Starlink satellite tracker](https://satellitemap.space/) #gooddesign#map#tool

- [sampsyo/bril](https://github.com/sampsyo/bril) educational compiler intermediate representation, used by Cornel CS 6120 #compiler#language

- [Learn WebGPU](https://eliemichel.github.io/LearnWebGPU/#) For C++ #tutorial#graphics#3d#webgpu

- [50 Shades of Rust, or emerging Rust GUIs in a WASM world](https://monadical.com/posts/shades-of-rust-gui-library-list.html) #survey#reference#rust

- [emilk/egui](https://github.com/emilk/egui) immediate mode GUI in Rust that runs on both web and native #library#webgl#framework#rust

- [nbdev](https://nbdev.fast.ai/) Turn Jupyter Notebook into full application #library#lowcode#machinelearning

- [Bash Shell Scripting/Whiptail](https://en.wikibooks.org/wiki/Bash_Shell_Scripting/Whiptail) #dialog#tui#linux

- [JSON-LD](https://json-ld.org/) A JSON convention for Linking Data used in ontology engineering #standard#knowledgebase

- [Significant-Gravitas/Auto-GPT](https://github.com/Significant-Gravitas/Auto-GPT) An experimental open-source attempt to make GPT-4 fully autonomous. #machinelearning#demo#nlp

- [BoredReading.com](https://boredreading.com/) RSS reader as a service with focus on keyboard and information density #rss#gooddesign

- [mlc-ai/web-llm](https://github.com/mlc-ai/web-llm) Run large-language models and chat to web browsers, using WebGPU #nlp#machinelearning#library

- [Data Rabbit](https://www.datarabbit.com/) Visual programming environment for data analysis, written in Clojure #service#gooddesign#functional

- [Livebook.dev](https://livebook.dev/) Automate code & data workflows with interactive notebooks. Jupyter notebook with real-time focus #tool#machinelearning#datadriven

- [reworkd/AgentGPT](https://github.com/reworkd/AgentGPT) Assemble, configure, and deploy autonomous AI Agents in your browser. #ai#demo#automation

- [marqo-ai/marqo](https://github.com/marqo-ai/marqo) Tensor search with image, audio, code support. Alternative to embedding vectors #searchengine#machinelearning#library

- [Pirate Weather](https://pirateweather.net/) Dark Sky alternative API for weather data #api

- [Prompt Engineering](https://lilianweng.github.io/posts/2023-03-15-prompt-engineering/) Summary of prompt engineering techniques with paper citations as of March 2023 #technique#nlp#machinelearning#guide

- [ThumbHash](https://evanw.github.io/thumbhash/) A very compact representation of an image placeholder #algorithm#library#compression#image

- [Transformers.js](https://xenova.github.io/transformers.js/) Run hugging face transformers inside browser with model caching #library#nlp#machinelearning

- [Why some GitHub labels illegible](https://mo271.github.io/github_labels.html) CSS only auto contrast algorithm bug #color#a11y#theming#technique

- [Everything You Need to Know About the Gap After the List Marker](https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/) with browser differences #list#pattern#reference

- [Iconhunt](https://www.iconhunt.site/) Free icon library #icon#resource#free

- [Pure CSS Loader Generator](https://wweb.dev/resources/loader-generator) with code snippets for loading indicator #reference#spinner#pattern

- [Godot Engine](https://godotengine.org/)  Free and open source 2D and 3D game engine #library#gamedev

- [nalgeon/sqlean](https://github.com/nalgeon/sqlean) The ultimate set of SQLite extensions #database#library

- [What Is ChatGPT Doing and Why Does It Work?](https://writings.stephenwolfram.com/2023/02/what-is-chatgpt-doing-and-why-does-it-work/) Technical explanation on GPT architecture and its fundamental limits #explanation#beginner#nlp

- [TabFS](https://omar.website/tabfs/) Mirror browser tabs as folders in a file systems to expose API control #tool#browser

- [Openverse](https://openverse.org/) Openly Licensed Images, Audio by WordPress #resource#free

- [grep.app](https://grep.app/) Fast code search on public GitHub repos #searchengine#tool#reference

- [How to Favicon in 2023](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) with SVG and dark mode support #favicon#technique#guide

- [Poline](https://meodai.github.io/poline/) Esoteric color palette generator with non-linear interpolation #tool#color

- [ScrollyVideo.js](https://scrollyvideo.js.org/) Control and scrub video play with scroll #library#video#pattern

- [salesforce/CodeGen](https://github.com/salesforce/CodeGen) CodeGen is an open-source model for program synthesis. Trained on TPU-v4. Competitive with OpenAI Codex. #devexperience#machinelearning#model

- [GPT in 60 Lines of NumPy](https://jaykmody.com/blog/gpt-from-scratch/) #beginner#tutorial#machinelearning

- [CrowdView](https://crowdview.ai/) Human intelligence powered search engine based on experts, opinions, and folk knowledge #tool#searchengine#machinelearning

- [sw-yx/ai-notes](https://github.com/sw-yx/ai-notes) notes for my AI studies, writing, and product brainstorming #reference#machinelearning

- [BIG-bench](https://github.com/google/BIG-bench) collaborative benchmark intended to probe large language models and extrapolate their future capabilities #machinelearning#reference

- [Shapecatcher](https://shapecatcher.com/) Draw the Unicode character you want #tool#icon#gooddesign

- [eBoy TiliX](https://c6y.github.io/tilix-reference/) Design system for isometric pixel art #pixelart#3d#designsystem

- [All Programming Philosophies Are About State](https://www.worldofbs.com/minimize-state/) Compare OOP, functional, declarative, imperative #philosophy#statemanagement

- [The Cab Ride I'll Never Forget](https://kentnerburn.com/the-cab-ride-ill-never-forget/) Musing on death, empathy, and chance. #philosophy

- [Teach Yourself Computer Science](https://teachyourselfcs.com/) CS subjects books and online education video  #resource#education

- [GPT Index](https://gpt-index.readthedocs.io/en/latest/index.html) Data structure to compose GPT components #library#technique#machinelearning

- [The Media Equation](https://en.wikipedia.org/wiki/The_Media_Equation) how people interact with media and establish trust #reference#ai

- [karpathy/nanoGPT](https://github.com/karpathy/nanoGPT) Light weight GPT model for training on PC #model#nlp#machinelearning

- [Accessible hamburger buttons without JavaScript - Pausly blog](https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript) a css only solution #technique#navigation#menu#a11y

- [Logggos](https://www.logggos.club/) designs from real companies #reference#logo#inspiration

- [OpenJourney](https://open-journey.github.io/) Alternative to Midjourney #generative#ai#tool

- [Dev Container Templates](https://devcontainers.github.io/templates.html) List of VS Code Dev Containers maintained by Microsoft #reference#tool#editor#vm

- [Weaviate](https://weaviate.io/) Vector search engine #searchengine#machinelearning

- [Pinecone](https://www.pinecone.io/) Vector Database for Vector Search  #database#machinelearning#service

- [Prompt Engineering Template](https://docs.google.com/spreadsheets/d/1-snKDn38-KypoYCk9XLPg799bHcNFSBAVu2HVvFEAkA/edit#gid=0) For generative image models #reference#ai

- [Konjer](https://portal.konjer.xyz/) Talk to a book via GPT-3 #ai#tool

- [Agile and the Long Crisis of Software](https://logicmag.io/clouds/agile-and-the-long-crisis-of-software/) reflection on the rise and fall of Agile #opinion#methodology#projectmanagement

- [Async: What is blocking](https://ryhl.io/blog/async-what-is-blocking/) tokio runtime as an example #rust#performance#beginner

- [mxgmn/MarkovJunior](https://github.com/mxgmn/MarkovJunior) Probabilistic language based on pattern matching and constraint propagation with examples, applied markov chain #generative#algorithm#performance

- [A Guide To Command-Line Data Manipulation](https://www.smashingmagazine.com/2022/12/guide-command-line-data-manipulation-cli-miller/) with Miller for tabular data in csv and json #tool#cli

- [Hacker Typer](https://hackertyper.net/) fake hacking tool, similar to Hollywood #tool#cli

- [ripgrep is faster than {grep, ag, git grep, ucg, pt, sift}](https://blog.burntsushi.net/ripgrep/) Inner workings of ripgrep #explanation#gooddesign#searchengine#tool#cli#performance

- [Immediate-Mode-UI/Nuklear](https://github.com/Immediate-Mode-UI/Nuklear) A single-header ANSI C immediate mode cross-platform GUI library #library#3d#visualization

- [picoCAD by Johan Peitz](https://johanpeitz.itch.io/picocad) low-res 3d modeling #tool#3d#pixelart

- [List of Chromium Command Line Switches](https://peter.sh/experiments/chromium-command-line-switches/) For running chrome as a program #reference#browser

- [wg/wrk](https://github.com/wg/wrk) Modern HTTP benchmarking tool #performance#network#tool

- [reanimate/reanimate](https://github.com/reanimate/reanimate) Haskell library for building declarative animations based on SVG graphics #animation#functional#visualization

- [Center for the Study of the Public Domain](https://web.law.duke.edu/cspd/) Compiled list of books, movies, music released to the public each year #free#reference

- [Death by AI](https://deathbyai.com) Jobs, industries, tools, companies threatened by AI #businessstrategy#ai#inspiration

- [wtfutil/wtf](https://github.com/wtfutil/wtf) The personal information dashboard for your terminal #tool#visualization#cli

- [zquestz/s: Open a web search in your terminal.](https://github.com/zquestz/s) #cli#tool#searchengine

- [Riffusion](https://www.riffusion.com/about) Stable diffusion generated music #ai#tool#algorithm#audio

- [NodeToy](https://nodetoy.co/) Create and share shader graphs with the world #3d#saas#tool

- [Blockbench](https://www.blockbench.net/) Low poly modeling  #tool#saas#3d

- [Scan of the month](https://www.scanofthemonth.com/scans) Industrial CT Scan project #gooddesign#typography#3d

- [llimllib/wasm_sqlite_with_stats](https://github.com/llimllib/wasm_sqlite_with_stats) Documentation and demonstration of how to build WASM versions of SQLite with extensions embedded #technique#database#sql

- [sqlite-lines](https://observablehq.com/@asg017/introducing-sqlite-lines) SQLite extension for reading files line-by-line #database#performance#sql

- [Tools for Online Speech](https://tfos.co/) feed, publishing, indie web #selfhosted#tool

- [Shipnix](https://shipnix.io/) NixOS hosting with free plan for open source project #paas

- [LosslessCut](https://mifi.no/losslesscut/) Lossless video audio cut, merge, editing #tool#video#free

- [OpenDroneMap](https://opendronemap.org/) Convert drone footage and geo-tagged image to models and surface images #tool#graphics#3d

- [From type to logotype](https://fonts.google.com/knowledge/using_type/from_type_to_logotype) #logotype#typography#casestudy

- [Complementary Space](https://complementary.space/) A rational approach to spacing, with usability in mind #technique#layout#cssvariable#designsystem

- [Readability](https://fonts.google.com/knowledge/readability_and_accessibility) Knowledge about the usability of fonts, by Google Font team #beginner#typography#a11y

- [Hello: Search engine for developers](https://beta.sayhello.so/) Structured AI search with source citation #tool#machinelearning#productivity

- [LGUG2Z/komorebi](https://github.com/LGUG2Z/komorebi) A tiling window manager for Windows #tool#desktop

- [Asynchronous Reprojection](https://www.youtube.com/watch?v=IvqrlgKuowE) exploit perception to create illusion of high frame rate #technique#performance#gpu#graphics

- [Tech Jobs in Japan](https://japan-dev.com) #resource#jobhunting

- [nektos/act](https://github.com/nektos/act) Run your GitHub Actions locally for debugging #cicd#tool#test

- [antonmedv/llama](https://github.com/antonmedv/llama) Terminal file manager #tool#cli#file

- [The BBC's 15 Web Principles](https://shkspr.mobi/blog/2022/11/the-bbcs-15-web-principles-15-years-later/) #guide#gooddesign#usability#principle#philosophy

- [oEmbed](https://oembed.com/#section2) Open embed protocol #standard#html#url#api#reference

- [You don't need HTML](https://no-ht.ml/) implement table, chart, color, image, all in Unicode  #demo#technique#plaintext

- [amandaghassaei/gpu-io](https://github.com/amandaghassaei/gpu-io) A GPU-accelerated computing library for physics simulations and other mathematical calculations #simulation#library#gpu#graphics

- [Vim Commands: A Beginner Guide with Examples](https://thevaluable.dev/vim-commands-beginner/) progressive from 0 to expert #guide#beginner#reference

- [ericchiang/pup](https://github.com/ericchiang/pup) Parsing HTML at the command line #tool#cli#html

- [Counting unique visitors with HTTP header timestamp](https://notes.normally.com/cookieless-unique-visitor-counts/) without using cookies, UIDs or fingerprinting. #analytics#privacy#technique

- [Tree sitter](https://tree-sitter.github.io/tree-sitter/) with reference to incremental parsing algorithm design #algorithm#library#reference#technique

- [apihero-run/jsonhero-web](https://github.com/apihero-run/jsonhero-web) JSON explorer with browse, search and media preview #tool#knowledgebase#visualization

- [PCjs Machines](https://www.pcjs.org/) Collection of PC emulators for OS and hardware #emulator#reference

- [Orange-OpenSource/hurl](https://github.com/Orange-OpenSource/hurl) alternative to postman. Run and test HTTP requests in command line #cli#tool#network#test

- [AlexandroMtzG/remix-page-blocks](https://github.com/AlexandroMtzG/remix-page-blocks) Remix and Tailwind block editor and page builder #wysiwyg#lowcode#blockeditor#library

- [Opinionated Guides](https://opguides.info/) On programming, philosophy, math, physics, hardware #opinion#tutorial#beginner

- [Almost monospaced: the perfect fonts for writing](https://blakewatson.com/journal/almost-monospaced-the-perfect-fonts-for-writing/) Use 25% increments of monospace width for better vertical alignment #typography#technique

- [Cobalt](https://cobalt.dev/) Web rendering platform as Electron alternative #library#nativeapp

- [terrastruct/d2](https://github.com/terrastruct/d2) Declarative diagram scripting language that turns text to diagrams with REPL. #tool#visualization#diagram#ide

- [Named Colors Wheel](https://arantius.github.io/web-color-wheel/) for CSS names #tool#color

- [Moving away from UUIDs](https://neilmadden.blog/2018/08/30/moving-away-from-uuids/) URL safe Base64 as random ID #technique#url#knowledgebase

- [Tree views in CSS](https://iamkate.com/code/tree-views/) #pattern#tree#visualization#technique

- [A star rating widget in CSS](https://iamkate.com/code/star-rating-widget/) #rating#form#input

- [wbkd/awesome-node-based-uis](https://github.com/wbkd/awesome-node-based-uis) For node link graph like UI building #visualization#library#resource

- [Apple Rankings](https://applerankings.com/) Crowd sourced ratings #tool

- [The PARA Method](https://fortelabs.com/blog/para/) A Universal System for Organizing Digital Information #knowledgebase#methodology

- [Easy Rust](https://dhghomon.github.io/easy_rust/) #rust#beginner#reference

- [hak5](https://shop.hak5.org/) White hat hacking utilities #tool#hack

- [Potluck](https://www.inkandswitch.com/potluck/) Dynamic documents as personal software #knowledgebase#demo#realtime#plaintext

- [The Best PiHole Blocklists](https://avoidthehack.com/best-pihole-blocklists) #privacy#resource

- [anudeepND/blacklist](https://github.com/anudeepND/blacklist) Curated and well-maintained hostfile to block ads, tracking, cryptomining #privacy#resource

- [I Don’t Believe in Sprints](https://www.robinrendle.com/notes/i-don%E2%80%99t-believe-in-sprints/) #opinion#methodology#projectmanagement

- [shubhamgrg04/awesome-diagramming](https://github.com/shubhamgrg04/awesome-diagramming) A curated collection of diagramming tools used by leading software engineering teams #tool#resource#diagram#chart#visualization

- [merbanan/rtl_433](https://github.com/merbanan/rtl_433)  Program to decode radio transmissions from devices on the ISM bands #hack#iot#wireless

- [Hosting SQLite databases as static files](https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/) with built-in sharding and page size control #technique#database#jamstack#searchengine

- [Compression and decompression in the browser with the Compression Streams API](https://developer.chrome.com/blog/compression-streams-api/) #technique#tutorial

- [Muse app](https://museapp.com/) tool for thoughts with infinite canvas and touch first design #service#gooddesign

- [Infinite Canvas](https://infinitecanvas.tools/) Literature and history review for tools for thought #reference#gooddesign

- [Ink & Switch](https://www.inkandswitch.com/) HCI industrial research program, similar to PARC #gooddesign#resource

- [HTML includes with web components](https://gomakethings.com/html-includes-with-web-components/) #technique#progressive#performance

- [github/mona-sans](https://github.com/github/mona-sans) Mona Sans, a variable font from GitHub #typography

- [Linen](https://www.linen.dev/) Slack alternative designed for communities #chat#saas#free

- [Engagespot/heroku-free-alternatives](https://github.com/Engagespot/heroku-free-alternatives) Free full stack application hosting for starter projects, alternative to Heroku #reference#paas

- [Crystal](https://crystal-lang.org/) based on C and Ruby, with Go's concurrency model #language

- [Swurl](https://swurl.com/) Parallel Search from Google, Wikipedia, Twitter, YouTube #tool#searchengine

- [Generative art Open Graph preview images](https://matthewstrom.com/writing/generative-art-og-images) Eventually spaced flow lines #generative#algorithm#technique

- [Boldly link where no one has linked before: Text Fragments](https://web.dev/text-fragments/) Deep link into text fragment #technique#url#browser

- [UI2: Figma's Design System](https://www.figma.com/community/file/928108847914589057) Icons and Colors used by Figma UI #resource#gooddesign#designsystem

- [Bulletproof Background Images](https://backgrounds.cm/) Generator for email banner image HTML and VML code #tool#responsive#email

- [A Guide to HTML Background Images in Email](https://www.emailonacid.com/blog/article/email-development/html-background-images-in-email/) Background size contain #technique#email#responsive

- [cozodb/cozo](https://github.com/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](https://github.com/binwiederhier/ntfy) opena-source notification service for apps #notification#library#saas#free

- [Learn X in Y Minutes](https://learnxinyminutes.com/) quick start for languages, computer science topics, data structure, and tool  #reference#beginner#language#tool#algorithm

- [RawTherapee](https://www.rawtherapee.com/) alterative to photoshop #image#tool#photo

- [The Myers Difference Algorithm](https://www.nathaniel.ai/myers-diff/) Convert diffing to BFS graph search problem #algorithm#editor#gooddesign#visualization

- [ds300/patch-package](https://github.com/ds300/patch-package) Fix broken node modules instantly in the lack of timely maintenance #tool#devops#library#monorepo

- [GeoJSON](https://geojson.org/) 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](https://github.com/Zettelkasten-Method/10000-markdown-files) 10,000 markdown files. Useful for stress testing note-taking tools.

- [Pandoc](https://pandoc.org/) Universal document converter, with programming API #conversion#tool#markdown#knowledgebase

- [charmbracelet/vhs](https://github.com/charmbracelet/vhs) command line recorder that outputs gif #tool#terminal

- [pacocoursey/cmdk](https://github.com/pacocoursey/cmdk) Fast, unstyled command menu React component. #menu#modal#library

- [answerdev/answer](https://github.com/answerdev/answer) Open-source alternative to Stack overflow and discourse #knowledgebase#community#chat#selfhosted

- [Programming Portals](https://maggieappleton.com/programming-portals) Divide between programmer and end user. Coding and TUI in the low-code environment. #pattern#opinion

- [krausest/js-framework-benchmark](https://github.com/krausest/js-framework-benchmark) Comparison matrix for rendering speed #performance#framework

- [Foo to Bar](https://kowainik.github.io/posts/naming-conventions) Naming Conventions in Haskell #technique#documentation#functional

- [html.to.design](https://www.figma.com/community/plugin/1159123024924461424/html.to.design) convert web URL to figma #tool

- [Mocking is a Code Smell](https://medium.com/javascript-scene/mocking-is-a-code-smell-944a70c90a6a) use functional composition instead #opinion#philosophy#test

- [Elements of JavaScript Style](https://medium.com/javascript-scene/elements-of-javascript-style-caa8821cb99f) Naming convention inspired by Elements of Style #naming#reference

- [Why Composition is Harder with Classes](https://medium.com/javascript-scene/why-composition-is-harder-with-classes-c3e627dcd0aa) Replace javascript class with factory #opinion#technique#language

- [Functional Mixins](https://medium.com/javascript-scene/functional-mixins-composing-software-ffb66d5e731c) for javascript object composition #technique

- [Component patterns by web.dev](https://web.dev/patterns/components/) Superset of GUI Challenges #reference#pattern#button#carousel#dialog#multiselect#breadcrumb#notification#tab

- [Stellarium Astronomy Software](https://stellarium.org/en/) cross platform, for stargazing and astronomy #tool

- [vercel/satori](https://github.com/vercel/satori) HTML and CSS to SVG #library#svg

- [Files and directories patterns](https://web.dev/patterns/files/) #reference#file

- [DiscMaster](http://discmaster.textfiles.com/) Search through internet archive #tool#searchengine

- [Just for Fun. No, Really.](https://justforfunnoreally.dev/) Joy of programming vs. Commercial culture #opinion#jobsatisfaction

- [lodash style issue management](https://github.com/jimmejardine/qiqqa-open-source/issues/200) #reference#devops#technique

- [Magiconch Lab](https://lab.magiconch.com/) Collection of tools around anime, image processing, language processing for Chinese #tool#image#resource#nlp#generative

- [vaporwave](https://magiconch.com/vaporwave/) Image processing with advanced filters #tool#image

- [A Brief, Incomplete, and Mostly Wrong History of Programming Languages](http://james-iry.blogspot.com/2009/05/brief-incomplete-and-mostly-wrong.html) #opinion#history

- [WebMemex/freeze-dry](https://github.com/WebMemex/freeze-dry) Snapshots a web page to get it as a static, self-contained HTML document. #library#knowledgebase

- [Syntax Design](https://cs.lmu.edu/~ray/notes/syntaxdesign/) Aspects to consider when analyzing the pros and cons of a language #language#reference

- [bliki: CQRS](https://www.martinfowler.com/bliki/CQRS.html) Command Query Responsibility Segregation #architecture#reference

- [Projectbook](https://github.com/brettchalupa/projectbook) Project ideas with specifications, mock-ups, and assets for learning any programming language #reference#inspiration

- [Feather](https://feathericons.com/) open source iconset #icon#resource

- [Lose the Very](https://www.losethevery.com/) replace very + any word with a more eloquent word #tool#content#writing

- [Low Earth Orbit Visualization](https://platform.leolabs.space/visualization) #tool

- [They Called It LISP for a Reason: List Processing](https://gigamonkeys.com/book/they-called-it-lisp-for-a-reason-list-processing.html) recursive data structure and algorithms #functional#language

- [Using a Framework will harm the maintenance of your software](https://berk.es/2022/09/06/frameworks-harm-maintenance/) #opinion#maintenance#methodology#framework

- [A tiling window manager for Windows](komorebi) #rust#productivity#tool

- [How Brian Eno Created "Ambient 1: Music For Airports"](https://reverbmachine.com/blog/deconstructing-brian-eno-music-for-airports/) #audio#gooddesign#synth

- [Canary in the Photo Mine](https://linuxunplugged.com/476) Open source Google photo and cloud storage alternatives #selfhosted#storage#sync#backup#photo

- [Thinking on ways to solve TOOLTIPS](https://www.youtube.com/watch?v=Y5EIC_UyPME) directional animation, reduced motion, keyboard focus #pattern#tooltip#hover#a11y

- [iced-rs/iced](https://github.com/iced-rs/iced) A cross-platform GUI library for Rust, inspired by Elm, used by Pop OS #library#rust

- [The Elm Architecture](https://guide.elm-lang.org/architecture/) design pattern for highly interactive UI application #functional#reference#gooddesign

- [valinet/ExplorerPatcher](https://github.com/valinet/ExplorerPatcher) Improved Windows 11 task bar #tool#productivity

- [How to Safely Share Your Email Address on a Website](https://css-tricks.com/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](https://github.com/antfu/retypewriter) Record, replay, and revise coding steps with diff editor #productivity#tool#editor#vscode#extension

- [muted.io](https://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](https://kilianvalkhof.com/2022/css-html/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](https://surma.dev/things/compile-js/) from js to wasm and C++ #technique#wasm#tutorial

- [Fisher–Yates shuffle](https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle) #algorithm

- [Cloudflare Turnstile](https://blog.cloudflare.com/turnstile-private-captcha-alternative/) Alternative to CAPTCHA #service#privacy#antispam

- [Fluid type scale calculator](https://utopia.fyi/type/calculator/) Configure, visualize, and generate code #typography#responsive#tool

- [From data to Viz](https://www.data-to-viz.com/) Help decide what visualization to use to the data you have #tool#reference#visualization

- [The Data Visualisation Catalogue](https://datavizcatalogue.com) detailed guide on how and when to use each type of visualization #guide#reference#visualization

- [Castopod](https://castopod.org/) open-source podcast hosting with community and social features #library#platform#podcast

- [shoelace-style/shoelace](https://github.com/shoelace-style/shoelace) Cross-platform UI components built with lit #library#webcomponent#pattern

- [Nature 150 Interactive](https://www.nature.com/articles/d41586-019-03308-7) Visualize 150 years of citation network #gooddesign#visualization#knowledgebase

- [snaplet/postgres-wasm:](https://github.com/snaplet/postgres-wasm) Linux VM and PostgresQL server running in your browser using Web Assembly,  #database#wasm

- [Doug Engelbart Institute](https://dougengelbart.org/) Insights for building revolutionary technology that augments collective intelligence #history#reference

- [Timeline of Computer History](https://www.computerhistory.org/timeline/computers/) Visual stories by Computer History Museum #reference#history

- [chromium/badssl.com](https://github.com/chromium/badssl.com) Comprehensive list of SSL configs hosted in real sites for client testing. #security#tool#network

- [Making Disabled Buttons More Inclusive](https://css-tricks.com/making-disabled-buttons-more-inclusive/) #button#disabled#pattern

- [HTML attribute: autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) List of supported autocomplete values #autocomplete#reference#form#pattern

- [Enhance](https://enhance.dev/docs/) for full stack html and javascript apps #framework#progressive#serverless

- [A decision tree for choosing form input](https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57) #form#pattern#guide#radio#checkbox#toggle#tab

- [Digital Journalism Style Guide of Inclusive Language](https://languageplease.org/style-guide/) Considering class, disability, Gender, Mental health, and Race #content#reference

- [58 bytes of css to look great nearly everywhere](https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41) Minimal stylesheet for Content heavy HTML pages, without reset or normalize #technique#performance

- [pdfgrep](https://pdfgrep.org/) Search into PDF files #cli#tool#searchengine

- [Starter Story](https://www.starterstory.com/) Database for startups, with good search and filter #tool#reference#businessstrategy#startup

- [Game UI Database](https://www.gameuidatabase.com/) great for UI design #reference

- [JSCheck](https://www.crockford.com/jscheck.html) Randomized property-based testing for javascript, inspired by Haskell QuickCheck #test#library#functional

- [gcanti/fp-ts](https://github.com/gcanti/fp-ts) fully typed FP library #functional#library

- [Purify](https://gigobyte.github.io/purify/getting-started) Functional programming library for TypeScript with focus on data types #library#functional

- [Visual product comparison](https://www.productchart.com/ssd_drives/) For PC, Laptop, SSD, Camera, Monitor #gooddesign#tool

- [Statistics Estonia](https://www.stat.ee/en) Good search UX #inspiration#searchengine#gooddesign

- [rclone](https://github.com/rclone/rclone) data sync for cloud storage #library#tool#distributed#storage

- [Typesense](https://typesense.org/) In memory full text search #library#searchengine#selfhosted

- [hanzala123/arch2appimage](https://github.com/hanzala123/arch2appimage) Python script that converts arch linux package to appimage #linux#tool#production

- [Wilfred/difftastic](https://github.com/Wilfred/difftastic) a structural diff that understands syntax #algorithm#library#editor

- [Cyclic.sh](https://www.cyclic.sh/) full stack hosting for hobby project #service#cicd#free

- [Congress.gov API](https://api.congress.gov/#/summaries/bill_summaries_by_congress) Query bills, amendments, members, committees, treaties #api#resource

- [Kamby Language](https://kamby.org/#docs) ergonomic lisp in 400 LOC #language#compiler

- [Goodbye, useEffect: David Khourshid](https://www.youtube.com/watch?v=HPoC-k7Rxwo) effects below in even handler, below in state management, separate from rendering #opinion

- [Checklist Design](https://www.checklist.design/) A collection of the best design practices, with links to evidence articles #reference#resource#pattern#guide

- [Gotenberg](https://gotenberg.dev/) Docker image that converts any document to PDF #library#tool

- [WikiHouse](https://www.wikihouse.cc/) Modular design systems for house #inspiration#gooddesign#designsystem

- [fantasyland/fantasy-land](https://github.com/fantasyland/fantasy-land) Specification for interoperability of common algebraic structures in JavaScript #reference#functional#language

- [maps.earth](https://about.maps.earth/) open source maps for everyone #library#map

- [TIOBE Index](https://www.tiobe.com/tiobe-index/) Overall assessment of programming languages usage and usability #reference

- [jaspervdj/hakyll](https://github.com/jaspervdj/hakyll) A static website compiler library in Haskell #library#jamstack

- [Why ContentEditable is Terrible](https://medium.engineering/why-contenteditable-is-terrible-122d8a40e480) medium engineering blob on text editor design #wysiwyg#reference

- [Why your website should be under 14kb](https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/) tcp package size consideration #performance#network

- [CompVis/stable-diffusion](https://github.com/CompVis/stable-diffusion) Open-source alternative to DALL-E 2 #deeplearning#generative#library

- [Attention and Augmented Recurrent Neural Networks](http://distill.pub/2016/augmented-rnns) interactive  #visualization#deeplearning#beginner#gooddesign

- [ImageMagick/ImageMagick](https://github.com/ImageMagick/ImageMagick) programmatic image editing #library#tool#image

- [google/sentencepiece: Unsupervised text tokenizer for Neural Network-based text generation.](https://github.com/google/sentencepiece) for non-english tokenization #library

- [subconsciousnetwork/subtext: Markup for note taking](https://github.com/subconsciousnetwork/subtext) reduced from markdown #language

- [Pyxel Edit: pixel art and tileset creation tool](https://pyxeledit.com/) #pixelart#tool

- [AI Weirdness](https://www.aiweirdness.com/) Funny results when AI training when wrong, joke on AI #deeplearning

- [Latency Numbers Every Programmer Should Know](https://gist.github.com/jboner/2841832) for estimation of algorithm performance #reference#performance

- [donjon; RPG Tools](https://donjon.bin.sh/) generate map, name, and other gaming assets #tool#gamedev

- [Polygon map generator](https://www.redblobgames.com/maps/mapgen2/) #tool#gamedev

- [quantleaf/probly-search](https://github.com/quantleaf/probly-search) In memory full-text search library written in Rust that provides full control over the scoring calculations #searchengine#library#wasm

- [Zellij](https://zellij.dev/) Terminal workspace with panels and multiplexer, replacement for tmux #tui#terminal#tool#productivity

- [radix-ui/primitives](https://github.com/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](https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/) Utility first approach to frontend engineering with headless frontend libraries #library#pattern#a11y#opinion

- [Open Cognition Project (OpenCog)](http://wiki.opencog.org/w/The_Open_Cognition_Project) for solving Artificial General Intelligence #ai

- [Zazow](https://www.zazow.com) Algorithmic Generative Art showcase and hosting #generative#art#reference#inspiration

- [LibreSprite/LibreSprite](https://github.com/LibreSprite/LibreSprite) Animated sprite editor & pixel art tool based on Aseprite #pixelart#tool#free

- [Pixilart](http://www.pixilart.com) Online pixel art creation #tool#pixelart#gamedev

- [Aseprite](https://www.aseprite.org/) Pixel art and sprite animation #tool#gamedev

- [MathisBullinger/froebel](https://github.com/MathisBullinger/froebel)  A strictly typed utility library. lodash alternative. #functional#library

- [Matrix Multiplication](http://matrixmultiplication.xyz/) Visualization #beginner#gooddesign#machinelearning

- [Gradio](https://www.gradio.app/) UI toolkit for ML apps #library#machinelearning

- [Gradio + HuggingFace Spaces](https://tmabraham.github.io/blog/gradio_hf_spaces_tutorial) ML service deployment #tutorial#beginner

- [ramda/ramda: Practical functional Javascript](https://github.com/ramda/ramda) #library

- [Function.prototype.length - JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/length) 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](https://github.com/damianavila/RISE) Turn Jupyter notebook into slide presentation #library#tool

- [rwightman/pytorch-image-models: PyTorch image models, scripts, pretrained weights](https://github.com/rwightman/pytorch-image-models) integrated in fast.ai #resource#deeplearning

- [My HCI toolbox: Methods for designing and evaluating UIs](https://austinhenley.com/blog/myhcitoolbox.html) A Microsoft PM's personal playbook for UX research #uxresearch#guide#hci

- [aidenybai/million-react](https://github.com/aidenybai/million-react) Fast virtual DOM for React using Pre-compilation #library#performance#dom

- [tabler/tabler](https://github.com/tabler/tabler) Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap #designsystem#visualization#library

- [Clipboard Inspector](https://evercoder.github.io/clipboard-inspector/) inspect all formats within the clipboard #tool#debug

- [bokeh/bokeh](https://github.com/bokeh/bokeh) Interactive Data Visualization in the browser, from Python. Replacement for D3 #library#visualization

- [Subheadings, subtitles, alternative titles and taglines in HTML](https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/) Practical solution to semantic subtitle and subheading using hgroup #a11y#technique

- [carbon-language/carbon-lang](https://github.com/carbon-language/carbon-lang) C++ improved #language#compiler

- [Levels.fyi](https://www.levels.fyi) Crowd sourced compensation and career ladder comparison #career#tool#interview

- [jawerty/myAlgorithm](https://github.com/jawerty/myAlgorithm) A self hosted recommendation feed generated from your browsing habits, with LDA model #extension#selfhosted

- [Lofi.co](https://lofi.co/home) Lofi streaming from custom browser tab #tool#productivity

- [stedolan/jq](https://github.com/stedolan/jq) Command-line JSON processor #cli#tool

- [Speak Human](https://www.speakhuman.today/) Generate friendly message for UI copy and messaging #content#tool

- [UX Core](https://keepsimple.io/uxcore) Large database for UX patterns, cognitive biases, heuristics, psychological effects #reference#pattern#psychology

- [Memory Management Reference](https://www.memorymanagement.org/) with diagram and glossary list  #reference#systemprogramming

- [hemanth/functional-programming-jargon](https://github.com/hemanth/functional-programming-jargon) Jargon from the functional programming world in simple terms #reference#language

- [Hey Underscore, You're Doing It Wrong!](https://www.youtube.com/watch?v=m3svKOdZijA&app=desktop) API design for better composition #functional

- [An event for CSS position:sticky](https://developer.chrome.com/blog/sticky-headers/) Build sticky header stack #technique#tutorial

- [Jarred-Sumner/bun](https://github.com/Jarred-Sumner/bun) alternative javascript runtime to node and deno, optimized for edge function #language#performance

- [Building tabs in Web Components](https://darn.es/building-tabs-in-web-components/) elegantly handle overflow and keyboard #pattern#tab#a11y#webcomponent#tutorial

- [Human Eyes Only](https://humaneyesonly.com/) prevent machine readability on PDF #tool#security

- [Defensive CSS](https://defensivecss.dev/) improve edge case handling and error recovery #pattern#progressive

- [tsl0922/ttyd](https://github.com/tsl0922/ttyd) Share local terminal over the web #tui#tool#collaboration

- [Common Crawl](https://commoncrawl.org/) open source web crawling project #searchengine#resource

- [How to Build a Low-tech Website?](https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website.html) Static host, Dithered image, No logo and default font #performance#indieweb#selfhosted

- [utterances](https://utteranc.es) Use github issue tracker as comment service #community#chat#collaboration#service

- [Single Element Loaders: Going 3D!](https://css-tricks.com/single-element-loaders-going-3d/) 3D cube and progress bar in plain CSS #3d#technique#progress

- [keeweb/favicon-proxy: CORS-enabled favicon proxy](https://github.com/keeweb/favicon-proxy) Render favicon from other hosts #service#favicon

- [LeaVerou/color.js: Color conversion & manipulation library by the editors of the CSS Color specifications](https://github.com/LeaVerou/color.js) #library#color

- [The really important job interview questions engineers should ask (but don't)](https://posthog.com/blog/what-to-ask-in-interviews) #career#startup#jobsatisfaction#guide#interview

- [n3r4zzurr0/svg-spinners](https://github.com/n3r4zzurr0/svg-spinners) #resource#animation#progress

- [kochrt/markwhen](https://github.com/kochrt/markwhen) Make a cascading timeline from markdown-like text #library#markdown#visualization

- [Building forms with custom elements](https://www.filamentgroup.com/lab/forms-with-custom-elements/) review of browser support, and polyfill #form#technique#a11y#webcomponent

- [A look at search engines with their own indexes](https://seirdy.one/posts/2021/03/10/search-engines-with-own-indexes/) comparison across search engine APIs and services #searchengine#comparison#reference

- [Search My Site](https://searchmysite.net/) 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](https://nixsanctuary.com/microsoft-donated-money-to-gnome-lets-remember-how-they-attacked-open-source-before/) With a brief history of software licensing legal cases #reference#opinion

- [privatenumber/ts-runtime-comparison](https://github.com/privatenumber/ts-runtime-comparison) Comparison of TypeScript runtimes #reference

- [crabtyper](https://www.crabtyper.com/#) speed typing game written in rust for practice touch typing #wasm#tool

- [Using WebAssembly threads from C, C++ and Rust](https://web.dev/webassembly-threads/) #wasm#performance

- [NirSoft Utilities Panel](https://www.nirsoft.net/panel/) Huge collection of windows debugging tools #tool#resource#desktop#browser#network

- [Cool desktops don’t change](https://tylercipriani.com/blog/2022/06/15/choose-boring-desktop-technology/) A case for using old stable programs #opinion#editor

- [Ask HN: Is it still conceivable to remain an anonymous developer nowadays](https://news.ycombinator.com/item?id=31763451) #resource#privacy

- [sciter](https://sciter.com/) Electron alternative, HTML/CSS/JavaScript UI Engine for Desktop and Mobile Application. No V8 engine #desktop#nativeapp#framework

- [The Wails Project](https://wails.io/) Electron alternative in Go #desktop#nativeapp#framework

- [A Git Origin Story](https://www.linuxjournal.com/content/git-origin-story) How Linux wrote Git out of necessity #versioning#git#story

- [jessegrosjean/mobydickworkout](https://github.com/jessegrosjean/mobydickworkout) Large markdown testing file #resource#markdown

- [Best practices for inclusive CLIs](https://seirdy.one/posts/2022/06/10/cli-best-practices/) Consideration for man page, interoperability, and unix convention #cli#tui#guide#a11y

- [UX patterns for CLI tools](http://lucasfcosta.com/2022/06/01/ux-patterns-cli-tools.html) Modern CLI design practices #guide#cli#tui

- [tldr-pages/tldr](https://github.com/tldr-pages/tldr) Collaborative cheatsheets for console commands, complements man page #cli#reference#documentation#devexperience

- [espeak-ng/espeak-ng](https://github.com/espeak-ng/espeak-ng) open source speech synthesizer that supports more than hundred languages and accents. #nlp#library

- [Damerau–Levenshtein distance](https://en.wikipedia.org/wiki/Damerau%E2%80%93Levenshtein_distance) Edit distance, for error recovery, spellcheck, and CLI argument suggestions #algorithm#cli

- [Should I Use A Carousel?](https://shouldiuseacarousel.com/) satire passive aggressive demo #opinion#carousel#pattern

- [Inlining literally everything for better performance](https://gomakethings.com/inlining-literally-everything-for-better-performance/) inline css and javascript for Hugo SSG #tutorial#performance#technique

- [Tools for better thinking](https://untools.co/) system thinking, decision making, problem solving #resource#tool

- [The Comprehensive List of Window Managers for Unix](https://www.gilesorr.com/wm/table.html) #linux#desktop#resource

- [How to build undo/redo in a multiplayer environment](https://liveblocks.io/blog/how-to-build-undo-redo-in-a-multiplayer-environment) #undoredo#technique#guide#collaboration

- [Hakim El Hattab | CSS Day 2019](https://www.youtube.com/watch?v=o0NtjY17v5w&t=944s) Hover menu SVG Exit Area Path, improved on Amazon dynamic path #menu#hover#technique

- [Monorepos in JavaScript & TypeScript](https://www.robinwieruch.de/javascript-monorepos/) Introduction, architecture overview #monorepo#devexperience#architecture#devops#beginner#tutorial

- [todotxt/todo.txt: A complete primer on the whys and hows of todo.txt.](https://github.com/todotxt/todo.txt) Plaintext format for TODO #productivity#tool#standard#plaintext

- [pyscript/pyscript](https://github.com/pyscript/pyscript) Run python in browser with wasm and GUI binding #language#wasm

- [Firefly III](https://www.firefly-iii.org/) Personal finance manager with accounting for tax reporting #tool#free

- [Turborepo](https://turborepo.org/) npm monorepo framework, alternative to lerna #devops#workflow#tool#library

- [3dicons](https://3dicons.co/) #icon#resource#3d

- [The Block-Paved Path to Structured Data](https://maggieappleton.com/block-data) Comparing block-based editors and knowledge bases #opinion#philosophy

- [Named access on the window object](https://html.spec.whatwg.org/multipage/window-object.html#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?](https://css-tricks.com/dialog-components-roll-your-own/) #a11y#tutorial#technique#dialog#pattern#progressive

- [Block Protocol](https://blockprotocol.org/) Schema based data driven block registry #standard#library#reference#lowcode

- [BlurHash](https://blurha.sh/) Convert image to a short string for placeholder display #image#performance#progressive#library#algorithm#technique

- [fastify/fastify-vite](https://github.com/fastify/fastify-vite) Sever side rendered vite app with React streaming. Alternative to Next.js #library#devexperience#fullstack#serverless

- [VectorWiki](https://vectorwiki.com/) Brand logo SVG lookup and download #free#tool#svg#resource

- [parcel-bundler/parcel-css](https://github.com/parcel-bundler/parcel-css) A CSS parser, transformer, and minifier written in Rust. #compiler#library#devexperience

- [Jitsi](https://jitsi.org/) Free Video Conferencing Software for Web & Mobile. Open source alternative to zoom. Self-hostable. #saas#tool#videoconference

- [Raven Reader](https://ravenreader.app/) open source rss feed reader made with electron #rss#free

- [nolanlawson/emoji-picker-element](https://github.com/nolanlawson/emoji-picker-element)  A lightweight emoji picker for the modern web #library#emoji

- [Render emoji on the web](https://nolanlawson.com/2022/04/08/the-struggle-of-using-native-emoji-on-the-web/) challenges and hacks #technique#emoji#icon

- [Useful Tools for Creating AVIF Images](https://css-tricks.com/useful-tools-for-creating-avif-images/) for compression, one-off or batch conversion #tool#image#performance

- [flickz/newspaperjs](https://github.com/flickz/newspaperjs) mercury parser alternative #scraping#library#knowledgebase#nlp

- [Dialog (GUI Challenges)](https://www.youtube.com/watch?v=GDzzIlRhEzM) #pattern#dialog#a11y#tutorial

- [Look Scanned](https://lookscanned.io/) Add the scanner look and feel to a PDF document  #tool

- [Progressively Enhanced Builds](https://blog.jim-nielsen.com/2022/progressively-enhanced-builds/) apply progressive enhancement principles to content authoring in markdown #opinion#philosophy#progressive#webcomponent#technique

- [ruilisi/fortune-sheet](https://github.com/ruilisi/fortune-sheet) A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets #table#library

- [Insanely Useful Websites](https://www.insanelyusefulwebsites.com/) toolbox for tasks on the web, mostly unknown unknowns #tool#resource

- [SVG generative mountain ridge dividers](https://www.alistairshepherd.uk/writing/svg-generative-ridges/) #demo#technique#visualeffect#divider

- [jondot/hygen](https://github.com/jondot/hygen) scalable code generator #library#devexperience

- [Building the Google Photos Web UI](https://medium.com/google-design/google-photos-45b714dfbed1) High perf grid layout in javascript #algorithm#reference#performance

- [The Knuth/Plass line-breaking Algorithm](http://defoe.sourceforge.net/folio/knuth-plass.html) Layout algorithm for word wrapping and grid layout #algorithm#reference

- [mozilla/readability](https://github.com/mozilla/readability) Mercury parser alternative by Mozilla, html content and metadata extraction, mining, crawling #library#nlp#scraping

- [30 Days Of HTML](https://jen4web.substack.com/rss) semantic html elements, one per day #reference#html#beginner#a11y

- [Broadcast Channel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API) Browser native pubsub across tabs, workers, iframes #reference#api#technique

- [Async iteration and generators](https://javascript.info/async-iterators-generators) #reference#language#paradigm

- [jesseduffield/lazygit](https://github.com/jesseduffield/lazygit) terminal UI for git commands, written in Go #tui#git#tool

- [TLDRLegal](https://tldrlegal.com/) Software Licenses Explained in Plain English #legal#tool#reference

- [alyssaxuu/screenity](https://github.com/alyssaxuu/screenity) Screen recorder & annotation #extension#tool

- [Feedback Ladders](https://www.netlify.com/blog/2020/03/05/feedback-ladders-how-we-encode-code-reviews-at-netlify/) The Code Review System at Netlify. Mountain, Boulder, Peddle, Sand, Dust #codereview#methodology#opinion#collaboration

- [Project Fugu API showcase](https://developer.chrome.com/blog/fugu-showcase/) Demos for Native system APIs on the web #reference#nativeapp#file#api#demo

- [Leaflet](https://leafletjs.com/) Open-source JavaScript library for interactive maps #map#library

- [DiceBear Avatars](https://avatars.dicebear.com) Programmatically generated avatar, profile image, initials, icons #service#library

- [Building a Vaporwave scene with Three.js](https://blog.maximeheckel.com/posts/vaporwave-3d-scene-with-threejs/) Animated retro style splash UX for landing and home page #hero#3d

- [Hash string UX](https://gordonbrander.com/pattern/hash-string-ux/) Base 58 encode URL for better copy and reability #url#technique#algorithm

- [Designing A Better Carousel UX](https://www.smashingmagazine.com/2022/04/designing-better-carousel-ux/) #pattern#carousel#guide

- [react-forked/dnd](https://github.com/react-forked/dnd) Forked from beautiful dnd #dragndrop#library

- [Lens Flare Effects](https://css-tricks.com/add-a-css-lens-flare-to-photos-for-a-bright-touch/) CSS only solution #technique#visualeffect

- [discourse](https://github.com/discourse/discourse) Open source solution for discussion based community #library#service#community

- [mb21/panwriter](https://github.com/mb21/panwriter) Markdown editor with pandoc integration and paginated preview, powered by Electron #markdown#tool#editor

- [Avvvatars](https://avvvatars.com/) Open Source React UI Avatar Library for user profile images #library#resource

- [Optical Effects in User Interfaces](https://medium.muz.li/optical-effects-9fca82b4cd9a) optical imbalance between round and square objects  #technique#design

- [Preventing layout shift with numbers using CSS](https://gomakethings.com/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](https://www.smashingmagazine.com/2022/03/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](https://docs.lume.io) CSS based 3d, WebGL and AR/VR declarative #library#3d

- [Spline](https://spline.design/) Figma for 3D. In browser modeling and animation #tool#3d

- [Claymorphism](https://www.smashingmagazine.com/2022/03/claymorphism-css-ui-design-trend/) 3D based design trend after Neumorphism #trend

- [quickemu-project/quickemu](https://github.com/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](https://gomakethings.com/how-to-automatically-size-a-textarea-based-on-its-using-vanilla-javascript/) auto-grow with initial auto sizing #textbox#input#responsive#form#pattern

- [Bottles](https://usebottles.com/) Run Windows application in Linux. Alternative to Wine #vm#linux#emulator

- [Comment tagged templates](https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates) syntax highlight for template literals #extension#devexperience#webcomponent#template

- [Minze](https://minze.dev/) Native web component rendering with template literal #library#webcomponent

- [ashutosh1919/react-awesome-shapes](https://github.com/ashutosh1919/react-awesome-shapes) Drawing shapes in React #library#cosmetic

- [Charm](https://charm.sh/) Toolkits for command line #tui#library#git#gooddesign

- [text-size-adjust](https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/) Use 100% to prevent mobile browser inflating text #ios#typography#responsive#technique

- [An Overview Of The Most Common UX Design Deliverables](https://www.smashingmagazine.com/2017/09/comprehensive-overview-ux-design-deliverables/) understand what UX designers do, for career reference #beginner

- [Thoughts On Markdown](https://www.smashingmagazine.com/2022/02/thoughts-on-markdown/) history and comparison with block editor #wysiwyg

- [catdad/canvas-confetti](https://github.com/catdad/canvas-confetti) on-demand confetti gun #library

- [vitest-dev/vitest](https://github.com/vitest-dev/vitest) A Vite-native test framework #test

- [Partytown](https://partytown.builder.io/) Run third-party scripts in web worker #performance#library#extensibility#container

- [Waveform Free](https://www.tracktion.com/products/waveform-free) digital audio workstation band editing software #soundengineering#free#tool

- [Vital](https://vital.audio/#getvital) Spectral Warping Wavetable Synth #audio#tool

- [nukeop/nuclear](https://github.com/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](https://blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api) Comprehensive guide for client-side use #reference#form#validation

- [OpenReplay](https://openreplay.com) Session replay Open-Source #service#library#telemetry

- [ColorBrewer: Color Advice for Maps](https://colorbrewer2.org/) #tool#color#visualization#a11y

- [The Symphony of Blockchains](https://symphony.iohk.io/en/) Visualize blockchain, mempool, transaction #crypto#gooddesign#webgl

- [Laws of UX](https://lawsofux.com/) cognitive biases, design and engineering principles  #reference#principle#psychology

- [Crafting Organic Patterns With Voronoi Tessellations](https://georgefrancis.dev/writing/crafting-organic-patterns-with-voronoi-tessellations/) #algorithm#generative#art#tutorial#background

- [text-size-adjust in CSS reset](https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/) and a compilation of popular resets/normalize #browser#typography#resource#technique

- [The New CSS Reset](https://elad2412.github.io/the-new-css-reset/) minimum stylesheet for normalizing browser differences #technique#browser

- [folke/esbuild-runner](https://github.com/folke/esbuild-runner) ts-node alternative #tool

- [Building a sidenav component](https://web.dev/building-a-sidenav-component/) #pattern#navigation#technique#responsive

- [Listboxes vs. Dropdown Lists](https://www.nngroup.com/articles/listbox-dropdown/) #pattern#select#multiselect#uxresearch

- [Color Spaces](https://ciechanow.ski/color-spaces/) Interactive guide to learning color space concepts #explanation#color

- [A Guide to Recognizing Font Styles](https://betterwebtype.com/articles/2019/07/14/recognising-font-styles/) Old style, transitional, neoclasscial, slab, grotesque, gemmetric, humanist, etc. #typography#reference#beginner

- [Breaking Out of the Box](https://alistapart.com/article/breaking-out-of-the-box/) CSS for styling title bar #pwa#browser#nativeapp#technique

- [Free E-Books on Web, App and Logo Design](https://blog.tubikstudio.com/book/) #resource#design#logo#guide

- [notifirehq/notifire](https://github.com/notifirehq/notifire) Open-source notification infrastructure for products #library#notification

- [Star Atlas](https://staratlas.com/) NFT-powered space exploration concept game #webgl#gooddesign#crypto

- [CSS-Based Fingerprinting](https://css-tricks.com/css-based-fingerprinting/) Serve asset from unique URL #technique#security#privacy#telemetry

- [How to Create a Browser Extension](https://css-tricks.com/how-to-create-a-browser-extension/) With manifest v3 and locale support, in Chrome #tutorial#i18n#extension

- [Vitest](https://vitest.dev/) Fast unit-test framework powered by vite #library#test

- [jondot/hygen: The simple, fast, and scalable code generator that lives in your project.](https://github.com/jondot/hygen) scaffolding with ejs and markdown templates #library#devexperience#tool

- [Spicy Sections](https://css-tricks.com/spicy-sections/) Implementation of tabs/pivots with headings and paragraphs #pattern#tab#webcomponent

- [GUI Challenges Toast](https://www.youtube.com/watch?v=R75ZVW4LW5o) CSS Grid based toast with FLIP #pattern#notification#technique#reference#animation

- [Bartosz Ciechanowski](https://ciechanow.ski/) Interactive blog #gooddesign#demo#webgl

- [Defensive CSS](https://ishadeed.com/article/defensive-css/) Ways to gracefully handle error and edge cases #technique#responsive

- [Layout patterns by web.dev](https://web.dev/patterns/layout/) Basic, modern layout by Google team #reference#layout#beginner

- [Learn Forms by web.dev](https://web.dev/learn/forms/) Comprehensive and systematic intro to HTML forms #beginner#tutorial#course

- [Open Props: sub-atomic styles](https://open-props.style/) Expertly crafted CSS custom properties #library#cssvariable

- [md-block](https://md-block.verou.me/) Render styleable Markdown in your HTML #library#markdown

- [Anthony Fu](https://antfu.me/) Beautifully designed developer home page #gooddesign

- [antfu/unocss](https://github.com/antfu/unocss) Atomic CSS engine #library#performance#designsystem

- [Interactive Rebase](https://css-tricks.com/interactive-rebase-clean-up-your-commit-history/) Git workflow to clean up commit history #workflow#reference

- [Remove Background from Image](https://www.remove.bg/) #tool

- [Brooooooklyn/swc-node](https://github.com/Brooooooklyn/swc-node) Faster ts-node without typecheck, powered by swc rust #tool#nodejs#devexperience

- [Glassmorphism in user interfaces](https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9) Trend after neumorphism #design

- [Make Sure Browsers Only Download the SVG Version](https://css-tricks.com/favicons-how-to-make-sure-browsers-only-download-the-svg-version/) #favicon#performance

- [fabiospampinato/cash](https://github.com/fabiospampinato/cash) Tiny jQuery alternative #performance#library#dom

- [enterkeyhint](https://css-tricks.com/enterkeyhint/) customize primary CTA for a form field on mobile device #mobile#form#input

- [QEMU](https://www.qemu.org/) A generic and open source machine emulator and virtualizer. Run any vm on any platform #tool

- [accesskey](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey) HTML attribute that allows browser to support keyboard shortcut without javascript #a11y#reference

- [microsoft/vscode-custom-data](https://github.com/microsoft/vscode-custom-data) Machine readable language spec for HTML and CSS used by vscode #reference

- [angus-c/just](https://github.com/angus-c/just) Single-purpose dependency-free JavaScript utilities that do just one thing. #functional#library#performance

- [Object-oriented UX (OOUX)](https://alistapart.com/article/how-to-sell-ux-research/) How system modeling intersects with user research and UI design #uxresearch#database

- [Swup](https://swup.js.org/getting-started/demo) Page transition with bare DOM API #library#animation

- [Identifont](http://www.identifont.com/index.html) Decision tree for identifying fonts #typography#tool

- [NASA Color Usage Research Lab](https://colorusage.arc.nasa.gov/index.php) Design methods, color science, and color guidelines #color#tutorial

- [Blue perception is weaker than other colors](https://gizmodo.com/believe-it-or-not-these-four-squares-move-at-the-same-1559629417) #a11y#color

- [200ok-ch/organice](https://github.com/200ok-ch/organice) An implementation of Org mode without the dependency of Emacs - built for mobile and desktop browsers #saas#editor#progressive

- [GPU.js](https://gpu.rocks/#/)  GPU accelerated Javascript for parallel computation #library#performance

- [seek-oss/vanilla-extract: Zero-runtime Stylesheets-in-TypeScript](https://github.com/seek-oss/vanilla-extract) #library#cssinjs#performance

- [wslutilities/wslu](https://github.com/wslutilities/wslu) A collection of utilities for Windows 10 Linux Subsystems. Create shortcut. Open files. #linux#tool

- [MD Nichrome](https://css-tricks.com/websites-we-like-md-nichrome/) Typeface site with gradient and noise background effect #background#gooddesign#demo#typography

- [ct.css](https://csswizardry.com/ct/) CSS debugging bookmarklet for  element #tool#performance

- [Running WSL GUI Apps on Windows 10](https://techcommunity.microsoft.com/t5/windows-dev-appconsult/running-wsl-gui-apps-on-windows-10/ba-p/1493242) Installing X windows server #tutorial#reference#linux

- [Memex](https://getmemex.com/) Web bookmarking and annotation #tool

- [Comparing HTML Preprocessor Features](https://css-tricks.com/comparing-html-preprocessor-features/) Templating, partial, slots, for static site #language#html#jamstack#comparison

- [lucydsl/liblucy](https://github.com/lucydsl/liblucy) State machine C to wasm compile #library#performance#statemanagement

- [Omatsuri](https://omatsuri.app/) Collection of browser tools for design and web dev #generative#tool

- [Haikei](https://haikei.app/) Generate unique SVG design assets #tool#generative

- [Tiny Helpers](https://tiny-helpers.dev/) Collection of single purpose design and web dev tools #tool#generative

- [Designing Beautiful Shadows in CSS](https://www.joshwcomeau.com/css/designing-shadows/) dynamic light source, colored shadow, and layering #shadow#technique#tutorial

- [W3C Design System](https://design-system.w3.org/) with vanilla js and basic css primitives #gooddesign#designsystem#methodology#itcss#bem#form

- [KBar](https://kbar.vercel.app/) ctrl+k or command+k to open command box #pattern#library

- [Flatseal](https://flathub.org/apps/details/com.github.tchx84.Flatseal) Flatpak permission management #tool#linux

- [You want enabling CSS selectors, not disabling ones](https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/) use `not` to author positive selectors, rather than negating ones for better maintainability and readability #technique#maintenance

- [CSS Pseudo Commas](https://codepen.io/ShadowShahriar/pen/LYyvVjo) css-only solution to display a list separated by commas and joined by and in the end #technique#content#text

- [writewithocto/octo](https://github.com/writewithocto/octo) Markdown editor for connected note taking #editor#markdown#saas#gooddesign

- [christianliebel/paint](https://github.com/christianliebel/paint) Open source, Web Components-based remake of MS Paint using modern web capabilities. #demo#webcomponent#file

- [hybridsjs/hybrids](https://github.com/hybridsjs/hybrids) html rendering library with template literal. Compare to lit-html #library#webcomponent

- [wikimedia/VisualEditor](https://github.com/wikimedia/VisualEditor) Rich text editor used by wikipedia #library#editor

- [gdbgui](https://github.com/cs01/gdbgui) Browser-based frontend to gdb (gnu debugger). Good for C, C++, Go, Rust, and Fortran. #tool#debug

- [highlightjs/highlight.js](https://github.com/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.](https://github.com/steveruizok/perfect-freehand) #library#draw

- [Star Rating](https://ishadeed.com/article/star-rating-svg/) SVG solution to star ratings control with half star #rating#pattern

- [Cut-Out Effect: CSS or SVG](https://ishadeed.com/article/thinking-about-the-cut-out-effect/) circular cutout for persona or avatar display #technique#tutorial

- [Free Open-Source Icons](https://www.smashingmagazine.com/2021/08/open-source-icons/) Flag, avatar, health, weather, people, vector art #icon#resource#illustration

- [Unicode Arrows](https://unicodearrows.com/all-arrows) #reference#typography

- [petersalomonsen/wasm-git](https://github.com/petersalomonsen/wasm-git) git in the browser using libgit2 compiled to WebAssembly #git#wasm#library

- [kufii/CodeSnap](https://github.com/kufii/CodeSnap) take beautiful screenshots in VS Code #tool

- [Thinking on ways to solve SWITCHES](https://www.youtube.com/watch?v=_KqccADghcA) #pattern#toggle

- [Fermat's Library](https://fermatslibrary.com/margins) Crowd sourced paper annoation #gooddesign#tool#community#knowledgebase

- [mermaid](https://mermaid-js.github.io/mermaid/) Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs. #chart#markdown#visualization#library

- [Cycle.js](https://cycle.js.org/) Observable based framework for building UI #functional#framework

- [browsh-org/browsh](https://github.com/browsh-org/browsh) A fully-modern text-based browser, rendering to TTY and browsers. Using headless browser as backend. #tui#browser#tool

- [microsoft/PowerToys](https://github.com/microsoft/PowerToys) Tiling window manager, color picker, keyboard mapping tool #tool

- [Disabled Buttons](https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/) #pattern#disabled#button

- [nextapps-de/flexsearch](https://github.com/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](https://www.smashingmagazine.com/2021/07/refactoring-css-introduction-part1/) 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](https://github.com/snowpackjs/astro/projects) Documentation, RFC, Bug as separate projects #reference#devops#projectmanagement

- [Conjuring Generative Blobs With The CSS Paint API](https://css-tricks.com/conjuring-generative-blobs-with-the-css-paint-api/) #houdini#library#technique

- [Solid](https://www.solidjs.com/) Reactive Javascript Library. React without Virtual DOM. Compare to Crank.js #framework#performance

- [vuejs/petite-vue](https://github.com/vuejs/petite-vue) 5kb subset of Vue optimized for progressive enhancement. Compare to Alpine.js #framework#progressive#performance

- [jwasham/coding-interview-university](https://github.com/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](https://blog.inkdrop.info/how-to-set-up-neovim-0-5-modern-plugins-lsp-treesitter-etc-542c3d9c9887) Status line, Gutter, LSP, Completion, File browser, Font #tutorial#editor

- [ibraheemdev/modern-unix](https://github.com/ibraheemdev/modern-unix) A collection of modern/faster/saner alternatives to common unix commands. #resource#tool

- [linuxserver/webtop](https://docs.linuxserver.io/images/docker-webtop) Run linux desktop environment in browser served from docker #container

- [Kdenlive Libre Video Editor](https://kdenlive.org/en/) Open source #free#tool

- [The Hidden Power of ES6 Generators: Observable Async Flow Control](https://medium.com/javascript-scene/the-hidden-power-of-es6-generators-observable-async-flow-control-cfa4c7f31435) From zero to rxjs #beginner#explanation

- [ultralight-ux/Ultralight](https://github.com/ultralight-ux/Ultralight) Tauri and Electron alternative #framework#nativeapp

- [DOMPurify](https://github.com/cure53/DOMPurify) HTML sanitization #security#library

- [Custom deep clone function](https://gomakethings.com/the-best-way-to-clone-an-array-or-object-with-vanilla-js/) #technique#performance

- [Frustrating Design Patterns: Broken Filters](https://www.smashingmagazine.com/2021/07/frustrating-design-patterns-broken-frozen-filters/) Design and engineering considerations on filtering #pattern#filtering#reference

- [html-to-text/node-html-to-text](https://github.com/html-to-text/node-html-to-text) Convert HTML to clean plaintext #library

- [Breadcrumbs (GUI Challenges)](https://www.youtube.com/watch?v=kHL3gxAlvK8&t=666s) HTML + CSS based, mobile friendly #pattern#responsive#navigation#breadcrumb#demo

- [System Things](https://css-tricks.com/system-things/) Use system fonts color icon for web #technique#customization#a11y

- [HTML rendered desktop app framework](https://ultralig.ht/) replacement for Electron #framework#nativeapp

- [Full stack means I'm a programmer who knows how to do some devops](https://twitter.com/sonniesedge/status/1405100821776322566) A thread that expanded to interpreting full stack as a masculinity toxic construct by capitalism #opinion

- [Asynchronous Design Critique](https://alistapart.com/article/async-design-critique-giving-feedback/) Process for giving/collecting feedback #process#collaboration

- [Making Tables With Sticky Header and Footers Got a Bit Easier](https://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/) #responsive#table#pattern

- [Crazy, Powerful TypeScript Tuple Types](https://instil.co/blog/crazy-powerful-typescript-tuple-types/) Wrap unwrap each tuple item #technique#tutorial

- [AngelList](https://angel.co/) Startup hiring and job posting platform  #resource

- [argyleink/roving-ux](https://github.com/argyleink/roving-ux) stateful roving index for web ui #keyboard#a11y#library

- [Control focus with tabindex](https://web.dev/control-focus-with-tabindex/) Arrow key controlled focus with Roving tabindex   #technique#keyboard#a11y

- [OWASP Cheat Sheet Series](https://cheatsheetseries.owasp.org/index.html) Open source security best practice for various vulnerabilities e.g. CSRF, XSS, injection #security#reference

- [CSS-in-JS analysis](https://github.com/andreipfeiffer/css-in-js) Analysis of CSS-in-JS solutions with comparison and pros and cons #reference

- [Links on Web Components](https://css-tricks.com/links-on-web-components/) Usage and considerations #webcomponent#reference

- [Wox](http://www.wox.one/) The dmenu for windows. quick launcher #tool#keyboard#productivity

- [Learn CSS](https://web.dev/learn/css/) Google's learning path #beginner#course#guide

- [xivmap](https://github.com/mccxiv/xivmap) Minimap for websites, a la Sublime Text #library#visualization

- [pagemap](https://larsjung.de/pagemap/) mini map for web pages #library#visualization

- [SVGator](https://www.svgator.com/?utm_source=css-tricks&utm_medium=article&utm_campaign=svgator3_csstricks) Free SVG Animation Creator Online - No Coding #tool#svg#animation#free

- [Ocean noise generator](https://virtocean.com) Background sound effect #tool#3d#sounddesign

- [RustBooks](https://github.com/sger/rustbooks) based on difficulty level #resource#rust

- [Inspect](https://inspect.dev/) Debug iOS from WIndows with Chrome devtool #tool#browser#ios#devexperience

- [Auto-Generated Social Media Images](https://css-tricks.com/auto-generated-social-media-images/) for open graph cover photo #technique

- [Atomico](https://github.com/atomicojs/atomico) web component with hooks, vdom, and optional jsx #webcomponent#framework

- [Nord color scheme](https://www.nordtheme.com/ports) #theming#color#gooddesign

- [WinBox - HTML5 window manager](https://nextapps-de.github.io/winbox/) modal window with HTML content, good for lightweight embed #modal#dialog

- [patriksimek/vm2](https://github.com/patriksimek/vm2) node vm with full access control #sandbox#security

- [QuickJS Javascript Engine](https://bellard.org/quickjs/quickjs.html#installation) 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](https://www.figma.com/blog/how-we-built-the-figma-plugin-system/) Figma security solution for running user generated javascript #extensibility#sandbox

- [Variable Aspect Ratio Card With Conic Gradients Meeting Along the Diagonal](https://css-tricks.com/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](https://web.dev/building-a-settings-component/) Browser native slider and checkbox styling #pattern#form#slider#checkbox

- [Lorem Picsum](https://picsum.photos) random photo placeholder #api#service#mock#image

- [Localtunnel](https://theboroer.github.io/localtunnel-www/) expose localhost to the internet, with node cli #free#tool#pairprogramming#devexperience

- [ngrok](https://ngrok.com/) expose localhost to the internet #tool#devexperience#pairprogramming

- [Gruvbox themed wall papers](https://www.reddit.com/u/atlas-ark) for various operating systems #gooddesign#resource#darkmode

- [Tokio](https://tokio.rs/) Binding for v8 used by deno.  #gooddesign#library#rust

- [Shields.io](https://shields.io/) metadata badges for open source projects and GitHub readme #tool#svg

- [A Complete Guide To Incremental Static Regeneration (ISR)](https://www.smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/) With Next.js #performance#guide#beginner

- [ProseMirror](https://prosemirror.net/) crowd funded rich text editor for the web. Has monorepo version manager builtin #editor

- [Declarative shadow dom](https://developer.chrome.com/blog/new-in-chrome-90/) use shadow dom without javascript #technique#html#webcomponent

- [focus-visible](https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/) backward compatible #technique#keyboard#focusmanagement

- [lage](https://microsoft.github.io/lage/) JavaScript topological npm script task runner #monorepo#library#devops#cicd

- [An In-Depth Guide To Measuring Core Web Vitals](https://www.smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/) #performance

- [Lightweight syntax highlighting code editor](https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/) with transparent textarea and prism #technique#wysiwyg#editor

- [CSS Container Queries](https://ishadeed.com/article/say-hello-to-css-container-queries/) intro to spec, motivation explained #beginner#responsive#tutorial#technique

- [CSS Specificity Graph Generator](https://jonassebastianohlsson.com/specificity-graph/?ref=tiny-helpers) visualize the low-to-high trend  #tool#visualization

- [SVG Generators](https://www.smashingmagazine.com/2021/03/svg-generators/) visual patterns for algorithmic and parametric design #tool#visualization#color

- [A Complete Guide To HTML Email](https://www.smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/) #guide#reference#beginner#email

- [SmolCSS](https://smolcss.dev/#smol-article-anchor-title) Minimal snippets for modern CSS layouts and components #reference#layout#responsive

- [Ping attribute on anchor links](https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/) For tracking and analytics #technique#analytics

- [Live vs. static NodeLists and HTMLCollections in vanilla JS](https://gomakethings.com/live-vs.-static-nodelists-and-htmlcollections-in-vanilla-js/) getElementsByTagName returns live collection #technique

- [Starship](https://starship.rs/) Cross-shell prompt, replace zsh, fish. #shell#cli#tool

- [Handling Text Over Images in CSS](https://ishadeed.com/article/handling-text-over-image-css/) Overlay gradient #technique#a11y#image

- [Using JavaScript module system for state management](https://krasimirtsonev.com/blog/article/javascript-module-system-for-state-management) #statemanagement#technique

- [vue-lit](https://github.com/yyx990803/vue-lit) @vue/reactivity and lit-html #statemanagement#library

- [Takes on State](https://css-tricks.com/takes-on-state/) Statement management with low overhead javascript #statemanagement#technique

- [A Complete Guide To Accessible Front-End Components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/#accessible-tap-click-menu) #pattern#a11y#reference

- [In Praise of the Unambiguous Click Menu](https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/) Drawbacks of mega hover menu  #technique#navigation#menu

- [Better Line Breaks for Long URLs](https://css-tricks.com/better-line-breaks-for-long-urls/) with `wrb` element and string replacement #technique#responsive#url

- [The Rust Programming Language](https://doc.rust-lang.org/book/) #beginner

- [React TypeScript Cheatsheets](https://github.com/typescript-cheatsheets/react) #reference

- [Shortstack](https://github.com/argyleink/shortstack) minimal setup for using future css features in vanilla js app #template#library#devexperience

- [Building a Tabs component](https://web.dev/building-a-tabs-component/) Handle scroll, snap, animation, reduced motion, by Chrome team #technique#pattern#tab#tutorial#scroll

- [URL validation regex](https://mathiasbynens.be/demo/url-regex) Comparison table of all URL regex matchers #reference

- [How to Animate the Details Element](https://css-tricks.com/how-to-animate-the-details-element/) rotate chevron and expand details content #technique

- [How to Animate the Details Element Using WAAPI](https://css-tricks.com/how-to-animate-the-details-element-using-waapi/) web animation api for height #technique

- [cubic-bezier visualization](https://cubic-bezier.com/#.17,.67,.83,.67) generator for css animation timing function #animation#timing#tool

- [Developer Roadmaps](https://roadmap.sh/) #guide#resource#reference#beginner

- [Programming Guides](https://roadmap.sh/guides) Visualized learning paths for software technologies #guide#beginner

- [Getting Deep into Shadows](https://css-tricks.com/getting-deep-into-shadows/) realistic css styling #explanation#shadow#technique

- [Systems design explains the world: volume 1](https://apenwarr.ca/log/20201227) Career path, rewrite vs refactor, and disruption theory #philosophy#businessstrategy

- [Desirable Streets](https://senseable.mit.edu/desirable-streets/) MIT Senseable City Lab. Computer vision and big data analytics #visualization#datadriven#gooddesign

- [The documentation system by divio](https://documentation.divio.com/) tutorial vs. guide vs. explanation/topic vs. reference #documentation#guide#tutorial#gooddesign#content

- [Scrollbars on Hover](https://css-tricks.com/scrollbars-on-hover/) With css mask #scroll#technique

- [Houdini.how](https://houdini.how/) visual effects packaged as Houdini paint worklet with node connection graph #houdini#resource#background

- [DevOps Crash Course (Docker, Terraform, and Github Actions)](https://www.youtube.com/watch?v=OXE2a8dqIAI&ab_channel=TraversyMedia) github tag based release trigger setup #devops#tutorial#beginner

- [Label in Name](https://css-tricks.com/whats-new-in-wcag-2-1-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](https://gomakethings.com/detecting-when-focus-leaves-a-group-of-elements-with-vanilla-js/) onFocusOut implementation for dialog #technique#dialog#modal#focusmanagement#keyboard

- [ESM](https://esm.sh/) javascript native module CDN, similar to skypack #cdn#prototyping

- [Aleph.js](https://alephjs.org/docs) Next.js for Deno, without npm overhead #framework

- [Vanilla javascript Event Bus](https://css-tricks.com/lets-create-a-lightweight-native-event-bus-in-javascript/) using Native DOM events with EventTarget to implement pubsub, emitter-listener. #technique

- [Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode](https://css-tricks.com/using-css-custom-properties-to-adjust-variable-font-weights-in-dark-mode/) text appears heavier due to rendering artifact #typography#darkmode#technique

- [Coding Fonts](https://coding-fonts.css-tricks.com/) monospace, with ligatures, free and paid #typography#resource#variablefont

- [Super Tiny Icons](https://github.com/edent/SuperTinyIcons) product logo and icons under 1KB each in svg and png #logo#icon#resource

- [swc](https://swc.rs/docs/installation) javascript/typescript compiler written in Rust #tool#compiler

- [Mixing Colors in Pure CSS](https://css-tricks.com/mixing-colors-in-pure-css/) using animation time as input #color#technique

- [utterances](https://utteranc.es/) github styled comments anywhere, stored as issues #library#gooddesign

- [The Art of Code - Dylan Beattie](https://www.youtube.com/watch?v=6avJHaC3C2U) epic talk on quine, algorithm, recursion, computer language design, and interactive art #inspiration#algorithm

- [React is Fiction](https://www.youtube.com/watch?v=kqh4lz2Lkzs) Jenn Creighton applying creative writing technique to React component composition. Be more declarative and less DRY #opinion#react#philosophy#architecture

- [Lateral](https://lateral.io/) knowledge block detection, tagging, and grouping #ai#nlp#saas

- [The Silver Searcher](https://github.com/ggreer/the_silver_searcher) high performance full text file search utility #searchengine#tool

- [Technical debt as a lack of understanding](https://daverupert.com/2020/11/technical-debt-as-a-lack-of-understanding/) justify refactoring/rewriting after reorganization #philosophy#opinion

- [Technical Credit](https://www.stillbreathing.co.uk/2016/10/13/technical-credit) anticipating emergent technology  #philosophy#opinion#progressive

- [Lean Web Principles](https://leanweb.dev/ebook/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](https://matthewstrom.com/writing/copying/) Matthew Ström musing on copy, open source, and creative learning #opinion#philosophy

- [Marked](https://github.com/markedjs/marked) A mature markdown parser and compiler #markdown#library#editor

- [Starting a Small Business as a Web Developer](https://www.youtube.com/watch?v=qn6OhK_Irm4) legal and logistics #entrepreneur#startup

- [How to Build HTML Forms Right: Styling](https://stegosource.com/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](https://gomakethings.com/how-to-sanitize-third-party-content-with-vanilla-js-to-prevent-cross-site-scripting-xss-attacks/) #technique#security

- [Bokeh](https://docs.bokeh.org/en/latest/docs/gallery.html) for modern web browser #visualization#library

- [Example Gallery](https://vega.github.io/vega/examples/) json to SVG #visualization#library

- [ungap/custom-elements-builtin](https://github.com/ungap/custom-elements-builtin) A polyfill for Custom Elements builtin extends #webcomponent#library

- [WordPress and Jamstack](https://css-tricks.com/wordpress-and-jamstack/) comparison #opinion#jamstack

- [Nathan Shipley](http://www.nathanshipley.com/) AI and technology artist #inspiration#machinelearning

- [Popmotion: The animator's JavaScript toolbox](https://popmotion.io/) high performance utilities with javascript transfroms #animation#library

- [Layout projection: A method for animating browser layouts at 60fps](https://mattperry.is/writing-code/layout-projection-animate-browser-layout-60fps) simpler than FLIP #animation#technique#performance

- [link-to-qr](https://link-to-qr.com/) QR code generator #tool#qrcode

- [Handsfree.js.org](https://handsfree.js.org/#/) head tracking with tensor flow demo #machinelearning#headtracking#hci#demo#library

- [Phosphor Icons](https://phosphoricons.com/) duo tone icon set #icon#free#resource

- [Daily.dev](https://daily.dev/) developer news feed as a service, open sourced #platform#news#rss

- [Old, Good Database Design](https://relinx.io/2020/09/14/old-good-database-design/) entry level explanation of database design basics #beginner#database#reference

- [Hands-Free Coding](https://joshwcomeau.com/accessibility/hands-free-coding/) talon dictation and eye tracking #a11y#editor#humanfactor#tool#productivity

- [Fig - Visual Apps & Shortcuts for your Terminal](https://withfig.com/) augment terminal with GUI and autocompletion #tool#tui#devexperience#terminal#gooddesign

- [Cheating Entropy with Native Web Technologies](https://blog.jim-nielsen.com/2020/cheating-entropy-with-native-web-tech/) native low-tech for better maintenance #opinion#devexperience

- [Faster Web App Delivery with PRPL](https://addyosmani.com/blog/the-prpl-pattern/) optimized for SPA architecture, server push, pre-cache, lazy-load #performance#caching#technique

- [molefrog/wouter](https://github.com/molefrog/wouter/) minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS. #library#lightweight

- [The shared component cloud · Bit](https://bit.dev/) searchable repository of components from many frameworks #resource#saas#pattern

- [armandsalle/butter-slider](https://github.com/armandsalle/butter-slider) Butter is a simple drag and hold slider. With 0 dependencies #carousel#webcomponent#library#lightweight

- [Radix Icons](https://icons.modulz.app/) optimized for high density interface design tool 15x15 #free#resource

- [Rudimentary Roam replica with Org-mode](https://github.com/org-roam/org-roam) note taking extension for Emacs #tool#editor

- [beachball](https://microsoft.github.io/beachball/cli/change.html) Semantic version bumper by Microsoft #tool#versioning#monorepo

- [An alternative to single page apps: multi-page apps with service workers](https://gomakethings.com/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](https://polypane.app/css-3d-transform-examples/) 3d surface with light and shadow #technique#3d#transform#pattern#reference

- [css clamp() for typeramp](https://utopia.fyi/blog/clamp/) continuous function exported at quantum steps #technique#typography#responsive

- [Full bleed layout using simple CSS](https://kilianvalkhof.com/2020/css-html/full-bleed-layout-using-simple-css/) #technique#layout

- [Why Tailwind CSS](https://www.swyx.io/why-tailwind/) arguments for and against utility-first methodology #opinion#methodology

- [How To Name Things](https://www.swyx.io/how-to-name-things/) swyx guide for naming functions and variables #reference#opinion

- [Full Bleed Layout Using CSS Grid](https://joshwcomeau.com/css/full-bleed/) span entire row with max width clamp #technique#layout

- [Designing Fluid Interfaces](https://developer.apple.com/videos/play/wwdc2018/803/) 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](https://orgmode.org/) todo agenda and calendar management in emacs #editor#plaintext#tool#gooddesign

- [Checkbox as toggle buttons](https://christianheilmann.com/2020/09/24/checkboxes-make-excellent-buttons/) binary boolean stateful buttons #pattern#technique#checkbox#button#a11y

- [Modfy](https://app.modfy.video/) Wasm Video Transcoder for editing and combining and resizing #tool#video

- [visx](https://github.com/airbnb/visx/) airbnb open source data visualization library for React, alternative to D3 #visualization#library#react

- [IconPark](http://iconpark.bytedance.com/official) 1k+ high quality general purpose multi-color icon for app building by ByDesign #icon#free#resource

- [a11yresources](https://a11yresources.webflow.io/)  A growing list of accessibility tools and resources #a11y#resource

- [The failed promise of Web Components](https://lea.verou.me/2020/09/the-failed-promise-of-web-components/) ignore HTML standard, heavy dependency and javascript requirement #opinion#webcomponent

- [Github Elements](https://www.webcomponents.org/collection/github/github-elements) web components by Github, time, menu, autocomplete #pattern#webcomponent

- [Keyboard Simulator](https://keyboardsimulator.xyz/) color theme design for mechanical keyboards #tool#keyboard

- [Meta Tags](https://metatags.io/) meta tag generator and preview for social media share #tool#seo

- [How does the TypeScript Angular DI magic work?](http://nicholasjohnson.com/blog/how-angular2-di-works-with-typescript/) Reflect metadata, TypeScript emiDecoratorMetadata, dependency injection #technique#framework

- [Building](https://adactio.com/articles/16334) 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](https://icons.mono.company/) #icon#free#resource

- [Tools should not only be for experts – they should turn us into them](https://christianheilmann.com/2020/09/15/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](https://www.youtube.com/watch?v=PUv66718DII) 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](https://daverupert.com/2020/09/tangled-webs) trade off between modularity and complexity of dependencies #opinion#philosophy

- [Sombras.app](https://sombras.app/) 3D projection shadow design #tool

- [Forms best practice](https://gerireid.com/forms.html#error-messages) #pattern#button#checkbox#datetime#error#radio#select#input#form#reference#notification

- [BGJar](https://bgjar.com/) SVG background generator #tool

- [Michael Blackwood Productions](https://www.michaelblackwoodproductions.com/) high quality architecture and art documentaries #resource

- [Build your own React](https://pomb.us/build-your-own-react/) React internal explained: createElement, render, fiber, Reconciliation, Hooks #tutorial#reference#gooddesign

- [strategy](https://sriramk.com/strategy) business, disruption, consumer technology blogs #resource

- [TypeScript: Create a condition-based subset types](https://medium.com/dailyjs/typescript-create-a-condition-based-subset-types-9d902cea5b8c) #technique

- [vercel/pkg](https://github.com/vercel/pkg#readme) Package your Node.js project into an executable #tool#container

- [Overmind](https://overmindjs.org/) State management library for any framework

- [Build your own React](https://pomb.us/build-your-own-react/) deep dive of react internals: render, fiber, diffing, hooks #react#tutorial

- [Most common words in English](https://en.wikipedia.org/wiki/Most_common_words_in_English) useful for stop words in NLP, search engine, tokenizer #nlp#reference

- [Examine.com](https://examine.com/) Independent Analysis on Supplements & Nutrition with scientific evidence #tool#reference

- [Styling Complex Labels](https://cloudfour.com/thinks/styling-complex-labels/) style radio button option as cards #technique#radio#form#pattern

- [Support password manager in password form](https://twitter.com/thearslankhalid/status/1302143480693743616) new-password and current-password hints #form#password#technique

- [web-padawan/vanilla-colorful](https://github.com/web-padawan/vanilla-colorful) A tiny color picker custom element for modern web apps. #webcomponent#library

- [Custom, accessible radio/checkbox buttons with perfect alignment](https://codyhouse.co/blog/post/custom-accessible-radio-checkbox-buttons-vertical-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](https://blog.datawrapper.de/beautifulcolors/) palette and theme design #technique#theming

- [Stitches](https://stitches.dev/) tiny size css in js library with server-side rendering (ssr), compare to styled components #library

- [shadeed/headers-css](https://github.com/shadeed/headers-css) The blueprint HTML and CSS for website headers #pattern#reference#layout

- [Omatsuri](https://omatsuri.app/) base64 encoding, fake/mock/dummy data with profile image, symbols with unicode, and keyboard event debugger #tool

- [Web Brutalism, Seamfulness, and Notion](https://www.viget.com/articles/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](https://brutalist-web.design/?email=) #brutalism#opinion

- [React JSON Graph](http://antonkalinin.github.io/react-json-graph/) node link graph drawing #library

- [Accordion Icons](https://www.nngroup.com/articles/accordion-icons/) use down caret or plus for inline expansion. use side arrow for links #pattern#accordion

- [Gradient Magic](https://www.gradientmagic.com/) Fantastic and Unique CSS Gradients #resource#background

- [Flume](https://flume.dev/) React based node and link canvas editor #library#diagram

- [umami](https://umami.is/) self hosted analytics for modern web stack #library

- [Eponymous Laws](https://www.swyx.io/writing/eponymous-laws/) Heuristics and rules in software, hardware, business, and technology world #reference#philosophy

- [swyx Writing | Developer Exception Engineering](https://www.swyx.io/writing/developer-exception/) Deep analysis on developer experience #devexperience#process#tool

- [Copy the Browser’s Native Focus Styles](https://css-tricks.com/copy-the-browsers-native-focus-styles/) #technique#a11y

- [JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/) object oriented #reference#language

- [The Decline of Usability](https://datagubbe.se/decusab/) criticism on how desktop app design were influenced by mobile app trends #opinion

- [ryanmcdermott/clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript) Clean Code concepts adapted for JavaScript #coding#reference#methodology#guide#beginner

- [jxnblk/mdx-deck](https://github.com/jxnblk/mdx-deck) React MDX-based presentation decks #tool#library

- [Spectacle](https://formidable.com/open-source/spectacle/docs/basic-concepts/#mdxmarkdown) MDX based slide presentation maker for jsx and markdown #tool#library#mdx

- [Carbon](https://carbon.now.sh/) code snippet screenshot generator #tool#marketing#mock

- [HTML for Subheadings and Headings](https://css-tricks.com/html-for-subheadings-and-headings/) how to markup subtitle with aria role doc-subtitle #technique#a11y

- [System UIcons](https://systemuicons.com/) outline styled icons for modern apps #icon#free#resource

- [Natively Format JavaScript Numbers](https://elijahmanor.com/format-js-numbers) units, percent, currency #reference#technique

- [Kinopio](https://kinopio.club/) collaborative canvas mind mapping app with cards/nodes and edges/links #service

- [Creating 3D Illustrations with CSS](https://frontend.horse/articles/creating-3d-illustrations-with-css/) #technique

- [OK-Cancel or Cancel-OK?](https://www.nngroup.com/articles/ok-cancel-or-cancel-ok/) Order of actions in dialog #uxresearch

- [theheadless.dev](https://theheadless.dev/) E2E testing code snippets for Puppeteer & Playwright #test#reference#library

- [Manolo ide](https://www.behance.net/manoloide) Generative artist portfolio #processing#inspiration

- [Logo Design](https://blog.tubikstudio.com/logo-design-free-e-book-by-tubik-studio/) Free E-Book by Tubik Team #resource

- [New insights on poverty](https://www.ted.com/talks/hans_rosling_new_insights_on_poverty?language=en) early application of data visualization #visualization#gooddesign

- [The Component IDE for

Web Platform Developers](https://webcomponents.dev/) host, demo and IDE #saas#ide#tool#webcomponent

- [Generative Logo Design](https://components.ai/notes/logo/) variable shape, overlay, frame, typograph with svg #technique

- [CUBE CSS](https://piccalil.li/cube-css/) Composition, Utility, Block, Exception #methodology

- [How I Structure My CSS (for Now)](https://matthiasott.com/notes/how-i-structure-my-css) an implementation of ITCSS #itcss#methodology

- [Full-Text Search engine](https://artem.krylysov.com/blog/2020/07/28/lets-build-a-full-text-search-engine/) index, tokenize, stem, query #tutorial#searchengine

- [Previewed](https://previewed.app/) device mocks with frames for iphone, android, mac. Great for app store and marketing site #tool

- [Free Vector Illustrations & Animations](https://www.pixeltrue.com/free-illustrations) animated image for error 404 page #illustration#resource#free

- [Different versions of your site can be running at the same time](https://jakearchibald.com/2020/multiple-versions-same-time/) handling conflict, offline, deploy, conflict #technique#versioning#pwa

- [phoenixframework/phoenix_live_view](https://github.com/phoenixframework/phoenix_live_view) stream HTML between server and client in realtime #framework#gooddesign

- [gcanti/io-ts](https://github.com/gcanti/io-ts) Runtime type encode, decode, assertion #typescript#language#library

- [Immer](https://immerjs.github.io/immer/docs/introduction) immutable state mutation #library#immutable#statemanagement

- [react-spring/zustand](https://github.com/react-spring/zustand) Minimal flux pattern for React and non-React #statemanagement#library#react

- [React Query](https://react-query.tanstack.com/docs/overview) Query library with state management, caching, error handling #react#statemanagement#api#library

- [interact.js](https://interactjs.io/) JavaScript drag and drop, resizing and multi-touch gestures for modern browsers #dragndrop#touch#resize#snap#canvas

- [React state management roundup](https://github.com/wesbos/Syntax/blob/master/shows/272%20-%20react%20roundup.md) Pros and cons of libraries #statemanagement#library#react#flux

- [josh-richardson/cadmus](https://github.com/josh-richardson/cadmus/) Pulse Audio real-time noise suppression plugin #audio#tool

- [Graceful degradation versus progressive enhancement](https://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement) when to use which #responsive#progressive#philosophy

- [A Lightweight Masonry Solution](https://css-tricks.com/a-lightweight-masonry-solution/) with native css grid  #technique#layout

- [Noyaki (open burning)](https://japanese-wiki-corpus.github.io/culture/Noyaki%20(open%20burning).html) to kill insect and maintain life #philosophy

- [Teenyicons Tiny minimal 1px icons](https://teenyicons.com/) 15px grid with svg and figma asset #free#icon

- [jamiebuilds/tinykeys](https://github.com/jamiebuilds/tinykeys) for cross platform keybindings and keyboard shortcuts #keyboard#library

- [The 100 Day Project](https://medium.com/the-100-day-project) Learning journey for 3D, Motion design, illustration, lettering #gooddesign#tutorial#beginner#resource

- [What does 100% mean in CSS?](https://wattenberger.com/blog/css-percents) padding top and bottom is percentage of parent's width #reference

- [Pausing a GIF with details/summary](https://css-tricks.com/__trashed-26/) css only #technique#a11y

- [Unholy Albatross](http://www.miragecraft.com/articles/unholy_albatross.html) Improved Holy Albatross with css clamp and max function #responsive#technique

- [Bold on Hover Without the Layout Shift](https://css-tricks.com/bold-on-hover-without-the-layout-shift/) use hidden pseudo element with bold weight #technique#hover

- [CSS Vocabulary](http://apps.workflower.fi/vocabs/css/en#universal-selector) concepts and terminology dictionary with demo code #reference

- [isomorphic-git](https://isomorphic-git.org/) A pure JavaScript implementation of git for node and browsers #git#library

- [Rich HTML in markdown on Github](https://medium.com/@omrilotan/rich-html-in-github-readme-bfb3de791441) embed any HTML as SVG foreignObject #technique#image#markdown

- [Modern CSS Techniques To Improve Legibility](https://www.smashingmagazine.com/2020/07/css-techniques-legibility/) sizing, line-height, color, measure #typography#technique

- [Import non-ESM libraries in ES Modules, with client-side vanilla JS](https://lea.verou.me/2020/07/import-non-esm-libraries-in-es-modules,-with-client-side-vanilla-js/) let `import` handle `require` #technique

- [What the fuck is](https://whatthefuck.is/) JavaScript concept explained #reference#language

- [primo](https://primo.af/) all-in-one IDE, CMS, component library, and static site generator. Free and open source. #cms#service

- [On dependency](https://v7.robweychert.com/blog/2020/06/v7-on-dependency/) a self-sufficient approach to tooling and tech stack #opinion#philosophy#maintenance

- [grapesjs](https://github.com/artf/grapesjs) Free and Open source Web Builder Framework. Next generation tool for building templates without coding #dragndrop#library#nocode

- [Stages of team formation](https://www.mindtools.com/pages/article/newLDR_86.htm) Forming, Storming, Norming, and Performing #model#leadership#humanfactor

- [Lemon.io](https://lemon.io) A developer to startup broker freelancing platform #gooddesign#freelance#platform

- [Design showcase websites](https://lemon.io/127-design-websites) Submit design to website for award and showcase #resource#marketing

- [Node Target Mapping](https://github.com/microsoft/TypeScript/wiki/Node-Target-Mapping) set up typescript for node environment #reference

- [AudioMass](https://audiomass.co/) web based audio editor, replace Audacity for noise reduction, clipping, splicing #tool#audio

- [Foam](https://foambubble.github.io/foam/) opensource vs code extension for knowledge management #knowledgebase#tool

- [Zettelkasten](https://zettelkasten.de/posts/overview/) A method to organize knowledge #knowledgebase

- [Zettlr](https://www.zettlr.com/) opensource markdown editor for the desktop #tool#markdown#free

- [Tabler Icons](https://tablericons.com/) Customizable stroke and size SVG icons #free#icon#resource

- [The Wet Codebase by Dan Abramov – Deconstruct](https://www.deconstructconf.com/2019/dan-abramov-the-wet-codebase) A case against DRY principle with pragmatic reason from project organic growth #philosophy#opinion

- [Video players and services](https://github.com/wesbos/Syntax/blob/master/shows/266%20-%20video.md) #video#resource#library#service

- [robinmoisson/staticrypt](https://github.com/robinmoisson/staticrypt) Password protect a static HTML page #library#jamstack

- [Tauri Studio](https://tauri.studio/) electron alternative for native apps built with html css and javascript #nativeapp#framework

- [ThreeNodes.js](https://github.com/idflood/ThreeNodes.js) vvvv "clone" in javascript/webgl, with node based editor. UI is good for parametric pipeline building  #visualization#library#cgi

- [VVVV.js](http://vvvvjs.com/) Visual Web Client Programming with in browser node editor #visualization#library#webgl#cgi

- [PixiJS](https://www.pixijs.com/) WebGL renderer for 2D #library#webgl

- [Apply different color to favicon for dark mode](https://twitter.com/CodyWebHouse/status/1280515162806550529) #darkmode#favicon#technique

- [The Fastest Navigation Layout for a Three-Level Menu](https://uxmovement.com/navigation/the-fastest-navigation-layout-for-a-three-level-menu/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+uxmovement+%28UX+Movement%29) Perfer left nav or Left-top nav #navigation#pattern#uxresearch

- [Ten modern layouts in one line of CSS](https://web.dev/one-line-layouts/) applied grid and flex box #technique#layout#demo

- [Lights and Shadows](https://ciechanow.ski/) WebGL demo for physics based light and shadow effects #webgl#3d#physics#demo

- [Free Faces](https://freefaces.gallery/) Free fonts collection #typography#free#resource

- [HTML Systems](http://html.systems/) Components built with plain html and css #library#webcomponent#reference#pattern

- [Webring](https://en.wikipedia.org/wiki/Webring) connect Indie publishers with a shared navigation component on all participating websites #standard#social#gooddesign

- [RSS Box](https://rssbox.herokuapp.com/) 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](https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546) comprehensive ux guide #form#input#radio#checkbox#select#multiselect#toggle

- [ttalvitie/browservice](https://github.com/ttalvitie/browservice) proxy a browser by streaming its screenshot to a chromium client #technique#library#browser

- [keen-slider](https://keen-slider.io/examples/#examples) native-like smooth slider and datetime picker #library#animation#slider#carousel#datetime

- [diagrams.net (drawio)](https://app.diagrams.net/) powerful diagraming tool with github-backed data persistence #tool#draw#diagram#free

- [12 Ways To Improve User Interview Questions](https://www.smashingmagazine.com/2020/06/user-interview-questions/) how to ask productive unbiased questions #interview#uxresearch

- [turbolinks](https://github.com/turbolinks/turbolinks) Turbolinks makes navigating your web application faster by ajax dom body swapping head merging #performance#jamstack#routing#library#navigation

- [AssemblyScript](https://www.assemblyscript.org/) compile typescript into wasm #language#wasm

- [Modern DNS Hosting for Everyone](https://desec.io/) free and open source #service#infrastructure

- [I Don’t Care What Google or Apple or Whoever Did](https://adrianroselli.com/2020/03/i-dont-care-what-google-or-apple-or-whomever-did.html) don't copy design patterns from large companies #opinion#a11y

- [Better Form Inputs for Better Mobile User Experiences](https://css-tricks.com/better-form-inputs-for-better-mobile-user-experiences/) #pattern#form#input#a11y#technique

- [Delete all node_modules directories](https://gomakethings.com/how-to-delete-all-node_modules-directories-from-your-computer/) a utility script #tool

- [Inclusively Hiding & Styling Checkboxes and Radio Buttons](https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/) advanced technique for custom checkbox styling #a11y#checkbox#pattern#technique

- [Artvee](https://artvee.com/) high res art and illustrations in the public domain #free#illustration#image#resource

- [Collection of free software development tutorials](https://www.tutorialist.io/) Collection of tutorials for software development #tutorial#beginner#resource

- [Dexie.js](https://dexie.org/) A Minimalistic Wrapper for IndexedDB running in node and browser #library#database

- [Multi-room audio casting system with Raspberry Pi](https://www.balena.io/blog/turn-your-old-speakers-or-hi-fi-into-bluetooth-receivers-using-only-a-raspberry-pi/?utm_medium=etcher&utm_source=efp&utm_campaign=balena-sound&utm_content=v6#hardwarerequired) support AirPlay and bluetooth #tutorial#iot

- [Ricing resources - Ricepedia](https://rizonrice.club/Rice:Resources) customizing desktop enviroments #ricing#resource#customization#theming

- [Hybrid positioning with CSS variables and max()](https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/) sticky sidebar below header #technique#scroll

- [Grid.js](https://gridjs.io/) developer friendly table for any framework #library#table

- [No Design Development](https://nodesign.dev/) #typography#hero#illustration#icon#color#video#resource

- [Fenced Code Blocks](https://gitpitch.com/docs/code-features/fenced-blocks/) language names for markdown code block #reference

- [Docusaurus](https://v2.docusaurus.io/) documentation generator for react and markdown #tool#library#documentation

- [Zipcall](https://zipcall.io/) P2P video call based on webrtc #tool#gooddesign

- [microsoft/roosterjs](https://github.com/microsoft/roosterjs) roosterjs is a framework-independent javascript rich text editor. #wysiwyg#library#text#editor

- [Headless CMS Break Down & Roundup](https://syntax.fm/show/254/headless-cms-break-down-and-roundup) collection of many cms services and libraries #cms#resource

- [TinaCMS](https://tinacms.org/) real-time editing on static site backed by github #cms

- [Roam Research](https://roamresearch.com/) A note taking tool for networked thought. #tool#gooddesign#knowledgebase

- [Semilattice](https://www.semilattice.xyz/) design concept for personal knowledge management system #gooddesign#knowledgebase

- [CUBE (Composition Utility Block Exception) CSS](https://piccalil.li/blog/cube-css/) Using bracket or pipe character in class string to enable grouping #technique

- [Here’s what I didn’t know about “content”](https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/) css pseudo element deep dive #technique#reference

- [Sorted CSS Colors](https://enes.in/sorted-colors/) by hue, lightness, and saturation #tool

- [Iconfinder](https://www.iconfinder.com/) huge collection of high quality iconsets #icon#resource#free

- [htmx - high power tools for html](https://htmx.org/) update dom with server rendered html snippet #framework

- [Tools for better thinking](https://untools.co/) system thinking, decision making, and problem solving tools #tool

- [The Third Age of JavaScript](https://www.swyx.io/writing/js-third-age/) evolution of tooling and dev experience for js #philosophy

- [new.css](https://newcss.net/) classless css framework that uses only semantic HTML #library

- [Neon Mode: Building a new Dark UI](https://www.codista.com/en/blog/neon-mode-building-new-dark-ui/) dark mode with glowing light emitting effect #darkmode#technique

- [The Kawaiization of product design](https://vanschneider.com/the-kawaiization-of-product-design) healing and positive emotion from cute design

- [Welcome to Hoogle](https://hoogle.haskell.org/) Haskell API search engine for all libraries built in the language #reference

- [JS Comparison Table](https://dorey.github.io/JavaScript-Equality-Table/?ck_subscriber_id=681173061) javascript weak identity table #reference

- [Excalidraw](https://excalidraw.com/) Ergonomic box drawing for low-fi wireframe and mockup #tool

- [Pepsi logo redesign](https://www.goldennumber.net/wp-content/uploads/pepsi-arnell-021109.pdf?ck_subscriber_id=681173061) A great presentation of rationalizing art direction choices #gooddesign#logo

- [Visual Vocabulary](https://ft-interactive.github.io/visual-vocabulary/) How to visualize data with the right tools #visualization#resource

- [terminal.sexy](https://terminal.sexy/) Terminal Color Scheme Designer #tool#theming

- [Solving the N+1 Problem for GraphQL through Batching](https://engineering.shopify.com/blogs/engineering/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](https://christianheilmann.com/2020/05/05/progressively-enhancing-radio-buttons-with-svg-whilst-staying-accessible/) #radio#form

- [Open Peeps](https://blush.design/collections/open-peeps/builder/1J9RpJ41c) #illustration#resource

- [A case study of complex table design](https://jlongster.com/case-study-complex-table-design) For financial data with sticky header and side column #table#demo

- [Container Queries With watched-box & resizeasaurus](https://css-tricks.com/playing-with-fake-container-queries-with-watched-box-resizeasaurus/) Web components for adding resize capability and element query #responsive#technique

- [List Style Recipes](https://css-tricks.com/list-style-recipes/) styling ol, ul, li elements with custom bullets #list#technique

- [Using CSS to Control Text Selection](https://codersblock.com/blog/using-css-to-control-text-selection/) click to select all, click again to custom select #technique#text

- [alpinejs/alpine: ](https://github.com/alpinejs/alpine) A rugged, minimal framework for composing JavaScript behavior in your markup. #framework#library

- [Formik](https://jaredpalmer.com/formik/docs/overview) For React #form#validation#library

- [microsoft/playwright](https://github.com/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](https://chriszarate.github.io/bookmarkleter/) Generate bookmarklet for Chrome #tool

- [You-Dont-Know-JS](https://github.com/getify/You-Dont-Know-JS/tree/1st-ed) Deep dive into JavaScript language design #tutorial

- [gothinkster/realworld](https://github.com/gothinkster/realworld) Full stack example apps clone of Medium showing for framework evaluation and comparison #framework#demo

- [chjj/blessed](https://github.com/chjj/blessed#windows-compatibility) A high-level terminal interface library for node.js #gooddesign#tui#library

- [gqless](https://gqless.dev/) A GraphQL client that auto generates queries based on reference in code #library#graphql#gooddesign#database

- [Blitz.js](https://blitzjs.com/) Rails-like framework for monolithic, full-stack React apps — built on Next.js. Compete with Redwood.js #framework#monolithic#fullstack

- [Prisma](https://www.prisma.io/) DB query builder that bridges GraphQL, node, Next.js server with SQL database #database#library

- [themer](https://themer.dev/) well designed tool that generates themes for text editors, terminals #gooddesign#tool#theming#color

- [40 Free HTML landing page templates](https://dev.to/davidepacilio/40-free-html-landing-page-templates-3gfp) home, hero, welcome design #inspiration#resource#marketing

- [67 Free device icons](https://freebiesbug.com/illustrator-freebies/67-device-icons/) phone, screen, media #free#icon#resource

- [pattern.css](https://bansal.io/pattern-css#zigzag) Hero pattern background, separator, font, and image container #library#resource

- [98.css](https://jdan.github.io/98.css/) A design system for building faithful recreations of old UIs (windows 98) #designsystem#gooddesign#a11y

- [CSS for internationalisation](https://www.chenhuijing.com/blog/css-for-i18n/#%F0%9F%91%9F) text emphasis per character, writing direction and East Asian language considerations, and "lang" attribute #technique#i18n

- [Spacing in CSS](https://ishadeed.com/article/spacing-in-css/) spacer, layout, card, article, flexbox, and grid #technique#beginner#reference

- [Crank.js](https://crank.js.org/) reactive ui framework with vanilla javascript generator and promise #framework#gooddesign

- [Plausible Analytics](https://plausible.io/) Light weight alternative to Google Analytics #analytics#service

- [Heydon/watched-box](https://github.com/Heydon/watched-box) Container query implemented with ResizeObserver by Heydon Pickering #library#responsive

- [A minimalist stylesheet for HTML elements](https://andybrewer.github.io/mvp/) No class names, no CSS frameworks, just semantic HTML. For hackathon and one pager #library#gooddesign

- [Screely](https://www.screely.com) Generate Beautiful Mockups with browser window #tool#marketing#mock

- [BEM Naming Cheat Sheet](https://9elements.com/bem-cheat-sheet/) with example blocks #reference#bem#naming

- [LCH Colour picker](https://css.land/lch/) #tool#color

- [CSS Findings From The New Facebook Design](https://ishadeed.com/article/new-facebook-css/) use image for box-shadow to improve performence #shadow#performance#technique

- [HTML DOM](https://htmldom.dev/) Common tasks of managing HTML DOM and building web app with vanilla JavaScript #reference#form#technique#tutorial

- [Animockup](https://animockup.com/) Animated mockup inside a device frame support custom video upload #tool#marketing

- [ashthornton-gc/asscroll](https://github.com/ashthornton-gc/asscroll) Ash's Smooth Scroll #scroll#library

- [Exciting Multi-line Highlights](https://codepen.io/MananTank/pen/qBdyZXR) Background repeat on inline multiline paragraph #technique#highlight#text

- [Styling Scrollbars with CSS: The Modern Way to Style Scrollbars](https://alligator.io/css/css-scrollbars/) #technique#scroll

- [tabler/tabler-icons](https://github.com/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](http://payforlayers.com/) Minimalist human figure drawing #illustration#free#resource

- [jaredpalmer/tsdx](https://github.com/jaredpalmer/tsdx) Zero-config CLI for TypeScript package development #tool#library

- [RedwoodJS](https://redwoodjs.com/) 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](https://www.smashingmagazine.com/2020/02/html-drag-drop-api-react/#top) #beginner#dragndrop#technique#file

- [Technical writing courses ](https://developers.google.com/tech-writing/overview) by Google #resource#documentation#writing

- [tannerlinsley/react-query](https://github.com/tannerlinsley/react-query) Hooks for fetching, caching and updating asynchronous data in React #react#hook#library

- [Getting Started | React Table Documentation](https://react-table.js.org/) Hooks for building lightweight, fast and extendable datagrids for React #renderless#library#table#pattern#react#hook

- [Window.matchMedia()](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) Detect screen size and dark mode using media query in JavaScript #api#documentation#technique#responsive

- [Brain.js: Neural networks in JavaScript](https://brain.js.org/#/) User friendly neural network framework #beginner#library#machinelearning

- [Advanced Design System Considerations - Alex Sexton | JSConf Hawaii 2020](https://www.youtube.com/watch?v=EDyiaDJJu-4) 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](https://noti.st/jensimmons/h0XWcf) Intrinsic web design inception talk with history reviews #responsive#beginner#layout

- [How to animate scrolling to anchor links with one line of CSS](https://gomakethings.com/how-to-animate-scrolling-to-anchor-links-with-one-line-of-css/) Smooth scroll to hash anchor tags with css #technique#scroll

- [Conversation](https://twitter.com/argyleink/status/1223026734817087488) Check and use local font before download from remote #typography#technique#performance

- [css-only fluid modular type scales](https://utopia.fyi/blog/css-modular-scales) responsive type ramp without media query #typography#responsive#technique

- [midori](https://aeroheim.github.io/midori/) animated background with special cinematic effects #library#background#image#video

- [vecta.io](https://vecta.io/) Powerful, online SVG editor for teams, come with symbols #tool#svg

- [Stop Using ‘Drop-down’](https://adrianroselli.com/2020/03/stop-using-drop-down.html) select, datalist, combobox, autocomplete #pattern#a11y

- [Discount for student dev](https://github.com/AchoArnold/discount-for-student-dev/blob/master/README.md) discount, credit, and trial for services and products #beginner#resource

- [Transform](https://transform.tools/) Web format converters for svg css json typescript react typing #tool

- [Drag–and–Drop: How to Design for Ease of Use](https://www.nngroup.com/articles/drag-drop/) #pattern#dragndrop#reference

- [Pure CSS Responsive Browser Template](https://codepen.io/AdamMarsden/full/GRRVeBJ) stick side column #responsive#technique#layout#demo

- [Heroicons](https://github.com/refactoringui/heroicons) SVG icon for UI development #icon#resource#free

- [Revealing Hero Effect](https://codyhouse.co/tutorials/revealing-hero-effect) Use negative bottom sticky position #technique#hero#pattern#sticky

- [Avengers Endgame Characters Rendered in Ukiyo-e Style by Illustrator Takumi](http://www.spoon-tamago.com/2019/04/24/avengers-endgame-ukiyoe/) Japanese traditional art rendering for comics heros #gooddesign#inspiration#art

- [Open UI](https://open-ui.org/analysis/component-matrix) Open source documentation of components (API, parts, behavior) across design systems #designsystem#reference#pattern

- [basekick](https://github.com/michaeltaranto/basekick/blob/master/README.md) An mixin for realigning your typographic elements with proper graphic design baseline #typography#library

- [Drag 'n' drop content builder for web apps](https://paperbits.io/) Open source drag n drop interface #library#dragndrop#wysiwyg

- [Styling The Good Ol' Button Element](https://ishadeed.com/article/styling-the-good-old-button/) comprehensive guide to button styling. Focus and hover ordering. #pattern#button#technique

- [premieroctet/openchakra](https://github.com/premieroctet/openchakra)  visual editor and code generator for React using Chakra UI #wysiwyg#library#tool

- [Begin](https://begin.com/) platform for web apps and apis all in one #serverless#platform#service

- [Framer Motion](https://www.framer.com/motion/) developer friendly animation library #animation#react#library#motion

- [Neumorphism.io](https://neumorphism.io/#55b9f3) soft realistic 3d shadow generator #tool#design

- [downshift-js/downshift](https://github.com/downshift-js/downshift) Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components with hooks #library#form#a11y#input#autocomplete#select

- [Baretest](https://volument.com/baretest#api-reference) An extremely minimalistic alternative to Jest, fast and small #library#test

- [Making setInterval Declarative with React Hooks](https://overreacted.io/making-setinterval-declarative-with-react-hooks/) #technique#timing#react#hook

- [meeDamian/country-emoji](https://github.com/meeDamian/country-emoji) Converts between country names, ISO 3166-1 codes and flag emojis. #library#text

- [hapijs/joi](https://github.com/hapijs/joi) The most powerful data validation library for JS using without json schema #library#validation#form

- [Kikobeats/unavatar](https://github.com/Kikobeats/unavatar) Get unified user avatar from multiple sources #service#avatar#free#api

- [nickdeny/darkmode-js](https://github.com/nickdeny/darkmode-js) auto detect user's time and switch theme #darkmode#library

- [There Is No Design System](https://24ways.org/2019/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](https://bradfrost.com/blog/post/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.](https://ethanmarcotte.com/wrote/the-design-systems-we-swim-in/) Concern of design system not empowering playful situational decision making #philosophy#designsystem

- [Architects, gardeners, and design systems](https://adactio.com/journal/16369) The dehumanising risk of design systems #philosophy#designsystem

- [Redesign: Gardening vs. Architecture](https://frankchimero.com/blog/2020/gardening-vs-architecture/) descriptive vs prescriptive work #philosophy

- [Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature](https://catalin.red/svg-favicon-light-dark-theme/) adapt to dark mode  #technique#favicon#icon

- [krasimir/octomments](https://github.com/krasimir/octomments#is-octomments-creating-the-github-issues-for-me) A small library that offers GitHub issues as comments for your site/blog #hack#comment#library

- [Building an accessible autocomplete control](https://adamsilver.io/articles/building-an-accessible-autocomplete-control/) #a11y#pattern#autocomplete#input#form#technique#demo

- [Magic Ink: Information Software and the Graphical Interface](http://worrydream.com/MagicInk/) Interaction should be replaced by context sensitivity  #philosophy#gooddesign#tool

- [Dynamicland](https://dynamicland.org/#project) Computer as an ubiquitous medium, made of components with agency #iot#gooddesign

- [zipdecode](https://benfry.com/zipdecode/) zip code visualization search with immediate feedback #gooddesign#demo

- [Browser Functions: A new serverless platform using Web Browser execution engines](https://medium.com/@richardyoung00/browser-functions-a-new-serverless-platform-using-web-browser-execution-engines-31d2293e650b) Using browser web api as server runtime #technique#hack#gooddesign

- [Improve Your Sign-Up Form with Off-White Text Fields](https://uxmovement.com/forms/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](https://uxmovement.com/forms/infield-top-aligned-labels-floating-labels/) Use simple static infield labels #pattern#textbox#a11y#design

- [A Whole Bunch of Places to Consider Contrast in a Single Paragraph](https://css-tricks.com/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](https://www.smashingmagazine.com/2020/01/empower-design-teams-by-measuring-value/#how-diet-works) correlates strategy with outcome #process#strategy#communication#datadriven

- [Standards for Writing Accessibly](https://alistapart.com/article/standards-for-writing-accessibly/) chronological vs spatial, action vs behavior #a11y#writing#reference

- [Sticky Table of Contents with Scrolling Active States](https://css-tricks.com/sticky-table-of-contents-with-scrolling-active-states/) using IntersectionObserver #pattern#scroll#technique

- [Web development with React: from zero to hero!](https://coders.guide/) roadmap, milestones, and resources for new dev #resource#beginner#react

- [Lingua Franca](https://linguafranca.standardnotation.ai/handbook/agency) Design Language and framework for AI with Handbook, principles, and elements #designsystem#ethicaldesign#ai#reference

- [Animating CSS Width and Height Without the Squish Effect](https://pqina.nl/blog/animating-width-and-height-without-the-squish-effect/) 9-slice scaling for width and height scale and transform #animation#performance#technique

- [Parsoid](https://www.mediawiki.org/wiki/Parsoid) markdown editor used by WikiMedia #wysiwyg#text#library

- [CSS-Only Carousel](https://css-tricks.com/css-only-carousel/) touch friendly, with scroll snap, and anchor links #technique#scroll#pattern#carousel

- [Ableism Language](https://www.autistichoya.com/p/ableist-words-and-terms-to-avoid.html) mindful use of language depending on audience #a11y#reference

- [Today, the Trident Era Ends](https://schepp.dev/posts/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](https://catalin.red/copy-clipboard-js/) Copy on click #technique#pattern#input

- [Userbase: Logins and persistence for static sites](https://userbase.com/) basic authentication and user management as a service #service#auth#jamstack#serverless

- [CSS layouts without using media queries](https://polypane.app/blog/4-css-layouts-without-using-media-queries/) flex email name sign-up form #pattern#responsive#form#technique

- [Neumorphism in user interfaces](https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6) more realistic shadow and natural surface than material #technique#gooddesign#pattern#card

- [CSS Contain Property](https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/) Helping Browsers Optimize #performance#technique

- [terkelg/exifer](https://github.com/terkelg/exifer) A lightweight Exif meta-data decipher #library#image

- [30 seconds of code](https://www.30secondsofcode.org/) Code snippets for all development needs #reference

- [Carbon](https://carbon.now.sh/) Create and share beautiful images of source code #tool

- [The Apple Archive](https://www.applearchive.org/) Historical videos and interviews of Apple #resource#gooddesign

- [Streams for reactive programming](https://dassur.ma/things/streams-for-reactive-programming/) A small library built with browser native reactive utilities. [Source](https://github.com/surma/observables-with-streams) #library

- [Design System Checklist](https://designsystemchecklist.com/) Open-source checklist for planning, building, and growing design system #reference

- [Generative Placeholders](https://generative-placeholders.glitch.me/) parametric algorithmic art for placeholder #saas#tool

- [Multi-Thumb Sliders: Particular Two-Thumb Case](https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/) #pattern#slider

- [EscherSketch](https://eschersket.ch/) Symmetric pattern drawing for background and hero #tool

- [Calcolor](https://calcolor.co/) Calculate colors. Share palettes. Mix and blend. Tint levels. #tool#color

- [Programming quotes](https://skolakoda.org/programming-quotes/#/) wisdom from computer scientists and programmers #resource#inspiration

- [Smooth Scrolling Sticky ScrollSpy Navigation](https://www.bram.us/2020/01/10/smooth-scrolling-sticky-scrollspy-navigation/) vanilla javascript side navigation #pattern#scroll#nav

- [Aria Tablist](https://mynamesleon.github.io/aria-tablist/) accessible WCAG compliant tabs with vanilla javascript #pattern#tab#a11y

- [ggerganov/imtui](https://github.com/ggerganov/imtui) Immediate Mode Text-based User Interface

- [NestJS](https://nestjs.com/) A progressive Node.js framework with TypeScript #library#framework

- [avajs/ava](https://github.com/avajs/ava) test runner for node.js #library#test

- [A Blind System Administrator’s Journey to Microsoft](https://www.24a11y.com/2019/a-blind-system-administrators-journey-to-microsoft/) Microsoft C + AI A11y expert Ryan's story #a11y

- [Happy Hues](https://www.happyhues.co/) Curated colors in context #tool#color

- [woobro](https://woobro.design/) 3D stock illustration #free#resource

- [The Benefits of Orthogonal React Components](https://dmitripavlutin.com/orthogonal-react-components/) separation of concerns #methodology

- [BEEPLE](https://beeple.tumblr.com/?utm_source=densediscovery&utm_medium=email&utm_campaign=newsletter-issue-63) politically charged dystopian art #art#inspiration

- [LICEcap](https://www.cockos.com/licecap/?utm_source=densediscovery&utm_medium=email&utm_campaign=newsletter-issue-63) screen to gif cross platform tool #tool

- [Use traditional boxed text input with rounded border](https://uxmovement.com/forms/why-you-shouldnt-use-solid-or-underlined-text-fields/) instead of solid or underlined #pattern#input

- [Simplified Fluid Typography](https://css-tricks.com/simplified-fluid-typography/) min, max, and increase rate #responsive#typography

- [Browser Default Styles](https://browserdefaultstyles.com/) cross browser comparison of default styles on built-in elements #reference

- [Shadow generator](https://brumm.af/shadows) multi-layer natural smooth shadow #tool

- [Advent of Code](https://adventofcode.com/) Vintage text interface design TUI #gooddesign

- [CSS Layout](https://csslayout.io/patterns) Pattern samples made in CSS #pattern#reference

- [Diagram.Codes](https://www.diagram.codes/) Generate svg diagram with plaintext language. Sequence, Flow, Graph, Tree, Timeline #tool

- [AppLibsList](https://applibslist.xyz/) Collection of Libraries, Tools and Components for React #library#resource

- [Flowy](https://github.com/alyssaxuu/flowy) The minimal javascript library to create flowcharts #library

- [Faster apps with JSON.parse](https://www.youtube.com/watch?v=ff4fgQxPaO0) JSON.parse is faster than object literal #performance#technique

- [Design APIs: The Evolution of Design Systems](https://matthewstrom.com/writing/design-apis/) early experiments and predictions #philosophy#designsystem

- [Simplifying code with Maps](https://claritydev.net/blog/simplifying-code-with-maps-in-javascript) replace switch...case with map data structure #technique

- [Hexabeat: A music sequencer using commits](https://github.com/maxwellito/hexabeat) great use of Space Mono font #gooddesign#typography#reference

- [Avoiding jagged edges on gradients.](https://medium.com/pixel-and-ink/avoiding-jagged-edges-on-gradients-f485cc7401f5) use subpixel linear gradient to smooth for antialias #technique

- [A Pixel Is Not A Little Square](http://alvyray.com/Memos/CG/Microsoft/6_pixel.pdf) The underlying physics and optics for pixel display #reference

- [Multiline truncated text with "show more" button](https://paulbakaus.com/tutorials/css/multiline-truncated-text-with-show-more-button-with-just-css/) Using resize observer and line clamp #technique#text#pattern

- [How to Section Your HTML](https://css-tricks.com/how-to-section-your-html/) Site search form with `role="search"` #technique

- [Lite YouTube Embed](https://github.com/paulirish/lite-youtube-embed) A progressive enhanced YouTube Embed element #progressive#library

- [Fresh Folk](https://fresh-folk.com/) illustration of people and object #free#resource

- [Open source illustrations kit](https://illlustrations.co/) stock illustrations #free#resource

- [SWR](https://swr.now.sh/) React Hooks for Remote Data Fetching using optimistic ux #library

- [Metronomes in JavaScript](https://meowni.ca/posts/metronomes/) setInterval setTimeout timing stability #technique

- [The Aesthetic-Accessibility Paradox](https://uxmovement.com/thinking/the-aesthetic-accessibility-paradox/) Find the balance point #a11y#opinion

- [Mailinator](https://www.mailinator.com/) Receive email at a disposable address #tool

- [Send free anonymous email online](https://sendmail.altmails.com/) #tool

- [The power of progressive enhancement](https://hankchizljaw.com/wrote/the-power-of-progressive-enhancement/) don't work backwards from the best browser #philosophy#performance

- [Beedle](https://github.com/hankchizljaw/beedle) Super light weight state management for vanilla js #library

- [Disabled buttons suck](https://axesslab.com/disabled-buttons-suck/) poor usability and accessibility #a11y#pattern#button

- [Show Search Button when Search Field is Non-Empty](https://css-tricks.com/show-search-button-when-search-field-is-non-empty/) with `placeholder-show` selector #technique

- [Draft.js](https://github.com/facebook/draft-js) Open source rich text editor for React by Facebook #library

- [Free templates for freelancers](https://usefyi.com/templates/freelancer-templates/) legal, administrative, business, financial #resource

- [Guide to Computing](https://www.docubyte.com/works/guide-to-computing/) Vintage computer art project #gooddesign

- [airbnb/Lona](https://github.com/airbnb/Lona) A tool to generate design system and export to multiple platforms #tool

- [A successful Git branching model](https://nvie.com/posts/a-successful-git-branching-model/) feature, dev, release, and master branches in version management #technique#methodology

- [Fractal](https://fractal.build/) Pattern lab and style guide for web components #library#tool

- [A Business Case for Dropping Internet Explorer](https://css-tricks.com/a-business-case-for-dropping-internet-explorer/) reasons for stop supporting IE11 #opinion

- [Bidirectional horizontal rules in CSS](https://dev.to/hus_hmd/bidirectional-horizontal-rules-in-css-56f4) inline-start and inline-end for rtl and ltr languages #technique#i18n

- [docsify](https://docsify.js.org/#/) Documentation site generator for markdown #library

- [Free for developers](https://free-for.dev/#/) collection of free resources and tools for web dev #free#resource

- [Glaze](https://www.glazestock.com/) royalty free illustrations #resource#illustration

- [Duospace](https://ia.net/topics/in-search-of-the-perfect-writing-font) writing font based on IBM plex mono #typography#free

- [Better Markdown in Visual Studio Code](https://solomon.io/better-markdown-visual-studio-code/) #tool#reference#typography

- [An Illustrated Guide to Some Useful Command Line Tools](https://www.wezm.net/technical/2019/10/useful-command-line-tools/#exa) POSIX command line tools in rust #reference

- [aholachek/mobile-first-animation](https://github.com/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](https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/) Dev experience is not an excuse for js bloat #opinion#performance

- [Line Awesome](https://icons8.com/line-awesome) font awesome alternative flat line art icons #resource#icon

- [Accessible Drop Caps](https://adrianroselli.com/2019/10/accessible-drop-caps.html) #typography#technique#a11y

- [plexis-js/plexis](https://github.com/plexis-js/plexis) powerful, community-driven string manipulation library. #library#text#pattern

- [typical](https://github.com/camwiegert/typical) Animated typing in 400 bytes of JavaScript #library

- [Box alignment and overflow](https://www.chenhuijing.com/blog/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](https://uglyduck.ca/responsive-tables/) using native `table` element #technique#responsive#a11y#pattern#table

- [Open Doodles](https://www.opendoodles.com/) Free sketchy illustrations #resource#free

- [The Freelance Life by Sidesupply](https://sidesupply.com/guides/the-freelance-life) Comprehensive guidance on pricing, crm, and time management #freelance#beginner#reference

- [Oracle Database 12.2. Dev horror.](https://news.ycombinator.com/item?id=18442941) Working in legacy code base #opinion

- [Moveable](https://github.com/daybrush/moveable) Make anything moveable, draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, snappable #library

- [This, Bind, Call, and Apply in JavaScript](https://www.digitalocean.com/community/conceptual_articles/understanding-this-bind-call-and-apply-in-javascript) explained in detail #beginner#reference

- [Breakout Buttons](https://css-tricks.com/breakout-buttons/) Next a link or button inside another clickable target #pattern#technique#card

- [Mozilla Protocol](https://protocol.mozilla.org/) Design system used by Mozilla and Firefox #designsystem#reference#gooddesign

- [Fauna](https://fauna.com/) A serverless cloud database for modern applications #saas#serverless

- [Lunr](https://lunrjs.com/) Self hosted search solution #library

- [Grifter](https://hansonmethod.com/grifter) bold display font #free#typography#resource

- [Animate.css](https://daneden.github.io/animate.css/) css only animations #reference#animation

- [unDraw](https://undraw.co/) high quality illustrations #resource#free

- [JAMstack Themes](https://jamstackthemes.dev/) for all static site generators and cms #resource

- [A Modern CSS Reset](https://hankchizljaw.com/wrote/a-modern-css-reset/) #technique#reference

- [Pixelbuddha](https://pixelbuddha.net/freebies) icon, illustration, logo #free#resource

- [uiprint](https://uiprint.co/all-printable) low fi device mock and draft template #resource

- [Devices](https://facebook.design/devices) device mocks by facebook #resource

- [Semantic “breakout” button to make an entire element clickable](https://hankchizljaw.com/wrote/create-a-semantic-breakout-button-to-make-an-entire-element-clickable/) #technique#pattern#button

- [Designer + Developer Workflow](https://www.youtube.com/watch?time_continue=6229&v=tnkrUt7PpnQ) Dan Mall and Brad Frost collaborating live #philosophy#handoff#communication

- [useScript](https://usehooks.com/useScript/) react hook that injects 3rd party library js into document #technique

- [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks) plus a set of commonly used hooks #opinion#tutorial#beginner

- [Generative Artistry](https://generativeartistry.com/) coding algorithmic art sample, podcast, demo #tutorial

- [Moving Your JavaScript Development To Bash On Windows](https://www.smashingmagazine.com/2019/09/moving-javascript-development-bash-windows/) setup linux on windows

- [IP Geolocation API](https://github.com/apilayer/geolocationapi) including countries raw data #reference#api

- [Creating Tables In Figma](https://www.smashingmagazine.com/2019/09/creating-tables-in-figma/#figma-table-mockup-download) #tutorial

- [Variable Fonts Link Dump!](https://css-tricks.com/variable-fonts-link-dump/) #typography#resource

- [Table with Expandable Rows](http://adrianroselli.com/2019/09/table-with-expando-rows.html) #pattern#table#a11y

- [A Comparison of Static Form Providers](https://css-tricks.com/a-comparison-of-static-form-providers/) #library

- [Syntax/182 Practical stack for new SaaS](https://github.com/wesbos/Syntax/blob/master/shows/182%20-%20practical.md) email, auth, media, payment #reference

- [Where to put buttons on forms](https://adamsilver.io/articles/where-to-put-buttons-in-forms/) cancel, secondary, tangential, destructive, back #pattern#form

- [Optional/conditional spreading](https://enmascript.com/articles/2019/09/20/two-exceptional-use-cases-for-the-spread-operator-you-may-not-know-of) to include/exclude specific key value pairs when creating an object #technique

- [overscroll-behavior: contain](https://codepen.io/aaroniker/pen/ZEzmzxj) prevent parent scroll on mobile #scroll#technique

- [Smoother & sharper shadows with layered box-shadows](https://tobiasahlin.com/blog/layered-smooth-box-shadows/) #technique

- [Responsive hamburger menu](https://polypane.rocks/blog/the-perfect-responsive-menu-2019/) #a11y#technique

- [AI-Generated Faces](https://generated.photos/) #free#resource

- [Ghost Buttons with Directional Awareness in CSS](https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/) #technique

- [ECMAScript new features list](https://github.com/daumann/ECMAScript-new-features-list) es6 es7 ... es10 #reference

- [Reverse interview](https://github.com/viraptor/reverse-interview) questions to ask your interviewer #resource

- [Can I email](https://www.caniemail.com/) caniuse for email html dev #resource#tool

- [Two Browsers Walked Into a Scrollbar](https://www.filamentgroup.com/lab/scrollbars/) unobtrusive styling #technique#pattern#scroll

- [Simplicity (II)](https://bastianallgeier.com/notes/simplicity-part-2) consider your js tool chain in 5-10 years #opinion

- [Source Sans Variable](https://v-fonts.com/fonts/source-sans-variable) #typography#free

- [Array.from()](https://dmitripavlutin.com/javascript-array-from-applications/) init array with number of items #technique

- [Google Engineering Practices Documentation](https://google.github.io/eng-practices/) for code review #reference

- [js-noisy-gradient](https://github.com/apankrat/js-noisy-gradient) prevent banding in linear-gradient backgrounds. #library

- [Email inspiration, resources and discovery](https://emaillove.com/) #reference#resource#inspiration

- [Navbar Nudging on @keyframers](https://css-tricks.com/navbar-nudging-on-keyframers/) Expand/collapse for icon only buttons #technique

- [Luxon](https://moment.github.io/luxon/index.html) DateTime formatting built on browser native Itnl API #library#i18n

- [dark-mode-toggle](https://github.com/GoogleChromeLabs/dark-mode-toggle) Custom element that uses prefers-color-scheme value as default #library

- [X3D + X3Dom](https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html) Declarative 3D for the Web #library

- [Leon Sans](https://github.com/cmiscm/leonsans) geometric sans-serif typeface rendered with code #typography#tool

- [Buildless web component app](https://css-tricks.com/going-buildless/) using import maps #technique#library

- [Delaunay](https://codepen.io/DonKarlssonSan/full/VwZPJMO) Bowyer-Watson algorithm to perform the Delaynay triangulation #technique#algorithm

- [svg stroke and fill animation](https://svgartista.net/) #tool#svg

- [Better tooltip design](https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/) hover tooltip isn't a good solution #pattern#tooltip#technique

- [How DNS works](https://howdns.works/) a comic primer #beginner#reference

- [Console.assert()](https://developer.mozilla.org/en-US/docs/Web/API/console/assert) for error catching #technique#reference

- [mini map for web pages](https://larsjung.de/pagemap/) with canvas on a beautiful personal website #library#reference#gooddesign

- [Postal addressing conventions](http://www.upu.int/en/activities/addressing/postal-addressing-systems-in-member-countries.html) Universal Postal Union #reference

- [SVG waves pattern generator](https://getwaves.io/) #tool

- [Marketing Examples](https://marketingexamples.com/?ref=producthunt) Real world marketing case studies #reference#resource

- [Using requestAnimationFrame with React Hooks](https://css-tricks.com/using-requestanimationframe-with-react-hooks/) #technique

- [Full Stack Open](https://fullstackopen.com/en) open course for modern web development #tutorial#beginner#gooddesign#free

- [Roll Your Own Comment System for a Static Site](https://www.taniarascia.com/add-comments-to-static-site/) #tutorial

- [SimpleID](https://www.simpleid.xyz) Authentication and storage as a service #free#saas#library

- [Startup decks](https://startupdecks.co/) business strategy of success startups #resource

- [line-clamp](https://css-tricks.com/almanac/properties/l/line-clamp/) ellipsis overflow for multiline text #technique

- [Block Formatting Context](https://www.smashingmagazine.com//2017/12/understanding-css-layout-block-formatting-context/) BFC contain float, prevent margin collapse and float wrapping #technique#reference

- [Everything You Need To Know About CSS Margins](https://www.smashingmagazine.com/2019/07/margins-in-css/) margin collapse #technique#reference

- [Ten principles for good design](https://www.vitsoe.com/us/about/good-design) by Dieter Rams #philosophy#gooddesign

- [Copychar](https://copychar.cc/) copy unicode character to clipboard #tool

- [Snapboard.io](https://snapboard.io/) Dashboard as a service #gooddesign#saas

- [Animated favicon](https://css-tricks.com/the-making-of-an-animated-favicon/) using canvas API #technique

- [TinyMCE](https://www.tiny.cloud/features) HTML WYSIWYG rich text editor #library

- [WPGraphQL, ACF, and React](https://www.youtube.com/watch?v=9KGuI0UmpMw) #tutorial#beginner

- [Handle grid single column overflow in minmax() with min()](https://evanminto.com/blog/intrinsically-responsive-css-grid-minmax-min/) #technique#responsive

- [UX Movement](https://uxmovement.com/) heuristic patterns for form, navigation, button, and content #reference

- [Inter](https://rsms.me/inter/) high quality UI font #free#typography

- [Dashblock](https://dashblock.com/) turning web url into API with manual tagging and machine learning #tool#gooddesign

- [Phone number input](https://github.com/jackocnr/intl-tel-input) i18n format and validate phone number #library#input

- [Predictably Random](https://remysharp.com/2019/08/06/predictably-random) visualizing randomness #gooddesign#tool

- [Case study factory](https://essays.uxdesign.cc/case-study-factory/) ux portofolio templates no longer works #opinion

- [Oliver](https://freebiesbug.com/free-fonts/oliver/) sans serif free font #typography

- [Free Mockups and Design Tools](https://www.ls.graphics/free) device mockup and frames #resource#free

- [paaatterns](https://lstore.graphics/paaatterns) Free collection of beautiful patterns for all vector formats #resource

- [Verby](https://www.verby.co/) Create and download natural voices as mp3 audio files #a11y#tool

- [comlink](https://github.com/GoogleChromeLabs/comlink) web worker abstraction implemented in es6 proxy #library

- [Components AI](https://components.ai/) Experimental platform for exploring generative design systems #tool

- [Charlie Owen's personal website](https://www.sonniesedge.net/) brutal, simple, fast, and functional #gooddesign

- [Writing a Simple MVC App in Plain JavaScript](https://www.taniarascia.com/javascript-mvc-todo-app/) #beginner#tutorial

- [The Elements of UI Engineering](https://overreacted.io/the-elements-of-ui-engineering/) the problems that frameworks are designed to solve #opinion#philosophy

- [Simplest way to load CSS async](https://www.filamentgroup.com/lab/load-css-simpler/) #technique#performance

- [Flexible data table with CSS Grid](https://adamlynch.com/flexible-data-tables-with-css-grid/) #pattern#table

- [Quantum computing for the very curious](https://quantum.country/qcvc) experimental menmonic medium as an alternative to textbook #gooddesign

- [10 Usability Heuristics for UI design](https://www.nngroup.com/articles/ten-usability-heuristics/) #reference#research

- [Contain](https://www.youtube.com/watch?v=4FeG29pnlwU&list=PLNYkxOF6rcIBz9ACEQRmO9Lw8PW7vn0lr&index=45&t=0s) prevent layout change to bubble up in css #technique#performance

- [Nodes](http://nodes.io/) algorithmic parameteric design tool #tool#philosophy

- [Isometric](https://isometric.online/) free isometric illustration #resource

- [jExcel](https://github.com/paulhodel/jexcel) javascript lightweight excel table #library

- [Flexbox and padding](https://www.chenhuijing.com/blog/flexbox-and-padding/) prevent last item padding cropped in horizontal scroll area #technique

- [Accessible inline list with bullets between items](https://blog.sapegin.me/all/accessible-inline-list/) interpunct #a11y

- [Progress Tracker](https://nigelotoole.github.io/progress-tracker/) component #pattern#library

- [Design tools are holding us back](https://uxdesign.cc/design-tools-are-holding-us-back-1aca266b333e) lack box model, inheritance, code handoff, database connection, unrealistic motion #opinion

- [Multi-column layout](https://every-layout.dev/blog/multi-column-manipulation/) prevent scrolling by quantity query #technique#responsive

- [The Challenges with Single Toggle Buttons](https://uxmovement.com/buttons/the-challenges-with-single-toggle-buttons/) show both state and action #pattern#toggle

- [Responsive Iframes](https://css-tricks.com/responsive-iframes/) with aspect ratio wrapper #technique

- [Truncate multiline text](https://css-tricks.com/weekly-news-truncating-muti-line-text-calc-in-custom-property-values-contextual-alternates/) #technique#reference

- [Use Datalist on different types of input](https://css-tricks.com/datalist-is-for-suggesting-values-without-enforcing-values/) date, color #reference

- [You don't know JS](https://github.com/getify/You-Dont-Know-JS) Deep dive into the javascript language #reference

- [Free open source typefaces](https://www.smashingmagazine.com/2019/07/gorgeous-free-open-source-typefaces/) #resource#typography

- [CSS Animation Libraries](https://css-tricks.com/css-animation-libraries/) #reference#library

- [Component Styling API](http://mrmrs.cc/writing/component-styling-api/) A comprehensive list of stylable properties of any element #reference

- [Photoshop in Versions Museum](https://www.versionmuseum.com/history-of/adobe-photoshop) visual evolution of graphics WYSIWYG tool #reference

- [Clean code javascript](https://github.com/ryanmcdermott/clean-code-javascript) patterns and best practice for js #reference

- [Chaos design](http://mrmrs.cc/writing/chaos-design/) generative, evolutionary, AI assisted design process #philosophy#opinion

- [Frontend design, react, and a bridge over the great divide](http://bradfrost.com/blog/post/frontend-design-react-and-a-bridge-over-the-great-divide/) by Brad Frost #opinion

- [Inconsolata](https://fonts.google.com/specimen/Inconsolata) monospaced font designed for high resolution code printing #typography

- [Sproutsocial seeds](https://sproutsocial.com/seeds/) design system for a social marketing management app #designsystem#gooddesign

- [Lona](https://github.com/airbnb/Lona) Airbnb's code-driven design system environment #tool

- [Figma design system](https://www.figma.com/file/Gj9iMcTbFbHrFq1ZWbDBuyc9/UI2-%E2%80%94-Public-Copy?node-id=0%3A11724) #reference#pattern

- [Use output element as aria-live regions](https://www.scottohara.me//blog/2019/07/10/the-output-element.html) for toast bubbles #pattern#a11y#technique

- [Grid cheatsheet](http://grid.malven.co/) #reference#gooddesign

- [LottaTools](https://lottatools.com/) PDF tools run in browser #tool

- [Interactive hoverboard game](https://dev.to/devdevcharlie/making-an-interactive-hoverboard-game-using-javascript-and-web-sockets-379j) phone as sensor, web socket as P2P communication #gooddesign

- [Shape](https://shape.so/) React and SVG icons and illustrations #resource

- [Pexels](https://www.pexels.com/) free stock image #resource

- [Retain aspect ratio for an element](https://youtu.be/ht5oFxpADt4) percentage padding is based on parent width #technique

- [Photopea](https://www.photopea.com/) free wasm based photoshop alternative web app #tool

- [Pages.xyz](https://www.pages.xyz/) gallery of web designed pages organized by type #reference#inspiration#gooddesign

- [The Designer’s Growth Model](https://medium.com/design-leadership-notebook/the-designers-growth-model-8240dafb7137) five states of design career: producer, architect, connector, scientist, visionary #opinion

- [Balance in Framework Design](https://www.youtube.com/watch?v=ANtSWq-zI0s) A Vue.js perspective by Evan You #philosophy#gooddesign

- [reveal.js](https://github.com/hakimel/reveal.js) HTML slides presentation #library#tool

- [Hover menu safe path](https://www.youtube.com/watch?v=o0NtjY17v5w) prevent unwanted mouse out from trigger path #technique#pattern#popout#hover

- [The Technical Side of Design Systems](http://bradfrost.com/blog/post/the-technical-side-of-design-systems-at-css-day-in-amsterdam/) sketch file != design system #opinion#pattern

- [Eva deep learning color generator](https://colors.eva.design/) #tool

- [Fonts in use](https://fontsinuse.com/) real world font pairing examples #reference#typography

- [CSS Utility Classes and "Separation of Concerns"](https://adamwathan.me/css-utility-classes-and-separation-of-concerns/) design thinking behind tailwind project #opinion#philosophy

- [JavaScript event loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop#Event_loop) high level conceptual overview #reference

- [a11y css reset](https://github.com/mike-engel/a11y-css-reset) #library#technique

- [TinyURL](https://tinyurl.com/) create short URL with API #saas#free#tool

- [Staggered animation](https://css-tricks.com/different-approaches-for-creating-a-staggered-animation/) use inline css custom property and calc #technique

- [Bounds.js](https://chriscavs.github.io/bounds-demo/) lightweight intersection observer for lazy loading and boundary detection #library

- [Code-surfer](https://github.com/pomber/code-surfer) code slides author and demo tool in react #library

- [Generate PDF from HTML](https://www.smashingmagazine.com/2019/06/create-pdf-web-application/) #reference#beginner

- [Learning Synths](https://learningsynths.ableton.com/playground) Ableton recipes for sounds effects #resource#tutorial#beginner

- [CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends](https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/) #opinion#technique

- [SeaMonkey Project](https://www.seamonkey-project.org/) HTML authoring WYSIWYG #tool#gooddesign

- [Serif vs SansSerif theories](https://www.freecodecamp.org/news/to-serif-or-not-to-sans-serif/) based on perception of motion #typography

- [freezeframe.js](http://ctrl-freaks.github.io/freezeframe.js/) animate gif only on hover #library#gooddesign

- [Use a resizable textarea to implement drag and drop](https://codepen.io/scottkellum/details/eaXJJb) #demo#technique

- [Baseline Grid](https://observablehq.com/@gianordoli/baseline-grid) for the web #technique#demo

- [A complete guide to iconography](https://www.designsystems.com/iconography-guide/) practical icon design guide #tutorial#beginner

- [Check if element has class, attribute, and id](https://dev.to/samthor/matching-elements-with-selectors-in-js-4991) with js element.matches API #technique

- [Refactoring UI](https://refactoringui.com/) practical rational design tips for web developers #resource#tutorial#beginner#gooddesign#technique

- [Site inspire](https://www.siteinspire.com/) web design gallery for #inspiration#resource

- [Hero Patterns](https://www.heropatterns.com/) A collection of repeatable SVG background patterns #free#resource#tool

- [Duotone](https://duotone.shapefactory.co/) generate two color high res hero images #free#tool

- [Readme generator CLI](https://github.com/kefranabg/readme-md-generator) #tool

- [basier mono](http://atipofoundry.com/fonts/basier-mono) free monospaced font #typography#resrouce

- [Google Fonts optimization](https://www.smashingmagazine.com/2019/06/optimizing-google-fonts-performance/) #typography#technique

- [Google Fonts repo for self hosting](https://github.com/google/fonts) #typography#resource

- [electron boilerplate](https://github.com/sindresorhus/electron-boilerplate) with publishing and auto-update #reference

- [Don't misuse -webkit-font-smoothing](https://betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/#font-smoothing) especially on dark background #a11y#technique#typography

- [Marking required fields in forms](https://www.nngroup.com/articles/required-fields/) all the time #research

- [The Noun Project](https://thenounproject.com/) free SVG Icon library #resource#icon

- [Green sock (GSAP)](https://greensock.com/) the best animation library and tool for SVG #tool

- [unstated](https://github.com/jamiebuilds/unstated-next) a super light weight redux replacement for react built for hooks #library

- [Every layout](https://every-layout.dev/) responsive composable CSS layouts #resource#reference#technique

- [Pika](https://www.pika.dev/cdn) modern es6 javascript module CDN #saas

- [Beautiful Web Type](https://beautifulwebtype.com/) free webfonts #typography#resource

- [Free tools for makers](https://freemium.cc/) freemium #resource

- [Figma redline kit](https://www.figma.com/resources/assets/figma-redlines/) #resource

- [Versus](http://versusutil.com/) find competitive products #tool

- [Black and white paintings by Indonesian artist Elicia Edijanto](https://www.behance.net/eliciaedijanto?utm_source=densediscovery&utm_medium=email&utm_campaign=newsletter-issue-40) #inspiration

- [Design with motifs](https://learnui.design/blog/spice-up-designs-create-cohesive-brand.html) logo, typography, empty space filler, divider, special text element #design#technique

- [Array sort](https://css-tricks.com/level-up-your-sort-game/) reverse, tie-breaker, random, advanced use #technique#reference

- [Functional css perils](https://www.browserlondon.com/blog/2019/06/10/functional-css-perils/) rational criticism on functional css methodology #philosophy#opinion

- [The Flexbox Holy Albatross](http://www.heydonworks.com/article/the-flexbox-holy-albatross) achieve container query with flexbox #technique#responsive

- [This page is a truly naked, brutalist html quine.](https://secretgeek.github.io/html_wysiwyg/html.html) display raw html with css #technique#inspiration

- [Theme UI](https://theme-ui.com/) constraint-based design system for React #library#philosophy

- [Victor Mono](https://rubjo.github.io/victor-mono/) free font for code editor #tool#typography

- [Improve scroll performance with passive event handler](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Improving_scrolling_performance_with_passive_listeners) #technique#performance#scroll

- [Github switch from icon font to inline SVG](https://github.blog/2016-02-22-delivering-octicons-with-svg/) #opinion#performance

- [Swap GIF to static picture with reduced motion preference](http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/) #a11y#technique

- [mixkit](https://mixkit.co/art/) Beautiful Art & Illustration #resource#free

- [JavaScript built-in i18n API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl) for number, currency, and time #reference

- [svgo: Node.js tool for optimizing SVG](https://github.com/svg/svgo) can replace color to currentColor #tool

- [Wrapping long words with CSS or HTML](https://www.cjcid.com/articles/wrapping-long-words-css-html/) #typography#technique

- [National Park Typeface](https://nationalparktypeface.com/) #typography

- [Accessible Icon Buttons](https://www.sarasoueidan.com/blog/accessible-icon-buttons/) #a11y

- [Contextually Marking up accessible images and SVGs](https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html) #a11y#reference

- [CSS Grid shephard](https://css-tricks.com/using-the-grid-shepherd-technique-to-order-data-with-css/) use grid and counter to display multiple columns of different types #technique

- [CSS Counter](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters) display auto generated number. #reference

- [Mavo](https://mavo.io/) create web app with HTML + CSS only. State management and storage as a service using Github or Dropbox #library#gooddesign

- [Generative Planets](http://zehfernandes.com/generativeplanets/) beautiful algorithmically generated planet #experiment#gooddesign

- [Zdog](https://zzz.dog/) canvas and SVG 3D animation library #library

- [Against strong opinions loosely held](https://blog.glowforge.com/strong-opinions-loosely-held-might-be-the-worst-idea-in-tech/) #opinion

- [Fluid typography](https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/) #technique#responsive#typography

- [Document interactive react components in MDX](https://css-tricks.com/front-end-documentation-style-guides-and-the-rise-of-mdx/) #technique

- [codyhouse](https://codyhouse.co/) open source components library with customization and theming as a service #library

- [RunKit](https://runkit.com/home) REPL playground, endpoint hosting, live documentation for node #saas#free

- [Tornis](https://github.com/robb0wen/tornis) viewport and pointer state observer/watcher #library

- [Art direction for the web using CSS shapes](https://www.smashingmagazine.com/2019/04/art-direction-for-the-web-using-css-shapes/) #technique

- [Annotate regular expression for human](https://nasamuffin.github.io/regex/documentation/2019/05/08/documenting-regex.html) #tutorial#technique

- [A11y Style Guide](https://a11y-style-guide.com/style-guide/) #a11y#pattern#reference

- [How to meet WCAG](https://www.w3.org/WAI/WCAG21/quickref/) #reference#a11y

- [Full bleed background when parent is any centered element](https://andy-bell.design/wrote/creating-a-full-bleed-css-utility/) #technique

- [Edge to edge full bleed background](https://css-tricks.com/the-inside-problem/) #technique

- [Bigfoot](http://www.bigfootjs.com/) JQuery library for converting footnote links into inline hover buttons #library

- [Use inputmode to select keyboard layout for input](https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/) #form#pattern#technique

- [Using Bootstrap in React without technical debt by wrapping in styled-components](https://css-tricks.com/iterating-a-react-design-with-styled-components/) #technique

- [Ways to add color for SVG elements](https://css-tricks.com/change-color-of-svg-on-hover/) #technique#reference

- [Generate SVG filter to convert from black to target hex color](https://codepen.io/sosuke/pen/Pjoqqp) #technique#reference

- [CSS Triggers](https://csstriggers.com/) layout, paint, and composite changes for animating attribute #performance

- [Expandable side nav slide in animation](https://www.youtube.com/watch?v=Mhnj3PiPnZw) #technique#performance#tutorial

- [Swipeable card dismiss slide up animation](https://www.youtube.com/watch?v=F3A6Skckh9c) #technique#animation#tutorial

- [Material dark theme](https://www.youtube.com/watch?v=9NDLR3COU7Y) design system thinking #technique#gooddesign

- [Intersection Observer](https://css-tricks.com/a-few-functional-uses-for-intersection-observer-to-know-when-an-element-is-in-view/) for lazy load image, auto pause video, and track reading progress #technique#scroll#tutorial

- [THe Web's Grain](https://frankchimero.com/writing/the-webs-grain/) philosophical musing on responsive design #opinion

- [Bret Victor - Stop Drawing Dead Fish](https://vimeo.com/64895205) computer as a medium to create interactive art without coding #philosophy#opinion

- [CSS SVG Progress spinner](https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner/) #pattern#progress#technique

- [Progressive enhanced css grid](https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/) #technique#tutorial

- [Generate](https://www.frustum.com/product) CAD interactive generative design tool for manufacturing #tool#inspiration#philosophy

- [Project Phoebe](https://medium.com/project-phoebe) open source mutative design #inspiration #philosophy#opinion

- [Generative design](https://varun.ca/why-not-both/) as a bridge between design and code #opinion#philosophy

- [Svgbob](https://ivanceras.github.io/svgbob-editor/) convert ascii art or characters to svg

- [Sticky hero](https://codyhouse.co/blog/post/sticky-hero-section) with position sticky and intersection observer #pattern

- [Flex layout break new rows or columns](https://tobiasahlin.com/blog/flexbox-break-to-new-row/) #technique

- [Let's make a design system](http://bradfrost.com/blog/post/lets-make-a-design-system-live-coding-at-smashing-conf/) Brad Frost demo using pattern lab as a design tool #tutorial#tool#pattern

- [Author SVG without design tool](https://www.smashingmagazine.com/2019/05/svg-design-tools-practical-guide/) #reference#tutorial

- [Split](https://adactio.com/journal/15050) Developer experience at the cost of user experience #opinion

- [Crawler for JavaScript websites](https://www.screamingfrog.co.uk/seo-spider/) #tool

- [Animate icons with CSS and SVG](https://www.newmediacampaigns.com/blog/guide-to-css-icon-animations) SVG stroke animation #technique

- [Lorem picsum](https://picsum.photos/) Random image placeholder service #saas

- [display: contents](https://www.smashingmagazine.com/2019/05/display-box-generation/) to hoist child elements without losing parent-child semantics #a11y#technique

- [Podcasts Repo](https://podcasts-repo.surge.sh/) podcast list for on dev, design, and startup #resource

- [Ways to display SVG](https://www.kirupa.com/tricks/billion_ways_display_svg.htm) #technique#reference

- [Ribbon shape CSS](https://play.silvestar.codes/ribbon/) #pattern#breadcrumb#technique

- [Styled System](https://styled-system.com/) a constraint-based design system consumable as react props #library

- [Line height playground](https://aresluna.org/line-height-playground/) compare line height treatment across web ios and android #tool#typography

- [Line height in Figma](https://www.figma.com/blog/line-height-changes/) great communication on a disruptive change in product #gooddesign#tool#typography

- [Passport.js](http://www.passportjs.org/) authentication for Node.js #library

- [Use a grid of hover triggers to make css-only interactive experience](https://codepen.io/YusukeNakaya/pen/OGwmOV) #technique

- [Should I use aria-role in addition to Semantic HTML?](https://www.scottohara.me/blog/2019/04/05/landmarks-exposed.html) test results and recommendation #a11y#reference

- [Accessible Landmarks](https://www.scottohara.me/blog/2018/03/03/landmarks.html) Landmark explained #a11y#reference

- [React UI](https://ui.reach.tech/) foundation for building accessible React components #a11y#library

- [Get progressive web app into Google Play store](https://css-tricks.com/how-to-get-a-progressive-web-app-into-the-google-play-store/) #tutorial

- [Rebass](https://rebassjs.org/) the bootstrap for react, a design system #library

- [A Friendly Introduction to Font Licenses](https://medium.com/@janinaaritao/a-friendly-introduction-to-font-licenses-891ea211b6df) understanding font licenses #reference#typography

- [Inclusively hidden](https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html) hide elements for icon, skip links #a11y#icon

- [Restyling form controls](https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/) #a11y#pattern#technique

- [When Cancel Buttons Should Not Say “Cancel”](https://uxmovement.com/buttons/when-cancel-buttons-should-not-say-cancel/) #content

- [Killed by Google](https://killedbygoogle.com/) projects killed by Google #reference

- [A system for establishing principles](https://nathanbarry.com/principles/) and use principles to guide difficult decisions #opinion

- [Johnny Five](https://github.com/rwaldron/johnny-five) JavaScript Robotics and IoT programming framework #library

- [HTTP Caching](https://frontendian.co/http-caching) with request headers a #beginner#introduction

- [Conditional insert properties into an object literal](https://dev.to/jfet97/the-shortest-way-to-conditional-insert-properties-into-an-object-literal-4ag7) at the cost of readability #technique

- [replies.cc](https://replies.cc/) Tracking RSVP by CC an email address #service#gooddesign

- [Generative art with CSS](https://generative-art-with-css.commons.host/) for icon and background image #technique

- [Front-end Developer handbook](https://frontendmasters.com/books/front-end-handbook/2019) with roadmap, learning resources, and tools #resource

- [Design at Scale: Figma at Liferay](https://www.smashingmagazine.com/2019/04/design-scale-figma/) lessons and tips for design process at scale #tool#technique#pattern#library

- [Figma redline and flowchart kit](https://liferay.design/resources/figma/) by Liferay design #resource#tool#library

- [Rules for Autocomplete](http://jeremymikkola.com/posts/2019_03_19_rules_for_autocomplete.html) principles, rules, and tips for the best autocomplete algorithm and ux #technique#reference#pattern#autocomplete

- [Simplify designs](https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9) practical tips #technique

- [Inline SVG with caching](https://css-tricks.com/inline-svg-cached/) using service worker and SVG symbol #technique

- [Get and parse css custom properties in JavaScript](https://andy-bell.design/wrote/get-css-custom-property-value-with-javascript/) #technique

- [features enabled with Chromium Edge](https://css-tricks.com/edge-goes-chromium-what-does-it-mean-for-front-end-developers/) #reference

- [Inclusive stock photos](https://broadlygenderphotos.vice.com/) #resource

- [Nolt](https://nolt.io/) User feedback user voice and roapmap hosting #saas

- [Ethical alternatives to mainstream software and services](https://ethical.net/resources/) #resource

- [Ternary statement to simplify if statement](https://css-tricks.com/in-defense-of-the-ternary-statement/) by using `||` and `&&` #technique

- [Accessible toggle implementation](http://adrianroselli.com/2019/03/under-engineered-toggles.html) including indeterminate state, high contrast, dark mode, and rtl support #a11y#pattern#toggle

- [A case for css-in-js by The Guardian](https://www.theguardian.com/info/2019/apr/04/revisiting-the-rendering-tier) for scale, maintainability, and collaboration #opinion

- [z-index and stacking context](https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/) why storing all z-index in one place won't work #technique

- [shape-rendering: crispEdges](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering) resolve blurry edges in SVG after scaling #technique

- [Design Pattern Patents from Tech Companies](https://medium.com/@christiet/ui-ux-patterns-you-literally-cannot-design-design-patents-from-tech-companies-21ae9643dc9e) #reference

- [GOV.UK](https://design-system.service.gov.uk/get-started/) UK Government design system #a11y#pattern#library

- [USWDS](https://github.com/uswds/uswds) US Goverment design system #a11y#pattern#library

- [Public Sans](https://github.com/uswds/public-sans) open font used by US Gov #typography#resource#free

- [Color.review](https://color.review/) Visualization for color contrast tweaking #a11y#tool#gooddesign

- [Console API](https://areknawo.com/getting-creative-with-the-console-api/) for debugging and creative use #tutorial#reference

- [Web dev concepts illustration](https://illustrated.dev/) #gooddesign#beginner

- [Empathy for developers](https://design.google/library/john-maeda-interview-new-design-religion/) how interdisciplinary team fueled the success of Material Design #opinion

- [FontForge](https://fontforge.github.io/en-US/) open source font creation #tool#typography#icon

- [History of JavaScript libraries](https://css-tricks.com/yet-another-javascript-framework/) from Ajax, to Prototype, to jQuery, to MooTools #opinion#reference

- [Responsible JavaScript](https://alistapart.com/article/responsible-javascript-part-1) use SSR and html and css instead of JavaScript #opinion

- [Glitch](https://glitch.com/) full stack free app host for prototyping #saas#serverless#free

- [How to align in CSS](https://www.smashingmagazine.com/2019/03/css-alignment/) distribute space vs. align object #tutorial#beginner

- [Web Components series](https://css-tricks.com/an-introduction-to-web-components/) HTML Template, Custom Elements, Shadow DOM, and Libraries #introduction

- [Ecode svg to background iamge url](https://yoksel.github.io/url-encoder/) #tool

- [Appearance vs Layout](https://css-tricks.com/the-benefits-of-structuring-css-around-appearance-and-layout/) decouple appearance from layout in CSS #technique#opinion

- [Netlify CMS](https://css-tricks.com/its-pretty-cool-how-netlify-cms-works-with-any-flat-file-site-generator/) a library that gives a CMS UI for any github static file repos #library#saas

- [Simple & boring](https://css-tricks.com/simple-boring/) boring design and engineering is important for the web #opinion

- [Firefox Send](https://send.firefox.com/) send large files with expiring download links #tool#saas

- [Avataaars](https://getavataaars.com/) avatar generator #tool#free

- [document.activeElement](https://developers.google.com/web/tools/chrome-devtools/accessibility/focus) track currently focused element #technique#debug#a11y

- [React icons](https://react-icons.netlify.com/) popular icon sets ready to be consumed as react components #library

- [CSS hyphens](http://clagnut.com/blog/2395) hyphenation #technique#typography#text

- [Checklist Design](https://www.checklist.design/) UX patterns with examples #pattern#reference

- [Http cache control headers and cache busting](https://csswizardry.com/2019/03/cache-control-for-civilians/) #reference#technique

- [How to use mailto](https://css-tricks.com/all-about-mailto-links/) #reference

- [Font Map](http://fontmap.ideo.com/) AI font similarity map #tool#typography

- [Understanding screen reader modes](https://tink.uk/understanding-screen-reader-interaction-modes/) #beginner virtual/browser mode, form/focus mode, and application mode #a11y#reference

- [Semantics to Screen Readers](https://alistapart.com/article/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](https://dequeuniversity.com/resources/) coding patterns and screen reader shortcuts #reference#pattern

- [Screen reader and browser usage survey](https://webaim.org/projects/screenreadersurvey7/) #a11y#reference

- [Accessible name and description computation](https://w3c.github.io/html-aam/#accessible-name-and-description-computation) mapping from HTML to AT announcement #a11y#reference

- [Flatten container with children with display:contents](https://css-tricks.com/get-ready-for-display-contents/) useful for nested grid items #technique

- [Dev.to](https://dev.to/) A beginner friendly dev community with positive culture #gooddesign#beginner

- [Details dialog element](https://github.com/github/details-dialog-element) Github's light weight web component for dialog #library#pattern#dialog

- [A JavaScript-Free Frontend](https://dev.to/winduptoy/a-javascript-free-frontend-2d3e) Use checkbox, label and id for modal ux #technique

- [True Blue](https://truebluestory.com/) stunning illustration in web media [behind the scene](https://medium.com/@eliotpeper/making-true-blue-f66a538d0ea5) #gooddesign

- [Machine learning to colorize black and white photo](https://colourise.sg/) #gooddesign#saas

- [CSS Grid course by Wes Bos](https://cssgrid.io/) #free#tutorial

- [Interneting is hard](https://internetingishard.com/) good html/css/js #beginner#tutorial

- [Uppy](https://uppy.io/) file uploader from local and cloud #library

- [Barnimages](https://barnimages.com/) royalty free stock photo #free#resource

- [Sheety](https://sheety.co) Google sheet to JSON API #saas

- [Tachyons](http://tachyons.io/) great design system for developers #library#gooddesign

- [Draw triangles](https://pineco.de/quick-tip-css-triangles/) #technique

- [CSS Remedy](https://github.com/mozdevs/cssremedy) an alternative to reset and normalize: mordern common sense css rules to start every project #library#opinion

- [The original NeXT browser](https://worldwideweb.cern.ch/) a replica #gooddesign

- [pseudo element for external link](https://www.jayfreestone.com/writing/wrapping-and-inline-pseudo-elements/) how to prevent orphan on next line #technique

- [Game-icons](https://game-icons.net/) free game icons that are stylish and unique #free#resource

- [Content-based grid tracks and embracing flexibility](https://hiddedevries.nl/en/blog/2019-02-23-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](https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/) with template-auto and minmax() #technique

- [Responsive grid and CSS variables](https://css-tricks.com/responsive-designs-and-css-custom-properties-building-a-flexible-grid-system/) replacing bootstrap grid with css grid #technique

- [Ant Design](https://ant.design/) a well documentated design system organized by purpose #library

- [Instant.page](https://instant.page/) prefetch a url on hover #performance#library

- [Auto accessible text color with CSS variable](https://css-tricks.com/css-variables-calc-rgb-enforcing-high-contrast-colors/) #technique#a11y

- [IconSvg](https://iconsvg.xyz/) svg icon library for copy, edit, and use #tool#resource

- [Using CSS Grid the right way](https://vgpena.github.io/using-css-grid-the-right-way) named columns and fr units #technique#tutorial

- [15-1255 Web and Digital Interface Designers](https://www.bls.gov/soc/2018/soc_2018_definitions.pdf) acknowledged as a job by Bureau of Labor Statistics

- [11ty.io](https://www.11ty.io/) simple static site generator running on node #library

- [Upcoming front-end design and developement](https://conferences.css-tricks.com/) #resource

- [Webhosting uptime ranking](https://www.smashingmagazine.com/2019/02/webhosting-compared-testing-uptime-2018/) #reference

- [Wakamai Fondue](https://wakamaifondue.com/) font capability inspector #tool#typography

- [Font Inspector](https://opentype.js.org/font-inspector.html) #tool#typography

- [Intro to Font Metrics](http://westonthayer.com/writing/intro-to-font-metrics/) ascender and baseline alignment #typography#introduction

- [SVG Filters 101](https://tympanus.net/codrops/2019/01/15/svg-filters-101/) #beginner#tutorial

- [Inclusive components](https://inclusive-components.design/#components) #pattern#a11y

- [The A11y Project](https://a11yproject.com/) #opinion#resource#pattern#a11y

- [Paint the picture, not the frame](https://alistapart.com/article/paint-the-picture-not-the-frame) use browser default scroll, highlight, text sizing, theme, focus, and clipboard #opinion#a11y

- [A case against theming](https://csswizardry.com/2016/10/pragmatic-practical-progressive-theming-with-custom-properties/) and a progressive solution with custom properties #a11y#opinion

- [Why we shouldn't take JavaScript for granted](https://kryogenix.org/code/browser/everyonehasjs.html) and why to prepare for no-js #opinion#a11y

- [line-height should be unitless](https://allthingssmitty.com/2017/01/30/nope-nope-nope-line-height-is-unitless/) #typography#opinion#technique#text

- [Scrollytelling](https://pudding.cool/process/how-to-implement-scrollytelling/) is a good technique that respects native behavior. Scrolljacking is bad. #technique#opinion#pattern#scroll

- [Consistency](https://developer.paciellogroup.com/blog/2017/08/inclusive-design-principle-be-consistent/#culturalconsistency) default scroll bar is external consistency with the system #a11y#opinion

- [Mixkit](https://mixkit.co/) HD video asset #free#resource

- [Lapa Ninja](https://www.lapa.ninja/) La gallery featuring the best landing page examples from around the web #resource

- [How To Architect A Complex Web Table](https://www.smashingmagazine.com/2019/02/complex-web-tables/) systematically plan design and document a #table#pattern

- [figure element](https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html) semantic and accessible usage #technique#a11y

- [Newsletter guide](https://newsletterguide.org) One-stop resource for publishing newsletters #tutorial

- [airtable](https://airtable.com/) cms + project management as a service #saas#free

- [tinyfaces](https://tinyfac.es/) crowd-sourced avatar gallery #resource#free#saas

- [Robust Client-Side JavaScript](https://molily.de/robust-javascript/) error prevention and handling #reference

- [HTML, CSS and our vanishing industry entry points](https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/) a case for inclusion #opinion

- [Tooltip Guidelines](https://www.nngroup.com/articles/tooltip-guidelines/) #pattern#tooltip

- [Programmatically select content in textbox](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) #technique

- [Designing for the web ought to mean making HTML and CSS](https://m.signalvnoise.com/designing-for-the-web-ought-to-mean-making-html-and-css/) #opinion

- [deno](https://github.com/denoland/deno) native TypeScript interpreter #tool#gooddesign

- [Statecharts: a visual formalism for complex systems](http://www.inf.ed.ac.uk/teaching/courses/seoc/2005_2006/resources/statecharts.pdf) #philosophy

- [Digital psychology](https://digitalpsychology.io/) minimalist text based interface #gooddesign

- [Poor design in automotive industry](https://uxdesign.cc/before-we-allow-ai-to-drive-our-cars-lets-see-if-car-makers-can-fix-a-few-smaller-things-115aeaf4aa53) parking, turn signal, standarization #gooddesign

- [Pure UI Control](https://medium.com/@asolove/pure-ui-control-ac8d1be97a8d) apply pure UI to a calculator control example #opinion

- [Pure UI](https://rauchg.com/2015/pure-ui) video player as an example, state driven design dev documentation #opinion

- [XState](https://github.com/davidkpiano/xstate) javascript finite state machine #library

- [Achieve container query with flex-basis](http://www.heydonworks.com/article/the-flexbox-holy-albatross-reincarnated) stack flex box when container is narrow #technique

- [Box drawing characters](https://en.wikipedia.org/wiki/Box-drawing_character) charting unicode #typography#reference

- [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html) Brad Frost collection of #pattern#reference

- [tablesaw](https://github.com/filamentgroup/tablesaw) filament responsive #table#pattern#library

- [Design better data tables](https://uxdesign.cc/design-better-data-tables-4ecc99d23356) #pattern#table#technique#gooddesign

- [Indicate scrollability with shadow](http://lea.verou.me/2012/04/background-attachment-local/) background-attachment #scroll#technique

- [Icons8](https://icons8.com/) icons and photos #resource#free

- [Laws of software development](http://www.globalnerdy.com/2007/07/18/laws-of-software-development/) #opinion#reference

- [Rule of least power](https://blog.codinghorror.com/the-principle-of-least-power/) information reuse vs language capability #opinion

- [A visual history of computing](https://www.docubyte.com/works/guide-to-computing) machine as art objects #gooddesign

- [Is Houdini Ready Yet](https://ishoudinireadyyet.com/) status of implementation by vendors #reference

- [The Great Divide](https://css-tricks.com/the-great-divide/) between JS dev and HTMl/CSS dev #opinion

- [doka](https://pqina.nl/doka/) high quality image editor component with a license fee #library

- [filepond](https://pqina.nl/filepond) high quality file uploader with drag and drop and image editor #library#file

- [Dimensions Guide](https://www.dimensions.guide/browse) for physical objects and architecture #reference

- [Making dialog and tooltip with react portal](https://css-tricks.com/using-react-portals-to-render-children-outside-the-dom-hierarchy/) #tutorial#technique

- [Designing For Print With CSS](https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/) #introduction#tutorial

- [amChart](https://www.amcharts.com/demos/) for data visualization #library#free

- [Making Future Interfaces: Algorithmic Layouts](https://www.youtube.com/watch?v=qOUtkN6M52M) foundation of responsive design is not media query #opinion#beginner

- [Serverless cost calculator](http://serverlesscalc.com/) AWS Lambda, Azure Functions, Google Cloud Functions, and IBM OpenWhisk #tool

- [Chris Coyier - The All Powerful Front End Developer](https://www.youtube.com/watch?v=grSxHfGoaeg) video: serverless architecture by example #introduction#beginner

- [Serverless ecommerce shopping cart and payment](https://github.com/sdras/sample-stripe-handler) stripe and azure functions #demo

- [The power of serverless](https://thepowerofserverless.info) a collection of resources for serverless stack or jamstack #saas#free#resource

- [Turn off animation/transition globally](https://www.kirupa.com/html5/toggling_animations_on_off.htm) respect reduced motion preference with css variables #technique#a11y

- [Masonry layout](https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/) css only solutions #technique

- [anime.js](https://animejs.com) powerful JavaScript animation engine #library

- [CSS Doodle](https://css-doodle.com) web component library for drawing patterns and shapes in CSS #library

- [Clippy](https://bennettfeely.com/clippy/) CSS clip-path generator #tool

- [Shapy](https://shapy.app/) gradient generator #tool

- [coolors](https://coolors.co) color palette generator #tool

- [The Directors Bureau](https://thedirectorsbureau.com/) vintage console like brutalist interface #gooddesign#inspiration

- [Engineering process at Google](https://arxiv.org/abs/1702.01715) #opinion#gooddesign

- [SiteInspire](https://www.siteinspire.com/) a collection of beautifully designed websites #inspiration

- [Alignment techniques](./articles/alignment.md) #technique#reference

- [SVG donut circle fill and number transition](https://www.smashingmagazine.com/2019/01/html5-svg-fill-animation-css3-vanilla-javascript/) #technique#tutorial

- [quicklink](https://github.com/GoogleChromeLabs/quicklink/blob/master/README.md) prefetch links in viewport for better #performance#library

- [box-decoration-break](https://developer.mozilla.org/en-US/docs/Web/CSS/box-decoration-break) give each line box an separate background, border, shadow, margin, padding #technique

- [How To Learn CSS](https://www.smashingmagazine.com/2019/01/how-to-learn-css/) resources on systematically (layout, sizing, alignment) learning CSS #beginner#resource

- [Understanding sizing in CSS Layout](https://www.smashingmagazine.com/2018/01/understanding-sizing-css-layout/) grid and flex sizing algorithms #reference#beginner

- [Animista](http://animista.net/play/) discover a variety of css animations and export code #tool#resource

- [European Space Agency hypothetical redesign](https://tatafriends.com/ESA-European-Space-Agency) #gooddesign#inspiration

- [Carrd](https://carrd.co) a one page website builder #gooddesign#saas#free

- [Meta Tags](https://metatags.io/) preview url in social media open graph cards #saas#tool

- [Select styles with CSS only](https://www.filamentgroup.com/lab/select-css.html) #technique#pattern#select

- [CodePen Radio](https://blog.codepen.io/radio/) unique icon for podcast album cover #gooddesign#icon#inspiration

- [What makes a good front-end developer?](https://gomakethings.com/what-makes-someone-a-good-front-end-developer/) problem-solving critical thinking, googling, empathy, communication #opinion

- [The Vanilla JS Toolkit](https://vanillajstoolkit.com/) snippets, helper, boilerplate, polyfill for vanilla JavaSript #reference

- [Modernizr](https://modernizr.com) overkill for feature detection and browser sniffing #library

- [preload font](https://css-tricks.com/fighting-foit-and-fout-together/) to fight FOIT and FOUT together #technique#typography

- [Gradient border](https://css-tricks.com/gradient-borders-in-css/) multiple ways to implement gradient borders #technique

- [CSSOM](https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/) manipulate style from JavaScript via CSS Object model #introduction#tutorial

- [I Used The Web For A Day Using A Screen Reader](https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/) case studies, tips, screenreader shortcuts #a11y

- [Material intelligence](https://aeon.co/essays/do-you-know-your-stuff-the-ethics-of-the-material-world) how material and craft brings out the beauty of simple objects #opinion

- [Operation Jane Walk](https://aeon.co/videos/skip-the-bus-this-post-apocalyptic-jaunt-is-the-only-new-york-tour-youll-ever-need) NYC history and architecture tour in Tom Clancy’s The Division #gooddesign#inspiration

- [typo/graphic posters](https://www.typographicposters.com/) typographical and graphical poster collection #resource#inspiration

- [EZGIF](https://ezgif.com/) animated gif editor, maker, converter #tool

- [Intercom](https://www.intercom.com) customer engagement and support through a chat interface #gooddesign#saas

- [London Underground Signs manual](http://content.tfl.gov.uk/lu-signs-manual.pdf) a design system for physical application #gooddesign#inspiration#designsystem

- [Fathom Analytics](https://usefathom.com/) open source self hosted telemetry library #free#library#telemetry

- [Getform](https://getform.io/) decoupled form submission handling backend as a service #free#saas#gooddesign

- [Remove image background](https://www.remove.bg/) #free#tool

- [DIY Ad Sponsorspot manager for newsletter](https://medium.com/@kaibrach/creating-a-fully-customised-weekly-newsletter-b7c31d580b4e) built with Google sheet, Formsite, Zappier #tutorial#free#hack#gooddesign

- [Plex](https://www.ibm.com/plex/) a font designed by IBM #typography#free#gooddesign

- [Deseat.ms](https://www.deseat.me/) scan email via OAuth2 and delete accounts from service providers #gooddesign#saas

- [Output font](https://djr.com/output/) optimised for screen reading #typography#gooddesign#resource

- [Input font](https://djr.com/input/) optimised for programming #typography#gooddesign#resource

- [CSS in JS to CSS Modules to PostCSS](https://css-tricks.com/bridging-the-gap-between-css-and-javascript-css-modules-postcss-and-the-future-of-css/) In depth introduction to css stack #introduction#tutorial

- [CSS Modules intro](https://css-tricks.com/css-modules-part-1-need/) 3 part tutorial on setting up CSS Module for client and server side react #tutorial#introduction

- [Humaaans](https://www.humaaans.com/) stock SVG for human body illustrations #library#free

- [Why Performance Matters](https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/) [part2](https://www.smashingmagazine.com/2015/11/why-performance-matters-part-2-perception-management/) [part3](https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/) on perceived #performance#technique

- [Webtask](https://webtask.io/) serverless endpoints by auth0 #saas#free

- [nivo](https://nivo.rocks/) nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. #library#visualization

- [Practical Cryptography for Developers](https://cryptobook.nakov.com/) how private/public keys, hashing, cyphers or signatures work #reference#beginner

- [Include variable font in font stack](https://www.zeichenschatz.net/typografie/implementing-a-variable-font-with-fallback-web-fonts.html) #typography#performance#technique

- [CSS Background-clip](https://webplatform.news/issues/2018-11-02) [spec](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) shrink background to text, content box, or border box #technique

- [Squoosh](https://squoosh.app/) image optimization compression #tool#free#performance

- [CSS and Network Performance](https://csswizardry.com/2018/11/css-and-network-performance/) fastest way to load css styles #performance#technique

- [web.dev](https://web.dev/) Google official guide to modern web dev #performance#spa#a11y#seo#tutorial#beginner#security#production

- [How to build a color palette](https://refactoringui.com/previews/building-your-color-palette/) with good examples #tutorial#color

- [No style design system](http://nostyle.herokuapp.com/components) progressive enhanced accessible form patterns by Adam Silver #form#pattern#a11y#demo#reference

- [Show progress for FileReader](https://stackoverflow.com/questions/16443440/how-to-implement-progress-bar-and-callbacks-with-async-nature-of-the-filereader) show feedback when reading large file with file input #pattern#form#file#technique

- [Cross platform triangle chevron unicode](https://stackoverflow.com/questions/6041209/html-character-codes-for-this-or-this#11537979) #reference#icon#form#pattern#select

- [Fieldset and legend](https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/) when to (not) use #pattern#form#a11y

- [Momentum scroll on iOS](https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/) #technique#pattern#scroll

- [Active descendant](https://www.w3.org/WAI/GL/wiki/Using_aria-activedescendant_to_allow_changes_in_focus_within_widgets_to_be_communicated_to_Assistive_Technology) for indicating selected child within a composite control that keeps focus on root #a11y#technique

- [Visually hidden](./articles/visually-hidden.md) hide visually but visible to screen reader #a11y#technique

- [Registration form](http://nostyle.herokuapp.com/examples/registration-form) #demo#form#email#password#validation#pattern

- [Web Design Museum](https://www.webdesignmuseum.org/) archive of old landing pages for influential companies #reference

- [State of JS 2018 Survey](https://2018.stateofjs.com/introduction/) #reference#survey

- [Spellbook of Modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev) #reference

- [Shopify eCommerce and business tools](https://www.shopify.com/tools) logo, naming, slogan, ops, legal, billing, logistics, branding, image #free#tool

- [flow](https://danross.co/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](https://medium.com/@vamptvo/pixels-vs-ems-users-do-change-font-size-5cfb20831773) #opinion#survey

- [focus-visible](https://github.com/WICG/focus-visible) polyfill for showing focus ring only on keyboard focus #library

- [Facon](https://github.com/terkelg/facon) create nested DOM elements using template literals and extract references. #library

- [When to Use Which User-Experience Research Methods](https://www.nngroup.com/articles/which-ux-research-methods/) attitudinal to behavioral, qualitative to quantitative. #reference

- [Kendo UI](https://www.telerik.com/kendo-ui) robust enterprise ready UI controls #gooddesign#library

- [ag-Grid](https://www.ag-grid.com/) robust enterprise ready grid/table control #gooddesign#table#library

- [Use subset and unicode range to load icon, emoji, and numberals fonts](https://css-tricks.com/subset-numerals-so-theyre-as-awesome-as-the-rest-of-your-content/) #technique#typography#performance

- [Palx](https://palx.jxnblk.com/) open source color palette generator using a single brand color #tool#free

- [Design, track, and analyze 404 no found page](https://www.smashingmagazine.com/2018/11/the-101-course-on-crafting-404-pages/) #tutorial

- [Design tools are running out of track. Here’s how we can fix them.](https://medium.freecodecamp.org/design-tools-are-running-out-of-track-94f21b6ae939) #opinion

- [The Design Tool Dilemma](https://medium.freecodecamp.org/the-design-tool-dilemma-225541c4ad1d) code vs vector as source of truth #opinion

- [Tags to DOM](https://alistapart.com/article/tags-to-dom) part 2 of the URL to Interactive series #introduction#beginner

- [The correct usage of ``, ``, ``](https://logrocket.com/blog/youre-using-em-wrong) #reference

- [Consently](https://consently.co/) The privacy-friendly and GDPR compliant way to add tracking to your website #gooddesign#saas

- [33 Concepts Every JavaScript Developer Should Know](https://github.com/leonardomso/33-js-concepts) #reference#beginner

- [URL to Interactive](https://alistapart.com/article/from-url-to-interactive) a series of articles on the end to end flow of web: [Server to Client](https://alistapart.com/article/server-to-client), [tags to DOM](https://alistapart.com/article/tags-to-dom), [braces to pixels](https://alistapart.com/article/braces-to-pixels), [var to JIT](https://alistapart.com/article/var-to-jit) #introduction#beginner

- [FontBase](https://fontba.se/) font management tool #tool#free

- [Negative Grid Lines](https://css-irl.info/negative-grid-lines/) position item relative to the end of a grid #technique

- [8 Tips for Great Code Reviews](https://kellysutton.com/2018/10/08/8-tips-for-great-code-reviews.html) #codereview#communication

- [The Psychology of Design](https://alistapart.com/article/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](https://css-tricks.com/why-using-reduce-to-sequentially-resolve-promises-works/) #technique

- [Create CSS border radius for artistic shapes](https://9elements.com/io/css-border-radius/) #tool

- [Dealing with Dependencies Inside Design Systems](https://medium.com/eightshapes-llc/dealing-with-dependencies-inside-design-systems-aa6ce2cf7bc3) Decomposing Features to Master Change Up the Chain #tutorial#designsystem

- [Visual Breaking Change in Design Systems](https://medium.com/eightshapes-llc/visual-breaking-change-in-design-systems-1e9109fac9c4) We Respect Code APIs. But What About Color, Type and Space? #tutorial#designsystem

- [Versioning Design Systems](https://medium.com/eightshapes-llc/versioning-design-systems-48cceb5ace4d) Communicating Change Clearly to People Using Systems #tutorial#designsystem

- [Design System Release Cadence](https://medium.com/eightshapes-llc/design-system-release-cadence-2e3e6694ba21) Modeling How Often and Regularly Your System Delivers #tutorial#designsystem

- [Releasing Design Systems](https://medium.com/eightshapes-llc/releasing-design-systems-57fca91a23f6) Delivering Interconnected Outputs to Adopters Over Time #tutorial#designsystem

- [Book Cover Archive](http://bookcoverarchive.com/) as visual design inspiration #inspiration#resource

- [ColorBox](https://www.colorbox.io/) A color gradient picker by Lyft #tool

- [Build dialog with the native dialog element](https://www.viget.com/articles/the-dialog-element/) #technique#reference

- [remarkable](https://github.com/jonschlinkert/remarkable) Markdown parser #library

- [A Brief Guide About Competitive Analysis](https://www.smashingmagazine.com/2018/08/guide-competitive-analysis/) #introduction

- [JavaScript timers](https://nolanlawson.com/2018/09/01/a-tour-of-javascript-timers-on-the-web/) setTimeout,requestAnimationFrame,requestIdleCallback #technique

- [Input element properties](https://www.stefanjudis.com/blog/three-input-element-properties-that-i-discovered-while-reading-mdn/) defaultValue,indeterminate,selectionStart,selectionEnd,selectionDirection, tri-state checkbox, retrieve default value #reference#technique#pattern#radio#checkbox#textbox

- [Best Practices For Mobile Form Design](https://www.smashingmagazine.com/2018/08/best-practices-for-mobile-form-design/) #technique#pattern#form#textbox

- [sanitize.css](https://github.com/csstools/sanitize.css) a CSS library that provides consistent, cross-browser default styling of HTML elements alongside useful defaults. #library

- [Accessible Breadcrumb Navigation Pattern](https://scottaohara.github.io/a11y_breadcrumbs/) #pattern#a11y#breadcrumb

- [The Mighty Ellipsis](https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864) how and why the ellipsis is used #technique#pattern#text

- [The Ecological Impact of Browser Diversity](https://css-tricks.com/the-ecological-impact-of-browser-diversity/) the core engines of each browser #introduction#opinion

- [::before vs :before](https://css-tricks.com/to-double-colon-or-not-do-double-colon/) pseudo-elements vs. pseudo-selector #reference

- [The Complete CSS Demo for OpenType Features](https://sparanoid.com/lab/opentype-features/) #typography#reference

- [Helping a Beginner Understand Getting a Website Live](https://css-tricks.com/helping-a-beginner-understand-getting-a-website-live/) explain domain, web host, CMS, CDN, repository, deployment #introduction

- [Design with Difficult Data](https://alistapart.com/article/design-with-difficult-data) fake data < real data < difficult data #opinion

- [Designing A Textbox, Unabridged](https://www.smashingmagazine.com/2018/09/designing-a-textbox-unabridged/) differentiate change,keypress,keyup,input events #pattern#technique#textbox

- [Lobe - Deep Learning Made Simple](https://lobe.ai) intuitive UX for complex deep learning applications #free#library#saas#machinelearning#gooddesign

- [Brutalist Websites](http://brutalistwebsites.com/) #resource#inspiration

- [Solving All the Wrong Problems](https://www.nytimes.com/2016/07/10/opinion/sunday/solving-all-the-wrong-problems.html) tech industry's bias to innovate for themselves #opinion

- [Shrink Me - Compress JPG, PNG and WEBP Images](https://shrinkme.app) image optimization #tool#free#performance

- [What Is This Thing Called Design?](https://www.subtraction.com/2018/07/17/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](https://essays.uxdesign.cc/) An analysis of the state of design publishing and community building in the era of personal branding. #opinion

- [Coding with Clarity](./articles/coding-with-clarity.md) practical tips and techniques for object oriented coding. #oop#technique

- [Myth: All pages should be accessible in 3 clicks](https://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks) #opinion

- [Principles of writing consistent, idiomatic CSS](https://github.com/necolas/idiomatic-css#declaration-order) order CSS rules by function, not alphabet #opinion#technique

- [Large scale css system design principles](https://medium.com/gusto-design/creating-the-perfect-css-system-fa38f5bcdd9e) #itcss#technique

- [Let device adjust color](https://css-tricks.com/the-possibilities-of-the-color-adjust-property/) color-adjust allows device e.g. printer to save ink #technique#print#responsive#ethicaldesign

- [Prevent overscroll bouncing](https://www.smashingmagazine.com/2018/08/scroll-bouncing-websites/) disable rubber-banding or elastic scroll on touch device #scroll#mobile#technique

- [CSS Scroll Snapping](https://css-tricks.com/practical-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](http://www.lighterra.com/articles/macosxtextaabug/) white text blurry and bold on Mac #technique#typography

- [How the shared family computer protected us from our worst selves](https://www.theverge.com/2018/8/9/17661466/shared-family-computer) #opinion#antitech

- [Display After Effects animation in Android, iOS, React Native, and Web](http://airbnb.io/lottie/) #animation#library

- [Everything You Need To Know About Alignment In Flexbox](https://www.smashingmagazine.com/2018/08/flexbox-alignment/) align-item vs. align-content #responsive#introduction#reference

- [Accessible Components](https://davatron5000.github.io/a11y-nutrition-cards/) cheatsheet for building accessible form control #component#pattern#a11y#reference

- [Automatically switch font color for different backgrounds with CSS variable](https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/) #a11y#designsystem#theming#cssvariable

- [Use media query in SVG as container query](https://www.madebymike.com.au/writing/svg-has-more-potential/) #svg#responsive

- [Sanity](https://www.sanity.io/) Headless CMS solution #saas#library#cms#editor#realtime

- [List of storage or database services](https://blog.codepen.io/2018/06/07/need-to-store-some-data/) #free#saas#database#resource

- [Mlab: Database-as-a-Service for MongoDB](https://mlab.com/) #free#saas#database

- [Various styled accessible form controls](https://scottaohara.github.io/a11y_styled_form_controls/) #component#pattern#a11y#reference#library

- [Sticky, smooth, active nav](https://css-tricks.com/sticky-smooth-active-nav/) sidenav that highlights current section #technique#scroll

- [Math and physics for iOS Fluid Interface](https://medium.com/@nathangitter/building-fluid-interfaces-ios-swift-9732bb934bf5) including: spring, button, rubberband, momentum #technique#animation

- [Math and physics for dragging animation](https://uxdesign.cc/how-to-fix-dragging-animation-in-ui-with-simple-math-4bbc10deccf7) #technique#animation

- [Fix 100vh cropped by mobile url bar](https://css-tricks.com/the-trick-to-viewport-units-on-mobile/) #technique#responsive#mobile

- [Typeform](https://www.typeform.com/) interactive form for user-friendly data collection #gooddesign#saas#free

- [Writing Less Damned Code](https://vimeo.com/190834530) [video digest](./articles/writing-less-damned-code.md) #a11y#responsive#opinion

- [Running untrusted script in Node VM](https://remysharp.com/2018/07/25/when-helpful-turns-into-super-bad-security) runInNewContext #security#nodejs#technique

- [MIT licensed SVG illustrations](https://undraw.co/) #resource#free#svg

- [Subsetting font with unicode-range](https://jakearchibald.com/2014/minimising-font-downloads/) #typography#performance

- [On-demand live regions](https://github.com/Heydon/on-demand-live-region) make screenreader announce text on demand #a11y#library

- [Announce page titles in a Single Page App](https://hiddedevries.nl/en/blog/2018-07-19-accessible-page-titles-in-a-single-page-app) #a11y#technique

- [Accessibility for Teams](https://accessibility.digital.gov/) US Goverment guide for embedding accessibility and inclusive design practices into your team’s workflow #a11y#introduction#wcag#reference

- [Beacon API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon) browser built-in telemetry API #api#browser#telemetry#reference

- [Key Bindings for Visual Studio Code](https://code.visualstudio.com/docs/getstarted/keybindings) cheatsheet for #vscode#reference

- [Font playground](https://play.typedetail.com/) play with variable fonts #typography#variablefont#playground#tool

- [2018 Developer road maps](https://css-tricks.com/developer-roadmaps/) frontend, react, backend, vue #roadmap#reference

- [Notion: CMS, kanban, calendar, notes](https://www.notion.so/product) #gooddesign#businessstrategy#startup#saas#free#editor#cms

- [Cloudinary Image management](https://cloudinary.com) CDN and optimization #saas#responsive#image#performance

- [pointer-events delegation](https://codepen.io/MartijnCuppens/full/MBjqbM/) change parent or sibling style on hover #technique#hover#eventdelegation

- [Editable CSS and JavaScript source](https://css-tricks.com/did-you-know-that-style-and-script-tags-can-be-set-to-display-block/) use `display: block` on `` and `<script>` elements #technique#editor#wysiwyg#demo#sandbox#playground

- [The Secret Law of Page Harmony](http://retinart.net/graphic-design/secret-law-of-page-harmony/) geometric techniques for perfect ratio on paper #technique#layout#gird

- [Dotgrid: vector drawing app for icon design](https://hundredrabbits.itch.io/dotgrid) #minimalist#tool#gooddesign#svg#icon

- [Public APIs](https://github.com/toddmotto/public-apis) request data for anything #api#free#resource

- [Improving the usability of multi-selecting from a long list](https://medium.com/tripaneer-techblog/improving-the-usability-of-multi-selecting-from-a-long-list-63e1a67aab35) #pattern#multiselect#pill#select

- [SimpleBar](https://github.com/Grsmto/simplebar) lightweight scrollbar #library#scroll

- [Animating Layouts with the FLIP Technique](https://css-tricks.com/animating-layouts-with-the-flip-technique/) #animation#performance

- [Code review best practices](https://medium.com/palantir/code-review-best-practices-19e02780015f) #codereview#communication

- [Improve resume reader experience](https://www.smashingmagazine.com/2018/06/altruism-dream-design-job/) #writing#resume#content

- [Hyperlinking Beyond the Web](https://css-tricks.com/hyperlinking-beyond-the-web/) deeplink into apps #url#deeplink#nativeapp

- [Email recipient experience design](https://alistapart.com/article/your-emails-and-recipients-deserve-better-context) #email#content#technique

- [Better Collaboration By Bringing Designers Into The Code Review Process](https://www.smashingmagazine.com/2018/07/collaboration-designers-code-review-process/) #process#opinion#communication

- [4kb frontend UI framework](https://choo.io/) #library#minimalist

- [System Font Stack](https://css-tricks.com/snippets/css/system-font-stack/) #typography#fontstack#systemfont

- [Font Stacks](https://css-tricks.com/snippets/css/font-stacks/) #typography#fontstack

- [Itty bitty sites are contained entirely within their own link](https://itty.bitty.site/edit) #tool#url

- [PQINA designs and builds performant, responsive and polished web components](https://pqina.nl/) #startup#component#library#minimalist#businessstrategy#gooddesign

- [I Used The Web For A Day With JavaScript Turned Off](https://www.smashingmagazine.com/2018/05/using-the-web-with-javascript-turned-off/) #progressive#a11y

- [I Used The Web For A Day With Just A Keyboard](https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/) #a11y#keyboard

- [Techniques for WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/) #technique#a11y#wcag#reference

- [Making the DOM order match the visual order](https://www.w3.org/TR/WCAG20-TECHS/C27.html) #technique#a11y#wcag

- [To cure affluenza, we have to be satisfied with the stuff we already own](https://www.theguardian.com/business/2017/oct/30/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](https://alistapart.com/article/order-out-of-chaos-patterns-of-organization-for-writing-on-the-job) #ia#writing#documentation#content

- [What Is Redux: A Designer’s Guide](https://www.smashingmagazine.com/2018/07/redux-designers-guide/) #redux#undoredo#optimisticui#introduction

- [Multi-colored icons with SVG symbols and CSS variables](https://medium.freecodecamp.org/lets-make-your-svg-symbol-icons-multi-colored-with-css-variables-cddd1769fca4) #icon#svg#cssvariable#tutorial

- [Integrating and styling icon systems — SVG sprites, SVG symbols and icon fonts](https://blog.nucleoapp.com/the-guide-to-integrating-and-styling-icon-systems-svg-sprites-svg-symbols-and-icon-fonts-da7c424dac1b) #icon#svg#svgsymbol#iconfont#tutorial

- [Integrating and styling icon systems — inline SVG and icon components](https://blog.nucleoapp.com/the-guide-to-integrating-and-styling-icon-systems-inline-svg-and-icon-components-9ed234419166) #icon#svg#tutorial

- [ChartGen: generate mock svg line chart](https://chartgen.frederickallen.co/) #svg#mock#tool#prototyping#chart

- [Prototyping in the Browser](https://css-tricks.com/prototyping-in-the-browser/) `[[[url]]]` to compose HTML from components in codepen #prototyping#codepen#technique