Thật khó để tìm một tool CSS để làm được tất cả mọi thứ, rất nhiều lần, tớ thấy bản thân mình phụ thuộc vào một số công cụ trực tuyến mà nó có thể giúp tớ thực hiện đơn giản một vài thao tác nào đó. Rất nhiều tool CSS trên mạng, tool nào là tốt nhất? Ở bài viết này, tớ đã tập hợp các tool CSS với các nhiệm vụ khác nhau và chắc chắn nó sẽ giúp bạn tiết kiệm rất nhiều thời gian.

CSS Sprite Generator

Một cách để giảm bớt thời gian HTTP requests từ những hình ảnh của bạn. Chỉ cần một hình ảnh lớn, hình ảnh này bao gồm tất cả các hình ảnh con. Và nó có nhiệm vụ tìm kiếm vị trí của các hình ảnh và gắn vào thuộc tính background-position CSS.

Conditional CSS

Đây là một công cụ rất hữu ích, nó giúp cho CSS của bạn logic hơn. Bạn có thể có các điều kiện cho các trình duyệt khác nhau bằng cách sử dụng if ... else ... Mục tiêu chính của nó nhằm giúp CSS của bạn chạy chính xác đến từng centimet trên tất cả các trình duyệt.

CSS Formatter and Optimiser

Công cụ giúp tối ưu CSS của bạn

CSS Typeset

Một công cụ tuy nhỏ nhưng rất hữu ích cho CSS của bạn. Nó giúp cho CSS của bạn đẹp ra và dễ nhìn. Nó rất dễ sử dụng, giao diện đơn giản như thanh trượt để điều chỉnh chiều cao của dòng, khoảng cách giữa các dòng và khoảng cách giữa các từ.

Primer CSS

Công cụ này giúp bạn tách lọc thuộc style của thẻ HTML và tạo ra các class, id tương ứng.