50 công cụ, thư viện và tài nguyên hữu ích để tiết kiệm thời gian làm việc của Web Developer
Trong bài viết này sẽ không nói về các framework lớn như React, Angular, Vue, v.v., cũng như các trình soạn thảo mã phổ biến như Atom, VS Code, Sublime, mà tập trung chia sẻ danh sách các công cụ hữu ích để tăng tốc quy trình làm việc của một web developer.
Danh sách này chứa nhiều tài nguyên đa dạng và sẽ được phân chia thành các nhóm
Thư viện Javascript
Particles.js - Một thư viện để tạo các hạt nổi đẹp trên trang web
Three.js - Một thư viện để tạo các đối tượng và không gian 3d trên trang web
Fullpage.js - Dễ dàng thực hiện tính năng cuộn trang đầy đủ
Typed.js - Hiệu ứng máy đánh chữ
Waypoint.js - Kích hoạt chức năng khi bạn cuộn đến một phần tử
Highlight.js - Làm nổi bật cú pháp cho web
Chart.js - Tạo các biểu đồ đẹp chỉ bằng javascript
Instantclick - Tăng tốc đáng kể thời gian tải trang web của bạn, tải trước tài nguyên khi di chuột
Chartist - Một thư viện biểu đồ khác
Motio - Một thư viện cho hoạt hình dựa trên sprite và panning
Animstion - Plugin Jquery cho chuyển đổi trang hoạt hình css
Barba.js - Chuyển đổi trang chất lỏng
TwentyTwenty - Một công cụ khác biệt trực quan để phát hiện sự khác biệt
Vivus.js - Một thư viện để tạo hoạt hình vẽ trên SVG
Wow.js - Hiển thị hình ảnh động khi bạn cuộn
Scrolline.js - Xem bạn đã cuộn bao nhiêu cho đến cuối trang
Velocity.js - Hoạt hình javascript rất nhanh và mượt mà
Animate on scroll - Khá đơn giản
Handlebars.js - Tạo khuôn mẫu Javascript
jInvertScroll - Cuộn Parallax
Parallax.js - Parallax Engine phản ứng với định hướng của thiết bị thông minh
Typeahead.js - Hoàn thành tìm kiếm
Dragdealer.js - Thư viện kéo khá thú vị
Bounce.js - Tạo hình động CSS3 thú vị
Pagepiling.js - Cuộn một trang
Multiscroll.js - Đa cuộn một trang web thành hai bảng cuộn dọc
Favico.js - Favicons động
Midnight.js - Chuyển các tiêu đề cố định khi đang di chuyển
Anime.js - Thư viện hoạt hình
Keycode - Nhận mã khóa javascript cho một nút được nhấn
Flexdatalist - Tự động hoàn thành
Slideout.js - Menu điều hướng slide cho ứng dụng di động
Jquerymy - Liên kết dữ liệu hai chiều bằng cách sử dụng jquery
Thư viện CSS / Công cụ thiết kế
Animate.css - Thư viện hoạt hình
Flat UI Colors - Danh sách các màu chính đơn giản và hiệu quả
Material design lite - Khung dựa trên thiết kế vật liệu Google Google
Materialui.co - Nhiều tài nguyên cho khung thiết kế Vật liệu
Colorrrs - Trình tạo màu ngẫu nhiên
Section separators - Bộ chia phần Css
Topcoat - Framework
DynCSS - Thêm chức năng vào css, để làm cho nó động
Magic animations - Cái tên nói lên tất cả
CSSpin - Bộ sưu tập các spinners css
Feather icons - Biểu tượng
Ion icons - Biểu tượng
Font awesome - Biểu tượng
Font generator - Kết hợp nhiều phông chữ và tạo hỗn hợp
On/Off switch - Tạo công tắc bật / tắt trong css, tốt cho việc kiểm tra hoặc nút radio
UI Kit - Framework
Bootstrap - Framework
Foundation - Framework
Little Widgets - Bộ sưu tập mẫu Html
Sản phẩm / liên kết hữu ích
Capsulelink - Nhóm, lưu và gửi liên kết dưới dạng một
<head> cheatsheet - danh sách tất cả mọi thứ có thể đi vào thẻ <head>
Ghost - Nền tảng viết blog đơn giản dựa trên node.js
What runs - Plugin Chrome để khám phá những công nghệ được sử dụng để xây dựng một trang web
Learn anything - Bản đồ tư duy mạnh mẽ phá vỡ một chủ đề nhất định
Via: Medium
