Giới thiệu
Nhóm này dành cho lập trình viên và người làm giao diện: những việc nhỏ lặp đi lặp lại hằng ngày mà mở một chương trình riêng thì tốn công. Các công cụ chia làm hai phần. Phần xử lý mã gồm định dạng, nén, mã hoá URL, băm và thử biểu thức chính quy. Phần màu sắc gồm chọn mã màu, đổi hệ màu, tạo bảng phối và kiểm tra tương phản theo chuẩn WCAG.
Đoạn mã, chuỗi bí mật hay dữ liệu thử nghiệm bạn dán vào đều được xử lý ngay trong trình duyệt. Điều này quan trọng khi bạn làm việc với mã của công ty, khoá API hay mật khẩu cần băm, những thứ không nên dán vào một trang web gửi dữ liệu về máy chủ.
Nên chọn công cụ nào?
- Định dạng mã nguồn: Nhận được JSON, XML hay HTML dồn thành một dòng và cần đọc, hoặc cần tìm lỗi cú pháp.
- Nén JavaScript: Muốn thu nhỏ file JavaScript trước khi đưa lên web mà không cần dựng cả bộ công cụ build.
- Nén CSS: Muốn nén file CSS mà không làm hỏng calc() hay bộ chọn.
- Nén HTML: Muốn nén HTML mà vẫn giữ nguyên khoảng trắng có nghĩa và nội dung trong pre, textarea.
- Thử biểu thức chính quy: Viết biểu thức chính quy và cần thử ngay trên dữ liệu mẫu, theo đúng bộ máy của ngôn ngữ bạn dùng.
- Mã hoá và giải mã URL: Gặp địa chỉ đầy ký tự %C3%A0 cần đọc, hoặc cần nhét chuỗi có dấu vào tham số URL.
- Tạo mã băm: Cần mã MD5, SHA để kiểm tra file, hoặc tạo và đối chiếu mã bcrypt cho mật khẩu.
- Chuỗi sang nhị phân: Xem một đoạn chữ được lưu thành những byte nào, hoặc giải một dãy nhị phân, hex về chữ.
- Chọn mã màu: Cần mã HEX, RGB, HSL của một màu và biết nên dùng chữ đen hay trắng trên nền đó.
- Đổi HEX sang RGB: Chỉ cần đổi nhanh giữa mã HEX và RGB.
- Đổi RGB sang HSL: Cần chỉnh màu theo độ sáng, độ bão hoà và muốn thấy giá trị HSL tương ứng.
- Tạo bảng phối màu: Có một màu thương hiệu và cần bảng màu phối cùng cho giao diện hay ấn phẩm.
- Kiểm tra tương phản màu: Kiểm tra chữ trên nền có đủ tương phản để dễ đọc và đạt chuẩn WCAG hay không.
Câu hỏi thường gặp
Đoạn mã tôi dán vào có bị gửi lên máy chủ không?
Không. Mọi công cụ trong nhóm lập trình chạy bằng JavaScript trong trình duyệt của bạn, nên mã nguồn, khoá hay mật khẩu bạn dán vào không rời khỏi máy.
Nén mã ở đây có thay được công cụ build trong dự án không?
Không hẳn. Công cụ nén ở đây hợp để xử lý nhanh một file lẻ. Với dự án lớn, công cụ build vẫn tốt hơn vì nó làm thêm những việc như đổi tên biến và bỏ mã không dùng tới.
MD5 có dùng để lưu mật khẩu được không?
Không nên. MD5 và SHA tính quá nhanh nên dễ bị dò ngược. Để lưu mật khẩu hãy dùng bcrypt, loại băm được thiết kế chậm và có muối ngẫu nhiên. Công cụ tạo mã băm có sẵn cả hai.
Tỷ lệ tương phản bao nhiêu là đạt?
Theo chuẩn WCAG mức AA, chữ thường cần tỷ lệ tối thiểu 4,5:1 và chữ lớn cần 3:1. Mức AAA khắt khe hơn, lần lượt là 7:1 và 4,5:1.