Với những thay đổi và bước tiến nhanh chóng của CSS trong vài năm qua, không hề ngạc nhiên khi số lượng tài nguyên và công cụ cho nền tảng này xuất hiện ngày càng nhiều. Những libraries, frameworks và tools này không những giúp chúng ta thực hiện công việc dê dàng hơn, mà còn mở ra cơ hội tìm hiểu những CSS properties mà trước đây vẫn còn khá xa lạ.
Chúng tôi đã tổng hợp 40 libraries, frameworks, và tools được ưa chuộng nhất cho CSS trong năm 2016 này.
Tất cả tools và libraries này được phân thành: CSS Libraries, CSS Tools, Styleguide Tools, Styleguide Tools, Responsive Newsletter Frameworks, Flexbox Tools & Frameworks, và CSS Web Layout Frameworks
CSS Libraries
Imagehover.css – Thư viện CSS image hover, nhẹ nhàng, mở rộng được
Diffee Checker – Đối chiếu đồ họa nhanh chóng với CSS blend modes.
CSS Image Filters – Tập hợp nhiều hướng dẫn, thư viện và công cụ.
StarWarsIntro.css – Thư viện CSS dùng để tái hiện Intro Crawl của Star Wars.
EQCSS – CSS extension cho element queries và hơn thế nữa.
Tootik – Thư viện CSS Tooltip.
Hamburgers – Tập hợp icons hamburger CSS động “ngon lành” bởi Jonathan Suh.
Balloon.css – tooltips đơn giản hoàn toàn bằng CSS bởi Claudio Holanda.
CSSGram – Thư viện nhỏ gọn, mô phỏng Instagram filter bằng CSS filters & blend modes.
CSSCO – Màng lọc ảnh làm từ CSS, lấy ý tưởng từ VSCO và CSSgram.
PostCSS.parts – catalog PostCSS plugins, tìm kiếm được.
voxel.css – voxel library CSS 3D, mới và nhẹ.
CSS Tools
stylelint –CSS linter hiện đại, mạnh mẽ, giúp bạn thực thi các quy ước chung và tránh lỗi.
CSS Purge – Tiếp kiệm bộ nhớ web.
WAIT! Animate – Cách tính toán phần trăm CSS animation keyframe thật đơn giản.
MaintainableCSS – Phương tiện dùng để viết CSS theo module, mở rộng được, dễ bảo dưỡng.
Responsive Image Breakpoints Generator Bởi Cloudinary.
Brand-Colors – Tập hợp hơn 400 Brand Colors (SCSS, Less, Sass, Stylus & CSS).
A Practical CSS Cheat Sheet Bởi Toptal Developers.
Styleguide Tools & Resources
Styleguide – Tài nguyên giúp tạo styleguides sống động, dễ dàng hơn.
Atomic Docs – Front-end style guide generator và SASS component manager.
Styleguide Toolbox – Tập hợp templates, UI kits, tools & generators.
Responsive Email & Newsletter Frameworks
MJML – framework duy nhất đơn giản hóa quá trình tạo respnsive email.
Flexbox Tools & Frameworks
Flex Layout Attribute (FLA) – CSS Flexbox layout helper.
Grd – CSS grid framework gọn nhẹ (chỉ 512 bytes) sử dụng Flexbox.
Flexbox Grid – Grid System Based dựa trên Display Property flex.
Bulma – CSS framework hiện đại, dựa trên Flexbox.
Flexbox Playground – Công cụ hữu ích giúp tìm hiểu và xây dựng Flexbox layouts.
Flexbox Patterns – Xây dựng user interfaces tuyệt đẹp với CSS flexbox.
Flexbox Editor – Web-based editor tạo flexbox layouts.
CSS Web Layout Frameworks
Driveway – CSS masonry layout aid.
Bricklayer – Thư viện grid layout phân tầng tương tự Pinterest, gọn nhẹ và độc lập.
Simple Grid – CSS grid cho website, đơn giản, gọn nhẹ, tương tác cao.
BlazeCSS – CSS framework theo module, nguồn mở giúp xây dựng website nhanh hơn.
Vital CSS Framework – Minimally invasive CSS framework cho nhiều ứng dụng web hiện nay.
Aleut.css – web framework mạnh mẽ, chú trọng vào hiệu năng và khả năng mở rộng.
Picnic CSS – Thư viện CSS cho project một khởi đầu thuận lợi.
Wing – CSS Framework mới, gọn nhẹ.
RichCSS Framework – “Beautiful, DRY, Clean and Reusable CSS”.
Materialize – CSS Framework dựa trên Material Design.
ITZone via hongkiat