Interactive guide to programming languages: their history, what they are used for, their paradigms and file extensions.
Demo: https://mun1to.github.io/LengHist/
- 100 languages with real data (year, creator, paradigm, popularity, extensions, code example, pros and cons).
- Key frameworks, libraries and tools for each language (in the detail modal and the comparator).
- Resources section: ~64 frontend pages and tools, including AI UI generators from prompts (21st.dev, v0, bolt.new...), pre-built sections and blocks, CSS/UI, animations, icons, color, backgrounds, typography and inspiration.
- Blog with tool news and tips (bilingual).
- Web design concepts cheatsheet (Parallax, Lenis, Scroll Snap, sticky, tilt 3D, glassmorphism, View Transitions, modern CSS, Core Web Vitals...): 41 techniques in 5 categories.
- Professional effects: cursor-following spotlight on cards, animated background aurora, per-language color glow, staggered entrance, button sheen and custom scrollbar.
- Automatic light / dark theme following the system, plus first-visit language detection.
- Bilingual UI and content (Spanish / English).
- Real-time search by name, description, use case, framework and extension (
.py,.rs...). - Category filters with counters.
- Persistent favorites with a dedicated filter.
- Compare 2-3 languages side by side (year, creator, paradigm, popularity, frameworks, uses, code example, pros/cons...).
- Timeline view ordered by release year.
- "Which language to learn?" quiz that recommends languages based on goal, level and priorities.
- Per-language detail modal with keyboard navigation (arrow keys), favorite and Wikipedia link.
- Shareable state via URL (search, category, view and open language).
- Responsive design (3 / 2 / 1 columns).
- No dependencies or keys: 100% static, only Google Fonts.
HTML + CSS + vanilla JavaScript, no frameworks and no build step. Everything lives in a single self-contained index.html. Works by opening it directly in the browser.
Published with GitHub Pages from the main branch (root).