MỘT SỐ TOOL HỮU ÍCH DÀNH CHO WEB DEVELOPER KHÔNG PHẢI AI CŨNG BIẾT

25-08-2019 12:21

Để cho người dùng có trải nghiệm tuyệt vời khi sử dụng bất kỳ sản phẩm nào của developer thì cần cả một quá trình dày công xây dựng. Chúng ta có phải code và sửa lỗi rất nhiều, chạy thử, kiểm tra… đồng nghĩa là với việc tốn kha khá thời gian của lập trình viên. Sau đây sẽ là một số tool hữu ích hành cho web developer không phải ai cũng biết. 

Bộ lọc ảnh

Nói đến bộ lọc ảnh chúng ta thường nghĩ ngay đến các ứng dụng phổ biến mà ai dùng điện thoại cũng biết như VSCO, Instagram, Analog...Còn với lightroom hay photoshop sẽ cho ra các bức ảnh với màu sắc hoàn hảo và chất lượng tốt nhất. https://www.cssfilters.co/ sẽ cho bạn một bộ ảnh khá tuyệt vời đấy và chúng cũng khá nhẹ. 

Image Sprites

Ở vai trò Frontend developer thì kỹ thuật image sprites quá quen thuộc. Đây là cách để tối ưu website của bạn, thế nhưng việc xác định background-position không dễ dàng. bạn có thể sử dụng công cụ sau để giải quyết vấn đề nêu trên http://www.spritecow.com/

Symboy Font

Chúng ta cũng thừa hiểu rằng các icon sẽ giúp nội dung của website trên trở nên thân thiện hơn cả. Thay vì sử dụng thẻ img hay file từ PSD, CSS để gắn vào background website thì chúng ta có thể sử dụng Symboy Font. Các Symboy Font được sử dụng nhiều và thông dụng hiện nay là Font Awesome, Material icon... 

  • Font Awesome: Đây là một trong những bộ icon font phổ biến và nổi tiếng  nhất hiện nay. Với phiên bản 5.5.0, bộ Font Awesome có thể hỗ trợ trên 1400 icon hoàn toàn miễn phí. Địa chỉ https://fontawesome.com/
  • IcoMoon Font: Lại là một ứng dụng để người sử dụng tùy chỉnh icon thậm chí là import SVG nhằm mục đích font riêng và convert font sang SVG, PDF, XAML, CSH… Với cách tối ưu từ nhiều thư viện miễn phí khác IcoMoon Font có thể cung cấp cho người dùng khoảng 5000 icon hoàn toàn miễn phí. Địa chỉ https://icomoon.io/

Text Style

https://ecard.enter-media.org/css-text-effects/ đây là một địa chỉ hay ho dành cho các web developer để cho các chữ có trong web trở nên lung linh và đẹp hơn. 

CSS Tool

Chắc hẳn điều này không thể thiếu trong bài viết và của CSS Developer. Chúng ta sẽ có nhiều tool để tạo ra background gradient, box-shadow, text effect, transform… http://animista.net/

CSS Animation 

Ở phần first view đôi lúc chúng ta cần effect phong phú, điều này không phải dễ dàng. Đây là lời giải cho các bạn http://cssanimation.io/ 

Tham khảo thêm các khóa học lập trình của Học viện Công nghệ Thông Tin ITPlus tại:

Lập trình nhúng với FPT SOFTWARE

trình Python & Odoo Framework với IziSolution

Khóa học thiết kế và lập trình web - PHP chuyên nghiệp

Lập trình ứng dụng di động Android

Khóa học lập trình Python

Khóa học Trí tuệ nhân tạo - Học máy cơ bản và ứng dụng

Ban Truyền thông ITPlus Academy

 

Bài viết cùng chủ đề

1