mirror of
https://github.com/tiennm99/programming-fengshui.git
synced 2026-05-29 20:23:29 +00:00
tiennm99
c330a91f52
- wrap original 2018 image in <details class="original-image"> spoiler again
- view-toggle becomes a 2-state segmented control (TIOBE Top 20 / Tất cả ngôn ngữ)
matching the source-toggle pattern, with arrow-key roving tabindex
- label both controls ("Nguồn màu" / "Hiển thị") for discoverability
programming-fengshui
Trang phân loại ngôn ngữ lập trình theo Ngũ Hành (Kim, Mộc, Thuỷ, Hoả, Thổ) dựa trên màu sắc của GitHub Linguist / GitLab Linguist, tập trung TIOBE Top 20.
Chạy thử
Chạy qua HTTP server (cần thiết để fetch dữ liệu JSON):
python3 -m http.server 8080
rồi truy cập http://localhost:8080.
Cấu trúc
.
├── index.html
├── style.css
├── js/
│ ├── main.js
│ ├── classify-element.js
│ ├── render-elements.js
│ └── tiobe-top.js
├── data/
│ ├── github-colors.json
│ └── gitlab-colors.json
└── assets/
└── ngon-ngu-lap-trinh-phong-thuy.png
Credit
- Bài viết gốc: Top 5 ngôn ngữ lập trình đáng học cho năm 2018 — Phạm Huy Hoàng (Tôi đi code dạo).
- Ảnh: ngon-ngu-lap-trinh-phong-thuy.png.
Trang chỉ dùng để trình bày lại nội dung, mọi quyền thuộc tác giả gốc.