Các Công Cụ Dành cho Front End Developer
Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu các công cụ front-end hữu ích dành cho thiết kế và phát triển website nha.
1) Checklist Design
Nơi tổng hợp các kiến thức design website thông qua việc cung cấp thông tin, các yếu tố cần thiết khi thiết kế các phần tử trong website như button, card, table...
2) Web Gradients
Nơi tổng hợp các màu background gradient đẹp dành cho thiết kế website.
3) Webframe
Tổng hợp các thiết kế ứng dụng web đẹp mắt và được cập nhật hàng tuần.
4) Spline
Ứng dụng giúp bạn tạo hiệu ứng 3D dành cho website.
5) Type Anything
Là một ứng dụng web cho phép chúng ta có thể thiết kế typography cho trang web như lựa chọn font chữ, font weight, word spacing...
6) Laws of UX
Nơi tập hợp các phương pháp hay nhất dành cho nhà thiết kế khi xây dựng giao diện người dùng website.
7) Animista
Ứng dụng web giúp bạn thực hành các hiệu ứng animation CSS cho phát triển website.
8) Screenlane
Chuyên tổng hợp các thiết kế UI dành cho website.
9) Froala Design Blocks
Tổng hợp hơn 170 UI responsive design dành cho thiết kế website.
10) 3Dicons
Tổng hợp các icon 3D miễn phí dành cho thiết kế và phát triển website.
11) Collectui
Tổng hợp các UI design và được cập nhật hằng ngày.
12) humaaans
Tổng hợp các illustrations people dành cho nhà thiết kế.
13) Design Principles
Một bộ sưu tập mã nguồn mở chuyên cung cấp các nguyên tắc và phương pháp thiết kế.
14) Learn Anything
Cung cấp các lộ trình chi tiết khi bạn muốn học một thứ gì đó.
15) Standard Resume
Là một ứng dụng web giúp tạo resume/cv đẹp mắt dành cho designer, developer.
16) Pictogon
Giúp bạn tạo interactive images cho website.
17) UI Play Book
Tổng hợp các tài liệu cho việc xây dựng UI component.
18) UI Patterns
Nó giúp bạn khấm phá các pattern design cũng như cách gải quyết các vấn đề phổ biến tong quá trình thiết kế website.
19) Museum of Websites
Là nơi tổng hợp thiết kế của các website nổi tiếng qua từng giai đoạn phát triển. Theo mình mó sẽ giúp bạn có cái nhìn tổng quan hơn về cách design, phát triển giao diện cho website.
20) UX Challenges
Một bộ sưu tập các bài tập về thiết kế Ux dành cho website. Điểm mình thích ở nó là ở mỗi challenge thì sẽ có các bài viết hướng dẫn cụ thể tương ứng.
21) UX Project Checklist
Là nơi giúp bạn kiểm tra tính năng của UX đã đạt tiêu chuẩn trong thiết kế hay chưa.
22) Landing Page Checklist
Tổng hợp hơn 100 công cụ dành cho landing page như chọn tên miền, phần mềm thiegtes kế landing page, công cụ tạo logo...
23) Ray
Phần mềm trực tuyến giúp tạo các hình ảnh đẹp cho đoạn code của bạn.
24) PixelSnap
Giúp bạn đo khoảng cách giữa các phần tử trong website với độ chính xác đến từng pixel.
25) patternpad
Ứng dụng web tạo các background patttern đẹp mắt dành cho website.
26) Klart
Nơi tổng hợp các color palettes đẹp mắt dành cho website.
27) Drawkit
Cung cấp các tài nguyên illustration và icons miễn phí cho dự án web.
28) Get Waves
Công cụ tạo các hiệu ứng wave animation cho website.
29) UXFlow
Nó giúp bạn dễ dàng tạo các website layout đẹp mắt trên Sketch, Figma và Adobe XD.
30) Code To Go
Tổng hợp các snippet giúp bạn giải quyết các vấn đề phổ biến trong phát triển website.
31) Blobmaker
Giúp bạn tạo hiệu ứng blob dễ dàng cho các phần tử trong trang web.
32) Webcode Tools
Tổng hợp các công cụ generator cho HTML, CSS, Meta tags, JSON...
33) Responsively
Ứng dụng giúp bạn nhanh chóng test dự án website trên nhiều màn hình thiết bị khác nhau.
34) The Front-End Checklist
Nó là nơi giúp bạn kiểm tra các yếu tố cần thiết khi xây dựng front end cho dự án.
35) Sketch2Code
Giúp bạn có thể chuyển đổi các thiết kế vẽ bằng tay sang HTML bằng AI.
36) Bootstrap Magic 4.0
Giúp bạn có thể thiết kế theme nhanh chóng và dễ dàng cho Bootstrap4.
37) Glassmorphism CSS Generator
Giúp bạn tạo hiệu ứng glass dành cho thiết kế website.
38) UnusedCSS
Xoá những thuộc tính CSS không cần thiết cho dự án web.
39) Magic Pattern
Tổng hợp các công cụ cho thiết kế website.
40) Cool Backgrounds
Giúp bạn tạo hiệu ứng ảnh nền đẹp cho phát triển website.
41) Loremipsum
Giúp bạn tạo nội dung nhanh chóng trong quá trình phát triển website.
42) Google Fonts
Là nơi tổng hợp các font miễn phí dành cho website.
43) Wicked Backgrounds
44) Custom Shape Dividers
Giúp bạn tạo các shape đẹo mắt cho website.
45) UI Design Daily
Là nơi tổng hợp các UI design dành cho thiết kế web.
Nếu bạn muốn tham khảo các web design tools thì truy cập đường dẫn bên dưới nha.
Web Design Tools
Nếu bạn muốn tham khảo các nguồn ux ui design dành cho phát triển website thì truy cập đường dẫn bên dưới nha.
Nguồn UX UI Design Dành Cho Phát Triển Website
Nếu bạn muốn tham khảo các tools for front-end developers thì truy cập đường dẫn bên dưới nha.
Tools For Front-end Developers
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn các công cụ design cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!
