Hôm nay, tôi chia sẻ với bạn danh sách 12 tiện ích mở rộng của Chrome dành cho nhà thiết kế và nhà phát triển. Tôi rất vui vì đây là lĩnh vực chuyên môn của tôi nên chúng ta hãy bắt đầu ngay.
1. The Great Suspender
The Great Suspender là tiện ích mở rộng mã nguồn mở và miễn phí của Google Chrome giúp giảm thiểu dung lượng bộ nhớ mà Chrome sử dụng. Nó thực hiện điều này bằng cách tự động treo các tab không hoạt động.Về cơ bản, những gì nó làm là loại bỏ các trang web không hoạt động khỏi đồ họa, JS, v.v.
Tiện ích mở rộng treo tuyệt vời của Chrome
2. Kiểm tra UX
UX Check Tiện ích mở rộng của Chrome giúp bạn nhận ra các vấn đề về khả năng sử dụng thông qua đánh giá theo kinh nghiệm nhanh chóng và dễ dàng.
Quy trình làm việc đơn giản. Nhấp vào biểu tượng để khởi chạy Nielsen's Ten Heuristics trong bảng điều khiển bên như với Chrome Dev tools . Bạn có thể nhấp vào bất kỳ yếu tố nào không vượt qua đánh giá để thêm ghi chú, chụp ảnh màn hình và xuất dưới dạng tệp s docx để dễ dàng chia sẻ.
Kiểm tra tiện ích mở rộng của Chrome
3. Thuốc nhỏ mắt
Eye Dropper là công cụ chọn màu tuyệt vời nhất theo như tôi biết.Nó có 2 tab – Eyedropper và Cooler bộ chọn. Công cụ ống nhỏ giọt cho phép bạn chọn màu từ bất kỳ trang web nào trong khi công cụ chọn màu cho phép bạn chọn màu tùy chỉnh.
Các màu được chọn từ các trang web hoặc được chọn từ tab bộ chọn màu sẽ tự động được lưu trong bảng màu mà bạn có thể tải xuống dưới dạng tệp CSV. Ngoài ra, Eye Dropper hiển thị tất cả các màu ở dạng RGB, HSL, mã HEX và theo tên, đồng thời hỗ trợ phím tắt.
Eye Dropper Tiện ích mở rộng của Chrome
4. FontFace Ninja
FontFace Ninja có khả năng hiển thị thông tin trên bất kỳ phông chữ nào trên bất kỳ trang web nào. Nó chứa các liên kết tải xuống phông chữ miễn phí và tùy chọn hiển thị giá của những phông chữ phải trả phí.
FontFace Ninja cũng có các tùy chọn để sử dụng chế độ tối, phát hiện phông chữ trong ảnh (beta) và hiển thị các tùy chọn đánh dấu trang.
FontFace Ninja Chrome Extension
5. Thước trang
Page Ruler là một phần mở rộng thước tối giản cho phép bạn đo chiều rộng và chiều cao trên các trang web. Nó có một số phím tắt, điều hướng qua các thành phần cha và con, nguyên tắc đo lường và bản địa hóa bằng 10 ngôn ngữ.
Page Ruler Tiện ích mở rộng của Chrome
6. Trình tải xuống video trên Facebook
FB Down có thể dễ dàng tải xuống video từ Facebook và bất kỳ trang nào khác có phát lại video. Bạn có thể sử dụng nó để tải xuống tất cả các định dạng phương tiện phổ biến bao gồm một số video có bản quyền (khi bạn chọn tải xuống video không có âm thanh).
FB Down hoạt động như một công cụ dò liên kết trên các trang web và biểu tượng sẽ sáng lên khi nhìn thấy nội dung có thể tải xuống.
Facebook Video Downloader Tiện ích mở rộng của Chrome
7. PerfectPixel
PerfectPixel của WellDoneCode, là tiện ích mở rộng tốt nhất để tạo các trang web có pixel hoàn hảo. Nó cho phép bạn đặt ảnh làm lớp phủ mà bạn có thể so sánh với trang web phát triển. Nó hỗ trợ các phím tắt, lớp phủ hình ảnh bán trong suốt, v.v.
Tiện ích mở rộng PerfectPixel của Chrome
số 8. TinEye
TinEye là công cụ tìm kiếm hình ảnh đảo ngược hoàn hảo và là công cụ đầu tiên triển khai công nghệ nhận dạng hình ảnh, thay vì từ khóa, siêu dữ liệu hoặc hình mờ. Nó hoạt động bằng cách tạo chữ ký số duy nhất cho hình ảnh và sau đó so sánh chữ ký này với chữ ký trong chỉ mục của nó.
TinEye không chỉ trả về các hình ảnh tương tự trong kết quả tìm kiếm của nó mà còn trả về các kết quả khớp chính xác, không loại trừ các phiên bản đã cắt, thay đổi kích thước và chỉnh sửa.
Tiện ích mở rộng TinyEye của Chrome
9. CSS Pepper
CSS Pepper cho phép bạn trích xuất CSS (ngay cả đối tượng ẩn) và xây dựng các hướng dẫn phong cách đẹp mắt theo cách được tổ chức tốt. Điều này cho phép các nhà thiết kế và nhà phát triển dành thời gian làm việc trên thiết kế hơn là tìm kiếm thông qua mã.
CSS Pepper Tiện ích mở rộng Chrome
10. WhatRuns
WhatRuns thông báo cho bạn về mọi thứ đang chạy trên bất kỳ trang web nào bao gồm khung, chủ đề, phông chữ, CMS, v.v.
Ngoài ra, bạn có thể theo dõi các trang web để tiện ích mở rộng thông báo cho bạn khi có bất kỳ công nghệ mới nào được thêm vào.
WhatRuns Chrome Extension
11. Muzli
Muzli là tiện ích mở rộng miễn phí mang hàng nghìn mẫu thiết kế đẹp, đầy cảm hứng đến ngay trình duyệt của bạn dưới dạng thay thế tab mới .
Mỗi khi bạn mở một tab mới, Muzli sẽ điền vào đó một số thiết kế đẹp nhất từ hơn 120 nguồn bao gồm InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author, v.v.! Đây là một viên ngọc quý cho các nhà thiết kế.
Muzli Chrome Extension
12. Kích thước
Dimensions là một tiện ích mở rộng mã nguồn mở và miễn phí cung cấp cho bạn một cách thông minh để đo khoảng cách giữa các thành phần trang.
Tìm kích thước của hình ảnh và các thành phần HTML bằng cách kéo và di chuột tương đối. Bạn cũng có thể sử dụng phím tắt để làm việc – chỉ cần nhớ đặt phím tắt ở cuối danh sách tiện ích mở rộng của Chrome để chuyển đổi tiện ích mở rộng nhằm tận hưởng trải nghiệm tốt nhất.
Dimensions Tiện ích mở rộng Chrome
Có các tiện ích mở rộng khác mà bạn nên biết, ví dụ:. Checkbot nhằm mục đích nâng cao danh tiếng SEO cũng như tốc độ và bảo mật tổng thể của trang web bằng cách kiểm tra các liên kết bị hỏng, các trang không an toàn, HTML/CSS/JS không hợp lệ, tiêu đề trùng lặp và các nội dung khác các vấn đề mà bạn có thể không nhận thấy trong quá trình phát triển.
And Check My Links sẽ thu thập dữ liệu qua các trang web của bạn để đảm bảo bạn không có liên kết nào bị hỏng – liên kết này miễn phí nhưng không phải bằng mạnh mẽ.
Bạn có tiện ích mở rộng thú vị nào dành cho nhà thiết kế và nhà phát triển mà chúng tôi nên biết không? Thêm chúng vào phần nhận xét bên dưới.