8 thư viện js/css bạn nên thử

Bài viết này chủ yếu đưa ra một vài thư viện Javascript, css thú vị. Đây là các thư viện khá hay, các bạn nên tham khảo
Bài viết này chủ yếu đưa ra một vài thư viện Javascript, css thú vị. Đây là các thư viện khá hay, các bạn nên tham khảo
1. Propeller
Propeller là một thư viện CSS cung cấp các compoment được xây dựng dựa trên Bootrtrap và Material design. Bao gồm 25 component, hỗ trợ responsive và hiệu ứng quen thuộc của Material Design. Bạn có thể download Propeller dưới dạng theme cho bootstrap, hoặc một framework đầy đủ hoặc từng component riêng biệt

2. BaguetteBox
Một trong những task dễ gặp nhất và không muốn xây dựng lại từ đầu chính là lightbox. Nếu bạn cũng nghĩ vậy thì bạn nên thử BaguetteBox. Đây là một thư viện lightbox hoàn toàn bằng code thuần Javascript và css3, gọn nhẹ và không đòi hỏi thêm thư viện của bên thứ ba. Thư viện này hỗ trợ nhiều hiệu ứng chuyển ảnh đẹp mắt, trơn tru, và đặc biệt hỗ trợ responsive và custom dễ dàng

3. Whitestorm
Đây là một framework để phát triển các website hoặc game có hiệu ứng 3D. Framework Framework sử dụng Three.js để hỗ trợ hiệu ứng. Nó đóng gói các tính năng thông dụng của Three.js thành các hàm dễ sử dụng hơn, nhờ vậy bạn có thể làm việc với các hiệu ứng 3D, vật lý dễ dàng hơn.
4. Animatelo
Animatelo được port từ một thư viện vô cùng nổi tiếng – Animate.css, nhưng thay vì dùng CSS thì nó dùng Web Animations API. Hỗ trợ tất cả các hiệu ứng của Animate.css, nhưng các hiệu ứng này lại được thực hiện bằng javascript thay vì CSS. Thư viện gọn nhẹ và không đòi hỏi phải có jQuery, nhưng có thể cần phải polyfill trên các trình duyệt cũ.
5. FuseBox
Đây là một bundle loader dành cho javascript, css, có hỗ trợ một số add-ons để xử lý TypeScript, Sass và một số cái tương tự. Nó được tạo ra hướng tới sự đơn giản và hiệu suất, là một sự lựa chọn khác ngoài webpack.
6. Yargs
Yargs là một framework hỗ trợ việc xây dựng các command line application với Nodejs. Nó cho phép bạn tạo ra các command dễ dàng hơn, handle nhiều tham số, tạo các shortcut kể cả việc tạo ra menu help một cách tự động.

7. WebGradients
Đây là một bộ sưu tập rất nhiều gradient đẹp dành cho web. Website này liệt kê các gradient rất gọn và đẹp, bạn có thể xem thử các gradient ở chế độ fullscreen, bạn cũng có thể copy code css nữa.
8. Store.js
Store.js là một giải pháp lưu trữ ở local hỗ trợ nhiều trình duyệt khác nhau. Mới đây, phiên bản v2 vừa được release cũng cấp rất nhiều tính năng mới và hữu ích như: Các hàm làm việc với array/object. Nó tương tự như LocalForage nhưng cú pháp gần giống với localStorage hơn.
Mong rằng các thư viện này có thể giúp ích cho project của các bạn, chúng ta sẽ đến với những thư viện mới trong những bài sau. Các bạn hãy thường xuyên cập nhật tin mới nhất tại trang web T3H nhé.