Tools

Dev Tools

Bộ công cụ thường dùng cho web developer — design, performance, API, infra…

Design & Mockup

UI/UX design, prototype, hand-off

Sketch nhanh, dễ chia sẻ

Whiteboard infinite canvas

Diagram architecture, flowchart

Performance & Audit

web.dev/measure↗

Lighthouse audit online

PageSpeed Insights↗

Core Web Vitals + Lighthouse

Bundlephobia↗

Kích thước npm package

So sánh download package

API & HTTP

API client phổ biến

API client, GraphQL friendly

Postman online open-source

CLI HTTP đẹp

Cloud & Infra

Vẽ AWS architecture isometric

Host Next.js / static sites

Backend + DB nhanh gọn

Postgres + Auth + Storage open-source

Snippet & Playground

IDE online, chạy Node thật trong browser

Sandbox React/Vue/Node

Screenshot code đẹp

transform.tools↗

JSON ↔ TS, CSS ↔ JS, ...

Color & Image

Generate color palette

Favicon Generator↗

Tạo favicon đa size

Nén ảnh online

Nén PNG/JPEG/WebP

Testing

Testing for multi-browser

Learning

100 Days CSS↗

Learn CSS in 100 days

Fullstack - Learn

Learn to Code HTML & CSS

Grid by Example↗

Learn Grid CSS by example