awesome-web-dev-resources

👌 My collection of go-to web development resources
https://github.com/mrmartineau/awesome-web-dev-resources

Last synced: 1 day ago
JSON representation

A11y tools and resources:
- A11y Chrome extensions
  - Accessibility Insights for Web
  - Color Contrast Analyzer
  - NoCoffee - related issues
  - HTTP Status Codes
  - HTTP Status Codes
  - Accessibility Insights for Web
  - Color Contrast Analyzer
  - NoCoffee - related issues
  - Color Contrast Analyzer
  - Accessibility Insights for Web
- 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
  - Vite
Code colour schemes
- A11y Chrome extensions
  - Monokai Pro
  - Ayu (Mirage)
  - Dracula
  - Oceanic Next Theme
  - Nord
  - VSCodeThemes
  - Regex101
  - 🌌 Night Owl
  - themer
  - Web Skills
Code formatting and linting
- Server-rendered React
Commit hooks
- Server-rendered React
Continuous integration
- A11y Chrome extensions
  - Bitrise
  - Travis CI - source
Creating CLI apps
- Server-rendered React
  - gluegun - powered CLIs
  - inquirer
  - commander - line interfaces made easy
  - sade - line interface (CLI) applications for Node.js that are fast, responsive, and helpful!
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 💅
- Styled Components - in-JS for React
Docker
- A11y Chrome extensions
  - dockle - Practice Docker Image, Easy to start
Domains
- A11y Chrome extensions
  - iwantmyname
📦 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
- Cubic bezier curve creator
- Ceaser
Framework agnostic packages
- Animation
  - Vanilla-tilt.js
  - ramjet
  - anime
  - GSAP
- Async
  - axios
  - axios-retry
  - redaxios
  - cross-fetch
  - awaity
  - loadjs
  - await-to-js - catch
- Carousels
  - Flickity
  - Swiper
  - Swiper
- 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

Programming Languages

JavaScript 107 TypeScript 54 Shell 4 HTML 3 Go 3 Rust 2 Dockerfile 1 Vim Script 1 OCaml 1 Python 1

Categories

Framework agnostic packages 99 ⚛️ React 48 Commit hooks 24 A11y tools and resources: 22 GraphQL 21 📦 Finding and vetting npm packages 21 Really useful tools 16 TypeScript 15 Miscellaneous 14 Performance testing and monitoring 14 Code bundlers 12 Useful JS links 11 CSS-in-JS 10 SVG/Image Media compression 10 Code colour schemes 10 Icons 9 Package management and publishing 7 Code formatting and linting 7 Programming fonts 6 Uncategorized 5 Creating CLI apps 4 VS Code 3 CLI apps 3 Static site generators 2 Microservices/Serverless 2 Continuous integration 2 Typography 2 Domains 1 Docker 1

Sub Categories

Server-rendered React 158 General utilities 45 A11y Chrome extensions 35 React-specific libs: 30 Node 19 State management 11 Async 7 Polyfills 6 Immutable 5 Uncategorized 5 Media and Images 4 Animation 4 Responsive 3 Date 3 Carousels 3 Web workers 2 Scrolling 2 Typography 1

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

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-web-dev-resources

Server-rendered React

CLI apps

Server-rendered React

Code bundlers

Server-rendered React

Code colour schemes

Code formatting and linting

Server-rendered React

Commit hooks

Server-rendered React

Continuous integration

Creating CLI apps

Server-rendered React

CSS-in-JS

Docker

Domains

📦 Finding and vetting npm packages

Framework agnostic packages

Animation

Async

Carousels

Date

General utilities

Immutable

Media and Images

Node