40 Thư Viện, Frameworks và Tools hay cho CSS

Xin giới thiệu  40 CSS Library  frameworks, và tools được yêu thích nhất hiện nay.

CSS Libraries

Imagehover.css – Thư viện CSS cho image hover

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 .

Tootik – Thư viện CSS Tooltip.

Hamburgers – Tập hợp icons hamburger CSS động của 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.
cssnano – modular minifier dựa theo PostCSS ecosystem.

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

Foundation for Emails 2.

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.

Nguồn Hongkiat.com