Web & Frontend — Useful Sites

Front-End Checklist

2026-10-18T00:00:00Z

A checklist of items to verify before launching a web page across HTML, CSS, JS, accessibility, performance and SEO, with priority labels. Unlike general guides it is a tickable, prioritised checklist.

https://github.com/thedaviddias/Front-End-Checklist

Mozilla Web Security Guidelines

2026-10-18T00:00:00Z

Mozilla's recommended security headers and settings for websites: CSP, HSTS, cookie flags, CORS, SRI. It gives a priority and an example configuration for each, making it more actionable than general security articles.

https://infosec.mozilla.org/guidelines/web_security.html

NGINX Config Generator (nginxconfig.io)

2026-10-18T00:00:00Z

A form-driven generator that builds a ready NGINX config from domain, PHP/Node, security and performance options. Compared with copying sample configs, it adds best-practice settings (TLS, headers, gzip) automatically.

https://www.digitalocean.com/community/tools/nginx

Protomaps

2026-10-18T00:00:00Z

An open-source map stack that serves a world basemap as a single PMTiles file; the file sits on plain storage such as S3 and the browser reads only the parts it needs through HTTP range requests. Unlike hosted map services such as Mapbox there is no tile server and no per-use fee.

https://protomaps.com/

The A11Y Project

2026-10-18T00:00:00Z

A community-run accessibility site with a plain checklist based on WCAG, articles and lists of tools and resources. Unlike the W3C quick reference it states the criteria as items a developer can follow rather than in standards language.

https://www.a11yproject.com/

WAVE

2026-10-18T00:00:00Z

WebAIM’s accessibility evaluation tool; given an address, or through its browser extension, it overlays errors, alerts and structural information as icons on the page. Unlike scanners that produce a report it shows each problem in place on the page; the extension also checks pages behind a login, locally.

https://wave.webaim.org/

WCAG 2.2 Hızlı Başvuru

2026-10-18T00:00:00Z

The W3C’s “How to Meet WCAG” page: every success criterion, its level (A, AA, AAA), the techniques that satisfy it and the common failures, filterable by level and topic. Unlike reading the standard itself it takes you from a criterion straight to a technique you can apply.

https://www.w3.org/WAI/WCAG22/quickref/

WebAssembly

2026-10-18T00:00:00Z

The official site of the WebAssembly standard: the specifications, an introduction to the concepts and a feature table showing which proposal is supported in which browser and runtime. Unlike MDN’s WebAssembly pages it looks from the standard and the runtimes rather than from the JavaScript side.

https://webassembly.org/

webhint

2026-10-18T00:00:00Z

An open-source linter that scans a site for accessibility, speed, security and compatibility problems and explains each rule; it runs as an online scan, a CLI and a VS Code extension. Unlike Lighthouse it documents every rule in detail and is configurable.

https://webhint.io/

ni

2026-10-09T09:00:00Z

One command that picks npm, yarn, pnpm or bun for each project from its lockfile. Unlike remembering which manager a repo uses you type the same thing everywhere.

https://github.com/antfu-collective/ni

Awesome Angular

2026-09-18T00:00:00Z

A list of components, tools and tutorials for the Angular application framework. Unlike the official docs it gathers community libraries and real examples.

https://github.com/PatrickJS/awesome-angular

Awesome ESLint

2026-09-18T00:00:00Z

A list of plugins and configs for ESLint, the JavaScript linter. Unlike the ESLint docs, it gathers community-shared configs and plugins specific to frameworks such as React and Vue.

https://github.com/dustinspecker/awesome-eslint

Awesome Frontend GIS

2026-09-18T00:00:00Z

A list of libraries for geographic information systems (maps) in the browser. Unlike general mapping-API lists, it focuses on libraries that run in the browser rather than on a server — rendering, data conversion, spatial analysis.

https://github.com/joewdavies/awesome-frontend-gis

Awesome HTML5

2026-09-18T00:00:00Z

A list of HTML5 APIs — Canvas, WebSocket, storage — plus tools and resources. Unlike general web lists, it focuses only on the browser APIs that came with the HTML5 standard.

https://github.com/diegocard/awesome-html5

Awesome Mobile Web Development

2026-09-18T00:00:00Z

A resource list for building a good mobile web experience — touch events, performance, offline. Unlike native-app lists, it targets mobile sites running in the browser.

https://github.com/myshov/awesome-mobile-web-development

Awesome npm

2026-09-18T00:00:00Z

A list of tips, tools and resources for npm, the Node package manager. Unlike the npm docs, it gathers the tools around it — package search sites, publishing helpers, CLI add-ons.

https://github.com/sindresorhus/awesome-npm

Awesome npm scripts

2026-09-18T00:00:00Z

A resource list for using npm scripts as a task runner. Unlike task runners such as Gulp or Grunt, it teaches making do with package.json scripts and no extra dependency.

https://github.com/RyanZim/awesome-npm-scripts

Awesome Ponyfills

2026-09-18T00:00:00Z

A list of ponyfill libraries that add native behaviour without overriding it. Unlike polyfills they never patch globals: you import the feature as a separate module.

https://github.com/Richienb/awesome-ponyfills

