Benable — create shareable lists of things you recommend!
E.g., products you love, local businesses, travel recs - you can add anything to a Benable list!
Sign up for free
Discover
Login
Free Frontend Resources & Tools
21 items
By
Antonio B. Batista
Free, practical resources for frontend developers: documentation, learning tools, accessibility checks, performance audits, and open-source utilities I trust for everyday work.
The Mozilla Developer Network is my go-to reference for HTML, CSS, JavaScript, Web APIs, and browser compatibility.
MDN Web Docs
Free, practical guidance on modern web development, performance, accessibility, and responsive design.
web.dev
The W3C Web Accessibility Initiative is the reference I use for building more inclusive websites and checking accessibility fundamentals.
Home
The official TypeScript Handbook explains the type system and practical patterns for making JavaScript projects easier to maintain.
Handbook - The TypeScript Handbook
The official React tutorial for learning components, state, events, and the mental model behind modern React interfaces.
Quick Start
A fast, modern build tool and dev server that keeps frontend projects quick to start and easy to iterate on.
Getting Started
The official ESLint documentation for catching bugs, enforcing consistency, and keeping JavaScript and TypeScript code maintainable.
Documentation - ESLint - Pluggable JavaScript Linter
A dependable formatter for keeping code style consistent across projects and reducing formatting friction.
What is Prettier? · Prettier
Lighthouse helps audit performance, accessibility, SEO, and best practices before shipping a site.
Introduction to Lighthouse | Chrome for Developers
A practical browser-support reference for checking whether a CSS feature, API, or platform capability is ready to use.
Can I use... Support tables for HTML5, CSS3, etc
The official Next.js documentation for routing, rendering, data fetching, and production React applications.
Next.js Docs
A friendly official guide to Vue fundamentals, components, reactivity, and building approachable interfaces.
Vue.js
An interactive, hands-on way to learn Svelte by building small examples directly in the browser.
Welcome to Svelte • Svelte Tutorial
The npm documentation for packages, scripts, dependencies, and the everyday mechanics of JavaScript projects.
npm Docs
A clear starting point for understanding GitHub, repositories, collaboration, and the Git workflow behind modern projects.
What is GitHub? - GitHub Docs
The free Pro Git book is a thorough reference for learning version control from everyday commands to deeper workflows.
Git
Official Node.js API documentation for understanding the runtime and the tools that support frontend development.
Index | Node.js v26.10.0 Documentation
A structured, free course for learning semantic HTML and building a stronger foundation for accessible interfaces.
Learn HTML | web.dev
A structured, free course for learning CSS layout, styling, and responsive design through practical lessons.
Learn CSS | web.dev
A practical toolkit for inspecting, debugging, and understanding what happens inside a web page.
Chrome DevTools | Chrome for Developers
A practical toolkit for inspecting, debugging, and understanding what happens inside a web page.
Chrome DevTools | Chrome for Developers
