Chalarangelo/30-seconds-of-code

A library of short, well-explained programming snippets — "coding articles to level up your development skills" with a 30-seconds-or-less promise per article.

What it is

A long-running snippet-as-article collection: each entry is a single concept (a JS idiom, a CSS technique, a Git command pattern) explained in a few paragraphs with a working example. Covers JavaScript, CSS, HTML, Git, Node.js, and general programming patterns. Published at 30secondsofcode.org via the Astro static-site generator; the repo holds the article source and the site generator.

Key features

Hundreds of short articles organized by language / topic.
Each entry has a working code example + plain-language explanation.
Astro static site for fast browsing and search.
"Snippet" length — each piece is intentionally short; readers can skim 10-20 per session.
CC-BY-4.0 license — readable and redistributable with attribution.

Tech stack

JavaScript / Astro on the site side.
Markdown content as the article source.
ES6+ JavaScript dominant in code examples; CSS, HTML, Git topics also covered.

When to reach for it

You want short, vetted reference snippets for JS / CSS / Git rather than wading through Stack Overflow.
You're a self-learner who likes byte-sized examples paired with a brief explanation.
You're a writer/educator scouting for "explain this clearly" examples to adapt for your own content (with attribution).

When not to reach for it

You want long-form depth — entries are intentionally brief.
You want recent / framework-specific content — the canon skews to language-level idioms, not the React-ecosystem-of-the-month.
You want a structured curriculum — the articles are browsable, not sequenced.

Maturity signal

128k stars, 12k forks, CC-BY-4.0, last push 2026-06-01 — actively maintained. 8-year-old project under a consistent author. Open-issues count of 2 is exceptional — the article workflow is tight and the maintainer triages aggressively. The CC-BY-4.0 license is rare for a snippet-and-article corpus of this size; safe to vendor with attribution.

Alternatives

MDN Web Docs — use for authoritative browser/JS API references rather than idiom-style snippets.
mbeaudru/modern-js-cheatsheet — use for a single-document JS cheatsheet.
airbnb/javascript — use for opinionated style-guide rules rather than learning idioms.

Notes

The article-not-tweet length is the project's identity — each entry is long enough to teach, short enough to skim. Astro adoption is the relatively recent piece; the underlying content has migrated through several static-site generators. CC-BY-4.0 is the most reuse-friendly stance among popular educational corpora.

Wiki: Chalarangelo/30-seconds-of-code