Awesome Preact

2026-09-18T00:00:00Z

A list of components, tools and examples for Preact, the 3 KB lightweight React alternative. Unlike React lists, it collects only libraries that work with Preact and keep its small size.

https://github.com/preactjs/awesome-preact

Awesome React

2026-09-18T00:00:00Z

A list of libraries, tools and learning resources for the React ecosystem. Unlike the official docs, it gathers the surrounding ecosystem — state management, routing, component libraries, testing — in one list.

https://github.com/enaqx/awesome-react

Awesome React Hooks

2026-09-18T00:00:00Z

A list of libraries, examples and articles for React Hooks. Unlike general React lists, it gathers only hook-based patterns and custom-hook packages, not class components.

https://github.com/glauberfc/awesome-react-hooks

Awesome Standard

2026-09-18T00:00:00Z

A resource list for Standard, the zero-config JS style guide and linter. Unlike configuring ESLint by hand, the rules are fixed and not up for debate; the list gathers editor plugins and compatible tools.

https://github.com/standard/awesome-standard

Awesome Svelte

2026-09-18T00:00:00Z

A list of components and tools for Svelte and SvelteKit. Unlike React-heavy lists it shows the ecosystem specific to this compile-time framework.

https://github.com/TheComputerM/awesome-svelte

Awesome WebExtensions

2026-09-18T00:00:00Z

A resource list for building cross-browser add-ons (WebExtensions). Unlike single-browser docs it focuses on the common API that works across Chrome, Firefox and Safari.

https://github.com/fregante/Awesome-WebExtensions

Awesome WebXR

2026-09-18T00:00:00Z

A resource list for WebXR, enabling virtual/augmented reality in the browser. Unlike native XR SDKs, these experiences open in a browser with nothing to install; the list gathers frameworks, samples and tools.

https://github.com/msub2/awesome-webxr

Awesome WP-CLI

2026-09-18T00:00:00Z

A resource list for WP-CLI, managing WordPress from the command line. Unlike the admin dashboard it offers bulk, scriptable operations: updating plugins on a hundred sites is one command.

https://github.com/schlessera/awesome-wp-cli

Browser Diet

2026-09-18T00:00:00Z

A guide of concrete tips for improving web performance. Unlike automated audits such as Lighthouse, the advice is hand-written by experts with its reasoning; part of it dates from the HTTP/1 era.

https://browserdiet.com/en/

Can I email…

2026-09-18T00:00:00Z

A table showing which email client supports an HTML/CSS feature. Unlike the web’s Can I use it looks at the quirky, limited support of email clients.

https://www.caniemail.com/

Chart.js

2026-09-18T00:00:00Z

A JavaScript library drawing simple, responsive charts on canvas. Unlike heavy visualisation libraries it is lightweight and works in a few lines.

https://www.chartjs.org/

DevSamples

2026-09-18T00:00:00Z

Ready-to-copy HTML, CSS and JavaScript code examples. Unlike documentation, it gives small working snippets rather than explanations.

https://www.devsamples.com/

docsify

2026-09-18T00:00:00Z

A tool turning Markdown files into a documentation site in the browser, with no build. Unlike static generators it has no build step — it serves the pages on the fly.

https://docsify.js.org/

Firefox Developer Edition

2026-09-18T00:00:00Z

A build of Firefox for web developers, with advanced debugging tools built in. Unlike Chrome DevTools, its CSS Grid and Flexbox inspectors and its fonts panel are notably strong.

https://www.mozilla.org/firefox/developer/

Frontend Focus

2026-09-18T00:00:00Z

A newsletter rounding up frontend news, articles and tools weekly. Unlike scattered following it gives a single, filtered digest.

https://frontendfoc.us/

Frontend Mentor

2026-09-18T00:00:00Z

A practice platform that gives realistic design files and asks you to turn them into code. Unlike random projects it comes with professional designs and community feedback.

https://www.frontendmentor.io/

Joomla

2026-09-18T00:00:00Z

An open-source content management system (CMS), an alternative to WordPress.

https://www.joomla.org/

Patterns.dev

2026-09-18T00:00:00Z

A free resource explaining design and rendering patterns for modern web apps with examples. Unlike classic design-pattern books, it also covers rendering patterns — SSR, static generation, hydration, islands.

https://www.patterns.dev

React Hook Form

2026-09-18T00:00:00Z

A library managing React forms with minimal re-renders and built-in validation. Unlike controlled components it keeps performance high and simplifies the code.

https://react-hook-form.com/

Smashing Magazine

2026-09-18T00:00:00Z

In-depth articles, books and practical guides on web design and development. Unlike short blog posts, it publishes long, editor-reviewed articles.

https://www.smashingmagazine.com

SweetAlert2

2026-09-18T00:00:00Z

A library replacing the browser’s ugly alert box with pretty, customisable modals. Unlike the built-in alert it supports styling, input fields and promises.

https://sweetalert2.github.io/

web.dev

2026-09-18T00:00:00Z

Google’s guides and measurement tools for web quality — performance, accessibility, PWA. Unlike MDN it is a guide rather than a reference, explaining metrics such as Core Web Vitals and how to improve them.

https://web.dev/