25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web (P1)

Có rất nhiều cách mở rộng Chrome miễn phí giúp cuộc sống của bạn dễ dàng hơn. Dưới đây là 25 cách tốt nhất.

Dưới đây chúng tôi sẽ trình bày các phần mở rộng của Google Chrome tốt nhất cho nhiều mục đích - sẽ làm cho cuộc sống của bạn tốt hơn.

Firefox từ lâu đã nổi tiếng với nhiều khả năng tùy biến và rất nhiều  phần mở rộng của nó, nhưng gần đây Google Chrome rất nhiều phổ biến trong vài năm qua giữa các ưu điểm trong thiết kế web và phát triển. Một trong những lý do là tốc độ của nó và được xây dựng trong các công cụ phát triển. Và bây giờ, với một bộ sưu tập đang phát triển của phần mở rộng Chrome, thì điều đó đang tăng lên từng ngày.

Bạn muốn biết những cách này? Kiểm tra danh sách của chúng tôi dưới đây.

01. iMacros for Chrome

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Là một nhà phát triển web, bạn có thể được yêu cầu kiểm tra các trang thiết kế website của bạn. Lặp đi lặp lại những hành động tương tự sẽ rất mệt mỏi. iMacros là một phần mở rộng Chrome tiện dụng cho phép bạn ghi lại hành động của bạn và lưu chúng vì vậy bạn chỉ cần làm hành động một lần. Sau đó bạn có thể kiểm tra thiet ke web của bạn và lặp lại hành động này chỉ với một lần nhấp chuột, điều này sẽ giúp bạn tiết kiệm thời gian quý báu và cho phép bạn tập trung vào những vấn đề cấp bách hơn.

02. Font Playground

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Mỗi nhà thiet ke website và phát triển sẽ tìm thấy phần mở rộng vô giá này. Bạn thử nghiệm với các phông chữ khác nhau và sử dụng toàn bộ thư viện phông chữ Google trên một trang web trực tiếp mà không cần thực hiện bất kỳ thay đổi thực tế. Vẻ đẹp của phần mở rộng này bao gồm tất cả các font khác nhau, phong cách và các hiệu ứng văn bản để bạn có thể hình dung trang web của bạn trước khi bạn thực hiện những thay đổi.

03. Project Naptha

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Nếu bạn thấy mình làm việc với một hình ảnh mockup với văn bản nhúng, Project Naptha có thể giúp bạn. Nhờ OCR cho phép bạn đánh dấu, sao chép và dán văn bản từ bất kỳ hình ảnh; thậm chí có thể dịch văn bản cho bạn.

04. What Font

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Một phần mở rộng khác của Google Chrome rất hữu ích là  Font cho phép các nhà phát triển và thiết kế xác định các phông chữ được sử dụng trên một trang web. Vì vậy, nếu bạn không tìm thấy phông chữ web ưa thích, mà bạn muốn sử dụng trong một dự án tương lai, chỉ cần di chuột qua nó và bạn sẽ tìm ra nó ngay lập tức.

05. Yslow

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Công cụ này không chỉ cần kiểm tra một cách nhanh chóng tải trang web của bạn, nó cũng cho bạn biết những việc đang làm cho nó tải chậm. YSlow kiểm tra trang web của bạn xác định bởi nhóm nghiên cứu hiệu suất của Yahoo. Đây là một công cụ cực kỳ hữu ích để phân tích các trang web và nó cũng cho thấy những cách để cải thiện hiệu suất.

06. Web Developer

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Là một nhà phát triển web, bạn có thể tự hỏi mình làm thế nào mà bạn sống mà không có phần mở rộng này. Nó cho biết thêm một nút trên thanh công cụ Chrome với một loạt các công cụ phát triển web hữu ích. Đó là cổng chính thức của phần mở rộng Web Developer cho Firefox.

07. Web Developer checklist

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Công cụ này cho phép bạn kiểm tra tất cả thiet ke website khi bạn đang sử dụng tính năng SEO, khả năng sử dụng, khả năng tiếp cận và hiệu suất (tốc độ trang). Vì vậy nếu bạn không có thẻ H1 trên website, nếu trang web thiếu tiêu đề meta hoặc mô tả meta, nó sẽ thông báo cho bạn để bạn có thể khắc phục vấn đề này một cách nhanh chóng. Nếu bạn nhấp vào "thêm thông tin và giúp đỡ" liên kết ở dưới cùng của phần mở rộng, bạn sẽ thấy một danh sách kiểm tra sâu hơn.

08. DevTools Autosave

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Đây là chức năng hữu ích cho tất cả các nhà phát triển web trên mạng, DevTools AutoSave cho phép bạn tự động lưu lại bất kỳ thay đổi mà bạn thực hiện cho CSS của trang web, và JS qua các công cụ Chrome Dev. Thật dễ dàng để cài đặt và sử dụng , nó sẽ giúp bạn tiết kiệm rất nhiều thời gian.

09. Instant Wireframe

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Chuyển mọi website vào một wireframe chỉ với một cú nhấp chuột. Phần mở rộng của Google Chrome này sẽ giúp các nhà phát triển web và thiết kế web xem website trực tiếp với một lớp phủ wireframe.

10. Ripple Emulator

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Ripple Emulator là một nền tảng di động giả lập, có thể giúp bạn kiểm tra ứng dụng web bằng cách sử dụng một số thiết bị khác nhau trên độ phân giải màn hình. Ripple có thể được sử dụng kết hợp với các công cụ phát triển hiện kiểm tra DOM và kiểm tra tự động.

11. Streak

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Streak là công cụ cho việc quản lý CRM và hỗ trợ email trong Gmail. Nó cho phép bạn chuyển một email hoặc toàn bộ cuộc trò chuyện vào một trackable, bạn có thể tự quản lý hoặc chia sẻ với người khác.

12. Search Stackoverflow

25 tiện ích mở rộng Google Chrome tốt nhất cho các nhà thiết kế web

Nếu bạn là một nhà phát triển web thì có lẽ bạn đã nghe nói về Stack Overflow. Nếu bạn chưa từng nghe đến thì hãy tìm hiểu về nó, đây là cộng đồng phát triển mạnh bao gồm một loạt các chủ đề từ C # và Java, PHP và jQuery. Phần mở rộng tuyệt vời này cho biết thêm một hộp tìm kiếm trực tiếp vào trình duyệt của bạn và  cho phép bạn tìm kiếm các nguồn tài nguyên rộng lớn của Stack Overflow. 

Tác giả bài viết: Nguyễn Trang

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây