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

Nếu là một nhà thiết kế web, ứng dụng nào nhất định bạn luôn phải có trên máy tính? Rất có thể đó là Photoshop hay Illustrator. Nhưng chúng chỉ là những nhân tố cần có trong quá trình thiết kế. Ngoài ra còn có các công cụ nhỏ hơn mà chính bạn cũng không biết là mình sẽ cần. Đó là những tiện ích mở rộng Chrome (không cần download mà chỉ cài đặt là xong). Các tiện ích mở rộng Chrome dành cho chuyện thiết kế web này sẽ giúp cuộc sống trở nên dễ dàng hơn.

1. Dropbox for Gmail

Dropbox khởi điểm là một công ty lưu trữ file, nhưng đã sớm phát hiện ra đối tượng chính của mình là các nhà thiết kế. Họ sử dụng công ty này để chia sẻ công việc của mình với các đồng nghiệp. Vì các file thiết kế thường quá lớn để đính kèm email, nên sẽ đơn giản hơn nếu gửi cho người nhận liên kết Dropbox đến file.

Dropbox for Gmail khiến cho quá trình này trở nên thuận tiện hơn. Khi liên kết đến file của mình bằng nút Dropbox ở cuối cửa sổ email mới, người nhận sẽ xem được các gì bạn đã gửi. Liên kết đến file hình ảnh sẽ upload hình ảnh ngay vào email và liên kết đến các dòng file khác sẽ tạo nên bản xem trước tiện dụng.

Cài đặt Dropbox for Gmail.

2. FontFace Ninja

Với hàng nghìn phông chữ có sẵn, khả năng typography (nghệ thuật sắp đặt và ghép các con chữ trong thiết kế, in ấn) của bạn sẽ là vô tận. Nếu nhìn thấy một phông chữ đẹp ở đâu đó và muốn “mượn” nó để thực hiện tác phẩm riêng cho bạn thì sao?

FontFace Ninja – một tiện ích mở rộng của Chrome – sẽ giúp bạn làm điều đó. Giống như các công cụ tìm phông chữ từ hình ảnh, FontFace Ninja giúp xác định những phông chữ người dùng nhìn thấy trực tuyến. Sự khác biệt duy nhất là FontFace Ninja đọc các phông chữ được mã hóa vào CSS của trang, giống như kiểu chữ của tiêu đề và phần văn bản trong nội dung.

Khi khởi chạy FontFace Ninja, tin tức về phông chữ sẽ có hiển thị không những kiểu chữ. Để bookmark phông chữ đó, người sử dụng sẽ cần một tài khoản tại dịch vụ Fontfacedojo.com

Cài đặt FontFace Ninja.

3. ColorPick Eyedropper

Cho dù mắt bạn có “nhạy cảm” với màu sắc như thế nào, thì cũng khó có thể khởi tạo một sắc màu cụ thể mà bạn đã thấy đâu đó trên mạng, trừ lúc biết các giá trị RGB hoặc HTML của nó. May mắn thay, ColorPick Eyedropper sẽ sẵn sàng trợ giúp bạn.

ColorPick Eyedropper sẽ hiển thị các giá trị cho bất kỳ màu nào bạn trỏ đến. Công cụ này luôn có sẵn trong trình duyệt và không phải upload bất cứ thứ gì. Chỉ cần nhấp vào tượng trưng và di chuyển mục tiêu đến đúng vị trí.

Tiện ích mở rộng này sẽ đọc màu từ văn bản, hình ảnh và đa số bạn cũng có thể có thể thấy trên trang web (ngay cả quảng cáo). Khi đã chọn được một màu, ColorPick Eyedropper sẽ hiển thị các giá trị HTML, RGB và HSL của màu đó.

Cài đặt ColorPick Eyedropper.

4. Dimensions

Tiện ích mở rộng mã nguồn mở đây là một công cụ trợ giúp đắc lực cho những nhà thiết kế web. Khi khách hàng đưa cho bạn một trang web mà không có bất kỳ file hay tài liệu nào trước đó, rồi đòi hỏi bạn thiết kế một trang tựa như như thế, nhưng với nội dung văn bản và hình ảnh khác, thì vấn đề tìm ra bố cục là một trọng trách “khó nhằn”.

Dimensions cho phép nhà thiết kế dễ dàng đo chiều cao và bề rộng của bất kỳ nhân tố nào trên trang, giúp đơn giản khởi tạo lại các trang hiện có và kiểm tra lại các thiết kế.

Cài đặt Dimensions.

5. Visual Inspector

Visual Inspector là một công cụ cộng tác và phản hồi hùng mạnh cho các nhóm thiết kế, phối hợp những điểm tốt của ba tiện ích mở rộng trước đó và bổ sung thêm nhiều tính năng nữa.

Trong tab Inspect, người dùng cũng có thể chọn bất kỳ yếu tố nào trên trang và nhận thông tin đầy đặn về nó, từ kích cỡ đến tên file. Các tab con Colors và Typography cho phép xem bảng màu và tất cả những phông chữ trong nháy mắt, còn tab Assets tập hợp mọi thứ hình ảnh trên trang ở và một nơi.

Tab Collaborate là chỗ người sử dụng cũng đều có thể mang ra phản hồi và thảo luận với nhóm của mình. Việc xem lại nhận xét cũng rất dễ dàng bằng cách nhấp vào bất kỳ nhân tố nào trên trang.

Giống như đa số các công cụ nâng cao, Visual Inspector không miễn phí. Bạn sẽ thanh toán từ $9 (207.000VND/người dùng/tháng để thêm nhận xét và đồng bộ hóa những thay đổi. Tuy nhiên, các tính năng cơ bản như kiểm tra màu sắc, phông chữ và hình ảnh, đều cũng có thể sử dụng miễn phí.

Cài đặt Visual Inspector.

6. Easy Screen Capture

Một tiện ích mở rộng chụp màn hình có vẻ dư thừa, vì chụp ảnh màn hình rất dễ dàng. Nhưng tiện ích Easy Screen Capture có hơi nhiều điểm đặc biệt đáng xem xét.

Quan trọng nhất, nó cấp phép chụp toàn bộ trang web, chứ không chỉ khu vực nhìn thấy trên màn hình. Điều này sẽ hữu ích khi cần báo cáo một số vấn đề trên một trang dài và người sử dụng sẽ phải chụp nhiều ảnh mới khái quát được hết nội dung muốn truyền tải.

Một mẹo nhỏ khác là có thể sao chép ảnh chụp màn hình vào clipboard và dán ngay vào 1 cuộc trò chuyện hoặc email, thay vì phải tàng trữ các file hình ảnh vô dụng trên máy tính.

Cài đặt Easy Screen Capture.

7. Muzli 2

Muzli 2 của InVision nhập vai trò là tờ báo buổi sáng, tổng hợp những bài báo được tuyển chọn về nghệ thuật, thiết kế, UX và công nghệ.

Muzli thay thế tab Chrome mặc định và cấp phép người sử dụng tùy chỉnh những gì mình nhìn thấy. Tùy thuộc vào sở thích của người dùng, Muzli sẽ chọn các nguồn cấp dữ liệu phù hợp!

Muzli cũng có phiên bản Lite. Phiên bản này không ghi đè lên tab mặc định và bạn cũng có thể truy cập vào nguồn cấp dữ liệu bất kể khi nào mong muốn chỉ bằng phương pháp nhấp vào tượng trưng tiện ích mở rộng.

Cài đặt Muzli 2.

Trên này là những tiện ích mở rộng Chrome thích hợp cho những nhà thiết kế web mà Quản Trị Mạng muốn giới thiệu đến bạn đọc.

Chúc bạn có được các công cụ hữu ích!

Chrome,tiện ích mở rộng Chrome,tiện ích mở rộng Chrome cho nhà thiết kế web,Dropbox for Gmail,FontFace Ninja,ColorPick Eyedropper,Dimensions,Visual Inspector,Easy Screen Capture,Muzli 2

Nội dung 7 tiện ích mở rộng Chrome cho các nhà thiết kế web được tổng hợp sưu tầm biên tập bởi: Tin Học Trường Tín. Mọi ý kiến vui lòng gửi Liên Hệ cho truongtin.top để điều chỉnh. truongtin.top tks.