awesome-web-dev-resources
👌 My collection of go-to web development resources
https://github.com/mrmartineau/awesome-web-dev-resources
Last synced: 18 days ago
JSON representation
-
A11y tools and resources:
-
A11y Chrome extensions
-
Server-rendered React
- Interactive WCAG
- awesome-a11y - related resources & information
- a11yproject.com/checklist.html
- a11yproject.com
- allyjs.io
- Four principles of Accessibility
- Aria landmarks example
- Inclusive Components
- Practical ARIA Examples
- Web Accessibility Tutorials
- Accessible color palette builder
- Nutrition Cards for Accessible Components A11Y Expectations
-
-
CLI apps
-
Server-rendered React
- awesome-cli-apps
- serve
- SpaceVim - driven modular vim distribution - The ultimate vim configuration
-
-
Code bundlers
-
Server-rendered React
- esbuild
- Webpack
- Parcel
- rollup.js
- swc - fast compiler written in rust; producing widely-supported javascript from modern standards and typescript
- preconstruct
- Webpack recipes
- ifdef-loader
- microbundle - configuration bundler for tiny modules
- ncc - style.
- fastpack
-
-
Code colour schemes
-
A11y Chrome extensions
-
-
Code formatting and linting
-
Server-rendered React
-
-
Commit hooks
-
Server-rendered React
- react-testing-library
- Stryker Mutator
- lefthook
- husky
- lint-staged: 🚫💩
- majestic
- jest-chain
- jest-extended
- snapshot-diff
- jest-date-mock
- start-server-and-test
- dom-testing-library
- react-testing-library 🐐
- react-testing-library
- react-hooks-testing-library
- Chance
- faker.js
- nock
- given2
- benny
- benchmark.js
- ui-testing-best-practices
- react-testing-library
- react-testing-library
-
-
Continuous integration
-
Creating CLI apps
-
CSS-in-JS
- Stitches - in-JS with near-zero runtime
- vanilla-extract - runtime Stylesheets-in-TypeScript
- goober - in-js solution
- Polished
- Theme UI - based design principles
- linaria - runtime CSS in JS library
- Design System Utils - end projects (made by me!)
- styled-by
- xstyled - components 💅
-
Docker
-
A11y Chrome extensions
- dockle - Practice Docker Image, Easy to start
-
-
Domains
-
A11y Chrome extensions
-
-
📦 Finding and vetting npm packages
- Bundlephobia
- npms
- pika
- runpkg
- CSS Tricks "Complete Guide to Flexbox"
- CSS Tricks "Complete Guide to Grid"
- Ceaser
- CSS Triggers
- Fluid-responsive font-size calculator
- Browserhacks
- Absolute centering
- CSSFX - to-copy CSS effects
- Shape Divider App
- CSSFX - to-copy CSS effects
- emma
- npmvet
- pika
- Browserhacks
- modern-css-reset - bones CSS reset for modern web development
- Ceaser
-
Framework agnostic packages
-
Animation
-
Async
-
Carousels
-
Date
-
General utilities
- tradeoffs document
- evt
- words
- Just - free utilities that do just do one thing (like Lodash but smaller)
- tiny-get - weight lodash.get equivalent utility
- liteready
- passport
- get-size
- length.js
- memoizee
- memoize-one
- kind-of
- iterare
- eases-jsnext - bag of modular easing equations
- normalizr
- lazy-value
- fast-equals
- fast-copy
- compute-scroll-into-view
- arr
- timedstorage
- dont-go - side library with zero dependencies to change the title and/or favicon of the page when it is inactive
- always-done - in replacement for async-done - pass 100% of its tests plus more
- no-scroll
- libphonenumber-js
- text-mask
- msk
- focus-trap
- tinykeys
- js-humanize
- pupa
- sub-in - and-replace utility for strings in Javascript
- color-hash
- string-similarity
- cuid - resistant ids optimized for horizontal scaling and performance
- obj-str - in replacement for the classnames module
- clsx - in replacement for the classnames module
- xstate
- tasktimer
- rough-notation - drawn annotations on a web page
- ouml
- is
- big.js - precision decimal arithmetic
- js-proper-url-join
- action-outside
-
Immutable
- immer
- use-immer
- unchanged
- seamless-immutable - compatible with normal JS Arrays and Objectsseamless-immutable`
- mutik
-
Media and Images
- IMGIX - time image processing and image CDN
- images-loaded
- lazysizes
- sharp
-
Node
- helmet
- reqresnext
- lusca
- cookie-session - based session middleware
- nodebestpractices
- http-terminator
- uuid - compliant UUIDs in JavaScript
- http-errors
- boom - friendly error objects
- deno
- nanomatch
- yn
- ncp
- pino
- caterpillar
- cabin
- consola
- dumper.js
-
Programming Languages
Categories
Framework agnostic packages
97
⚛️ React
47
Commit hooks
24
A11y tools and resources:
21
GraphQL
21
📦 Finding and vetting npm packages
20
Really useful tools
16
TypeScript
15
Performance testing and monitoring
14
Miscellaneous
14
Code bundlers
11
Useful JS links
10
Code colour schemes
10
Icons
9
CSS-in-JS
9
SVG/Image Media compression
8
Package management and publishing
7
Programming fonts
6
Code formatting and linting
6
Uncategorized
5
Creating CLI apps
4
VS Code
3
CLI apps
3
Continuous integration
2
Typography
2
Static site generators
2
Microservices/Serverless
2
Domains
1
Docker
1
Sub Categories
Keywords
javascript
38
react
34
nodejs
14
cli
11
typescript
8
css
6
redux
6
jest
6
reactjs
5
performance
5
testing
5
node
5
npm-package
5
npm
5
date
4
react-hooks
4
svg
4
react-native
4
awesome-list
4
awesome
4
best-practices
4
http
3
json
3
command-line
3
state
3
css-in-js
3
express
3
node-js
3
es6
3
middleware
3
webpack
3
cli-app
3
font
3
a11y
3
list
3
render-props
3
assertions
3
react-components
3
terminal
3
vscode
3
hooks
3
javascript-library
2
utilities
2
prompt
2
scrolling
2
styled-components
2
matchers
2
resize
2
string
2
chrome
2