explaingit

dypsilon/frontend-dev-bookmarks

★ 46,729Audience · developerComplexity · 1/5StaleSetup · easy

TLDR

A hand-picked directory of front-end web development resources organized by topic, from HTML and CSS to testing, accessibility, and performance.

Mindmap

mindmap
  root((Frontend Dev Bookmarks))
    What it covers
      Appearance
      Architecture
      Compatibility
      Languages
    Topics included
      HTML CSS JavaScript
      Animation Typography
      Testing Accessibility
      Performance Tools
    How to use
      Browse by category
      Search one topic
      View all at once
    Best for
      Learning roadmap
      Finding tools
      Quality resources

Things people build with this

USE CASE 1

Find trusted learning resources when starting a new front-end topic like CSS animations or accessibility.

USE CASE 2

Discover tools and libraries you weren't aware of in areas like build tools or testing frameworks.

USE CASE 3

Build a study roadmap as a self-taught developer or someone new to front-end work.

USE CASE 4

Reference community resources and best practices for popular JavaScript frameworks and browser APIs.

Tech stack

MarkdownGitHub

Getting it running

Difficulty · easy Time to first run · 5min
License could not be detected automatically. Check the repository's LICENSE file before use.

In plain English

Frontend Dev Bookmarks is a manually curated collection of resources for front-end web developers, organized as a structured Markdown directory in a GitHub repository. Front-end development, building the visual, interactive parts of websites and web applications, spans an enormous range of topics including HTML, CSS, JavaScript, browser APIs, build tools, frameworks, testing, accessibility, performance, and more. Finding quality resources in each of these areas requires hours of searching and filtering through low-quality results. This repository does that curation work upfront and keeps the links organized by topic. The collection is split into categories including Appearance (animation, typography, visualization), Architecture (design patterns, algorithms, functional programming), Compatibility (cross-browser issues, responsive design, accessibility, mobile), and Languages and Protocols (HTML, CSS, JavaScript, HTTP, SVG, service workers, and more). Each category links out to further sub-pages with individual resource entries. There is also a single enormous file that contains every resource on one page for those who want to browse everything at once. You would use this when you are working in front-end development and want a trustworthy starting point for learning a specific topic, discovering tools you were not aware of, or finding community resources around popular libraries. It is particularly useful for self-taught developers and developers new to the front-end discipline who need a roadmap of topics to study. The repository itself requires no installation or tooling, it is purely a reference document stored as Markdown files on GitHub.

Copy-paste prompts

Prompt 1
I'm learning front-end development and need a structured roadmap. Show me the categories in the Frontend Dev Bookmarks repo and suggest which topics I should study first.
Prompt 2
I need to improve my website's accessibility. What resources does the Frontend Dev Bookmarks repo recommend under the Compatibility section?
Prompt 3
I want to learn CSS animations. Use the Frontend Dev Bookmarks repo to find the best tutorials and tools for animation in web development.
Prompt 4
Show me what testing frameworks and tools are recommended in the Frontend Dev Bookmarks repo for front-end projects.
Prompt 5
I'm building a responsive website. What does the Frontend Dev Bookmarks repo suggest for responsive design and cross-browser compatibility?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.