CSS Optimizer

CSS OPTIMIZER

Super compress (all in one line) ?



Ban đầu công cụ này được tôi làm ra nhằm phục vụ cho mục đích cá nhân, nhưng nghĩ nó có thể có ích với nhiều người nên tôi post lên đây. CSS Optimizer này được thực hiện hoàn toàn bằng Javascript. Nó có thể thực hiện những công việc sau trong việc tối ưu CSS:
  • Xóa bỏ các ký tự trắng (các dấu tab, dấu cách, dấu xuống dòng) thừa thãi, bao gồm cả các dấu trắng trước và sau các dấu hai chấm (:), chấm phẩy (;)
  • Xóa bỏ ký tự chấm phẩy (;) cuối cùng trước dấu đóng ngoặc nhọn (})
  • Thu gọn các mã màu HTML thành dạng ngắn gọn (từ #ffffff thành #fff)
  • Thu gọn các đoạn mã CSS dành cho margin và padding (từ dạng margin: 5px 0px 5px 0px thành margin:5px 0). Hỗ trợ cả 3 dạng viết ngắn.
Ngoài ra, có thêm 2 tùy chọn có thể giúp bạn tối ưu tới mức tối đa là xóa bỏ comments và thu gọn tất cả code CSS trên 1 dòng. Tuy vậy, code sau khi tối ưu sẽ rất khó nhìn, đặc biệt là thu gọn chúng trên 1 dòng).

Lưu ý:
Đây không phải là công cụ nhằm định dạng (format) code CSS (còn gọi là beautifier), nó chỉ nhằm thu gọn kích thước của file CSS mà thôi. Tuy vậy, nếu bạn không đánh dấu vào ô Super compress thì code của bạn sẽ có dạng sau:
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
Đây cũng là 1 dạng format code CSS được ưa thích (trong đó bao gồm cả tôi).
Còn nếu bạn thực sự cần 1 công cụ để tạo ra format theo ý mình, thì hãy thử Format CSS Online.
Công cụ này được Hỗn Tạp phát triển

COMMENTS

Booking.com
Name

Ảnh - Video,12,Ảnh tôi chụp,2,Blog,7,Blogger,11,Blogger tips,9,Cảm nhận,1,Cộng đồng,8,Công nghệ,2,Du lịch,21,Facebook,3,Hot,4,ICT,17,Phần mềm,12,Photo,4,Quốc tế,4,Tài liệu,5,Template,1,Video,8,Việt Nam,10,
ltr
static_page
Vịnh Travel: CSS Optimizer
CSS Optimizer
Ban đầu công cụ này được tôi làm ra nhằm phục vụ cho mục đích cá nhân, nhưng nghĩ nó có thể có ích với nhiều người nên tôi post lên đây. CSS Optimizer này được thực hiện hoàn toàn bằng Javascript.
Vịnh Travel
http://www.vinhtravel.com/p/css-optimizer.html
http://www.vinhtravel.com/
http://www.vinhtravel.com/
http://www.vinhtravel.com/p/css-optimizer.html
true
7800426333090035644
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Xin hãy like hoặc chia sẻ lên twitter để xem nội dung bài viết Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy