7 Extension không thể thiếu của Web Designer và Frontend Developer

Extension mình thường xuyên dùng nhất, tính năng rất bá đạo: check được xem website bạn đang xem build bằng gì, nó có thể phân tích ra được website đó đang dùng CMS (Content Management System) nào; Analytics bằng gì, hoặc website design bằng phần mềm build web nào.

Với các website tự code thì thông tin sẽ hạn chế hơn, nhưng cũng khá đầy đủ để bạn hiểu được họ đang dùng gì.

Ví dụ ở dưới nhé.

Test luôn với page của mình, bạn sẽ thấy mình đang dùng WordPress làm CMS, và Elementor làm Web Builder
Thử với Spiderum, bạn có thể thấy thông tin khá hạn chế vì trang này được code tay

2 extension này đều có chung công dụng là để đo đạc kích thước element hiển thị trên màn hình, sẽ hữu ích khi bạn cần lấy kiểm tra size nhanh; có thêm Ruler Mode tạo cho mình 1 bộ grid để dễ đo đạc.

Extension này sẽ chạy hàm heuristic evaluation ngay trên web bạn đang xem & ra 1 bản Wireframe cho bạn, phù hợp cho những bạn làm UI muốn tham khảo design website của người khác.

Một trong những extension hữu ích và thường xuyên được mình sử dụng nhất, công dụng như tên gọi: check xem text website bạn đang xem dùng font gì (và copy về xài :D)

Cách sử dụng đơn giản:

  • Tải Extension và cài vào trình duyệt
  • Khi cần check font, click vào icon whatfont? trên thanh công cụ, rê chuột vào text, xong.
Test thử với Coin98, font tìm được là bajamjuree-regular

Sử dụng để chọn màu trên web mà không cần phải screenshot về thả vào photoshop để lấy mã màu.

Extension này giống như Pinterest, hay Bored Panda; nó sẽ cho bạn 1 cái dashboard inspiration mỗi ngày theo chủ đề mà bạn chọn.

Bên cạnh đó, mục Trending sẽ giúp bạn luôn update những thứ đang hot nhất hiện tại; và hơn thế nữa là những bài sharing về tutorial. Vote nên dùng.

Well, đây là extension mình hay dùng nhất, gần như là hằng ngày luôn, mình sử dụng nó để snapshot lại những thứ mà mình thấy hay ho xem được trong ngày: video Youtube, video Tiktok, bài viết Medium,…

Về chi tiết bạn có thể đọc thêm ở đây: https://natecue.com/save-to-notion-extension-giup-ban-tao-database-nhanh-chong/

Là 1 Designer/ Developer, bạn có thể dụng Save to Notion để:

  • Recap lại những kiến thức mình đọc (chia theo tag) để tiện sau này lấy ra research
  • Lưu lại các resource: font, template, … mà không phải tải về máy. Bạn có thể tham khảo database của mình ở link này.

Trên đây là một vài extensions của Chrome theo mình là khá hữu ích cho quá trình làm việc của các FrontEnd Developer & Designer.

Bạn có bí kíp nào của riêng mình thì có thể chia sẻ thêm ở comment nhé.

Facebook
LinkedIn

Leave a Comment

Your email address will not be published. Required fields are marked *