Đừng dùng JavaScript cho những thứ HTML đã tự xử lý được

Có thể bạn không cần đến mấy thư viện JavaScript nặng trịch để làm popover, accordion hay modal dialog nữa đâu.

Lập trình viên Chris Burnell vừa dựng một trang demo tổng hợp các tính năng tương tác web hiện đã chạy trực tiếp bằng HTML thuần. Nhờ các thuộc tính như popover, thẻ <details> được nhóm lại cho accordion, hay bộ kích hoạt command, bạn có thể bật tắt dialog và quản lý overlay mà không cần viết script riêng.

Vì sao cần quan tâm: Các trình duyệt đã âm thầm tích hợp sẵn những giao diện chuẩn mà trước đây bắt buộc phải cài package npm. Tận dụng tính năng gốc của HTML đồng nghĩa với dung lượng gọn hơn, trang tải nhanh hơn và bớt phụ thuộc thư viện khi bảo trì.

Lưu ý: Đừng vội xóa sạch script. Burnell có lưu ý thêm rằng việc tùy chỉnh giao diện và hỗ trợ khả năng truy cập (accessibility) cho các thuộc tính mới—như hidden="until-found" hay bộ chọn màu gốc—vẫn chưa đồng đều trên mọi trình duyệt.

Trước khi gõ npm install thêm một thư viện component nữa, thử kiểm tra xem trình duyệt đã làm sẵn miễn phí cho bạn chưa nhé.