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 9 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.

Em Chart

Công cụ giúp bạn chuyển đổi từ px sang em.

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ừ.

Modernizr

Modernizr là một thư viện JavaScript đơn giản giúp bạn tận dụng lợi thế của công nghệ web mới (CSS3, HTML5), nhưng vẫn duy trì một mức độ hiển thị trên các trình duyệt có thể chưa hỗ trợ các công nghệ mới này.

CSS Desk

Nếu bạn muốn làm một Demo CSS nhanh chóng? Thử CSS Desk, công cụ khá hữu ích để kiểm tra một số mã CSS

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.

Font tester

Công cụ xử lý font chữ. Nó sử dụng để so sánh các font chữ trên website của bạn.