Chrome gần đây chiếm 25% thị phần trình duyệt Internet, trở thành trình duyệt phổ biến thứ hai thế giới sau Internet Explorer (đang chuyển đổi sang Project Spartan). Về cơ bản, điều này khiến Chrome trở thành "nhà" mặc định cho web developer.
Mặc dù tôi thiên về Firefox, tôi hiểu tại sao mọi người yêu thích Chrome. Nó thường dẫn đầu các benchmark trình duyệt và giúp người dùng thông thường dễ dàng trở thành "power user" của Chrome. Người khác ghét Chrome nhưng buộc phải dùng do một số extension chỉ có ở đây.
Đó là lý do Chrome tốt cho web developer: Chrome Web Store và kho extension khổng lồ. Nếu bạn từng dự định thiết kế hoặc lập trình website, đây là những công cụ thiết yếu bạn nên cài ngay.
ColorZilla
ColorZilla ban đầu là addon Firefox, nhưng phổ biến đến mức nhiều người yêu cầu phiên bản Chrome. Giờ nó đã có mặt. Extension tiện lợi này về cơ bản là phiên bản nâng cao của công cụ hút màu (eye dropper) như trong Paint hay Photoshop.
Với ColorZilla, bạn chỉ cần trỏ đến bất kỳ vị trí nào trên trình duyệt và ngay lập tức lấy thông tin màu tại vị trí đó. Sau khi lấy, bạn có thể điều chỉnh (theo RGB, HSV, hoặc mã hex trực tiếp) trước khi sao chép vào clipboard. Cực kỳ dễ sử dụng.
Nó cũng đi kèm CSS Gradient Generator (Tạo gradient CSS), Webpage Color Analyzer (Phân tích màu trang web), và vài bảng màu (color palettes) có sẵn cho sự tiện lợi.
Window Resizer
Một trong những rủi ro của web developer là đảm bảo trải nghiệm xem website thú vị cho người dùng trên mọi loại thiết bị. Không chỉ nói về mobile vs desktop — điều đó là quan trọng — mà còn sự khác biệt giữa tablet nhỏ và màn hình khổng lồ.
Window Resizer là cách dễ dàng thay đổi kích thước cửa sổ trình duyệt ngay lập tức. Chỉ với một cú nhấp chuột, bạn có thể kiểm tra website ở nhiều độ phân giải khác nhau để xem người dùng đang thấy gì — và điều chỉnh cho phù hợp.
IE Tab
Rủi ro lớn khác của web developer là tiêu chuẩn trình duyệt (hoặc thiếu tiêu chuẩn). Internet Explorer, Firefox, Chrome, Opera và các trình duyệt nhỏ khác đều hiển thị website theo cách hơi khác nhau. Trong khi đó, một số trình duyệt chậm áp dụng tiêu chuẩn hơn.
Đặc biệt Internet Explorer, tiêu chuẩn bị "vứt qua cửa sổ" và web developer đau khổ phải làm phù hợp.
Với IE Tab, quy trình này dễ dàng chút xíu. Nó cho phép xem website trong tab Chrome mới, nhưng hiển thị như thể đang ở IE. Không phải giải pháp cách mạng cho vấn đề IE, nhưng ít nhất là có cái gì đó.
Validity
Không phải mã HTML nào cũng ngang nhau. Mặc dù trình duyệt đóng vai trò lớn trong tuân thủ tiêu chuẩn, một phần trách nhiệm cũng thuộc về web developer tuân thủ thực hành HTML tốt. Đó là lý do có công cụ kiểm tra và xác thực HTML.
Validity là extension cho phép bạn làm tất cả điều đó mà không cần truy cập trang thứ ba. Chỉ cần mở website, nhấn nút, và nó sẽ hiển thị tất cả thông báo HTML không hợp lệ trong console trình duyệt. Xác thực được thực hiện qua Dịch vụ Xác thực W3C.
BuiltWith
Một điều tôi ghét trong phát triển web là có quá nhiều thư viện, framework, và engine có sẵn. Tự do lựa chọn tuyệt vời, nhưng thành phiền toái khi số lượng công nghệ quá lớn mà bạn không thể theo dõi hết.
Bạn có bao giờ truy cập website và thắc mắc công nghệ nền tảng là gì?
Extension BuiltWith chỉ cần một nút để phân tích trang web hiện tại xem tất cả thư viện web, framework, engine đang vận hành nó, bao gồm cả mạng quảng cáo, nền tảng phân phối nội dung, thậm chí phần mềm hosting đằng sau.
Postman REST Client [Không còn khả dụng]
Đối với những bạn làm việc với REST API, Postman là công cụ duy nhất cần cho quy trình làm việc trơn tru. Với nó, bạn xây dựng yêu cầu HTTP và nhận phản hồi định dạng JSON và XML. Phản hồi mở trong cửa sổ riêng dưới dạng HTML.
Bạn cũng có thể gom nhiều yêu cầu thành "collection" (bộ sưu tập) — cách tuyệt vời để giữ tổ chức và hiệu quả. Bạn cũng có thể test trên nhiều môi trường bằng cách chuyển đổi biến môi trường ngay trong extension.
Corporate Ipsum
Cách tạo văn bản lorem ipsum: copy-paste "asdf" trăm lần. Cách tốt hơn: cài Corporate Ipsum để tạo văn bản lorem ipsum trong nháy mắt.
Chúng tôi đã review vài trình tạo Lorem Ipsum trước đây, nhưng điểm hấp dẫn của Corporate Ipsum là nó nằm ngay trong trình duyệt. Bạn mở nó bằng một cú nhấp chuột. Không có lý do không dùng, theo tôi. Giờ bạn tập trung code website!
TabCloud
Phát triển web đôi khi diễn ra trên nhiều máy. Source control là cách chính để đồng bộ, nhưng nếu bạn muốn chuyển nhiều tab giữa các máy tính? Đó là lúc TabCloud xuất hiện.
TabCloud đồng bộ tab lên đám mây, cho phép mở lại ở nơi khác. Cũng có thể dùng cục bộ như trình lưu phiên (session saver), lưu tập tab để xem lại sau. Tab được lưu vào tài khoản Google.
WhatFont
Thiết kế font là thành phần lớn của phát triển web, đó là lý do dịch vụ như Google Web Fonts trở nên phổ biến. Tin tốt là các font miễn phí này hiện là một trong những font web đẹp nhất hiện có.
Nhưng hãy thừa nhận: đôi khi lướt web bạn gặp font tuyệt đẹp chưa từng thấy. Có nhiều cách xác định, nhưng cách nhanh nhất là dùng WhatFont. Với nó, bạn kiểm tra font chỉ bằng cách di chuột qua. Làm sao dễ hơn được nữa?
Awesome Screenshot [Không còn khả dụng]
Nếu chụp ảnh màn hình không phải thói quen phát triển web của bạn, Awesome Screenshot sẽ thay đổi điều đó. Chụp màn hình tuyệt vời để ghi nhận thay đổi thiết kế và chia sẻ tiến độ với khách hàng hoặc thành viên nhóm.
Extension này có nhiều chức năng chụp: toàn trang, khu vực chọn, hoặc khu vực hiển thị. Cho phép thêm chú thích, làm mờ phần nhạy cảm, và chia sẻ một cú nhấp. Hoặc tải lên Google Drive.
Nếu concept thú vị nhưng bạn muốn chương trình desktop mạnh hơn, xem so sánh công cụ chụp màn hình và chọn cái phù hợp nhất.
Check My Links
Nhiều lỗi phát triển web làm phiền người truy cập, và link hỏng (broken links) là kẻ xấu nhất. Một link hỏng có thể chấp nhận được, nhưng hơn thế website bắt đầu mất uy tín. May mắn đây là lỗi dễ tránh.
Check My Links làm đúng như tên: kiểm tra link của bạn. Link hợp lệ đánh dấu xanh, link hỏng đánh dấu đỏ, và cuối cho điểm phần trăm. Sau đó bạn chỉ việc sửa những link hỏng!
Extension bạn dùng là gì?
Một extension năng suất nữa tôi khuyên dùng: StayFocusd. Nó mang tính chung hơn là extension phát triển web, nhưng chắc chắn hữu ích. Nó ngăn bạn bị phân tâm bởi web khi làm việc!
Bạn nghĩ sao về những extension này? Có extension phát triển web thiết yếu nào khác bạn khuyên dùng? Chia sẻ trong bình luận bên dưới!