Tools

Dev Tools

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

Design & Mockup

Figma↗
Thiết kế UI/UX, prototype, hand-off
Excalidraw↗
Sketch nhanh, dễ chia sẻ
tldraw↗
Whiteboard infinite canvas
draw.io↗
Vẽ kiến trúc, flowchart

Performance & Audit

web.dev/measure↗
Lighthouse audit online
PageSpeed Insights↗
Core Web Vitals + Lighthouse
Bundlephobia↗
Kích thước npm package
npm trends↗
So sánh download package

API & HTTP

Postman↗
API client phổ biến
Insomnia↗
API client, thân thiện GraphQL
Hoppscotch↗
Postman online open-source
HTTPie↗
CLI HTTP đẹp

Cloud & Infra

Cloudcraft↗
Vẽ AWS architecture isometric
Vercel↗
Host Next.js / static sites
Railway↗
Backend + DB nhanh gọn
Supabase↗
Postgres + Auth + Storage open-source

Snippet & Playground

StackBlitz↗
IDE online, chạy Node thật trong browser
CodeSandbox↗
Sandbox React/Vue/Node
Carbon↗
Screenshot code đẹp
transform.tools↗
JSON ↔ TS, CSS ↔ JS, ...

Color & Image

Coolors↗
Sinh bảng màu palette
Favicon Generator↗
Tạo favicon đa size
Squoosh↗
Nén ảnh online
TinyPNG↗
Nén PNG/JPEG/WebP

Testing

LambdaTest↗
Test đa trình duyệt

Learning

100 Days CSS↗
Học CSS trong 100 ngày
Hackr↗
Fullstack — Learn
Shay Howe↗
Học code HTML & CSS
Grid by Example↗
Học CSS Grid qua ví dụ