CSS 정리 및 최적화 - CleanCSS


CleanCSS는 신속하게 CSS 스타일시트를 최적화하고 정리할 수 있게 해주는 웹애플리케이션 입니다. CleanCSS를 사용하면 별로 힘들일 필요없이 CSS의 코드를 깔끔하게 정리할 수 있습니다.

사이트 사용 방법은 아주 간단합니다. CSS-code 부분에 바로 CSS 코드를 붙여넣거나 CSS from URL 부분에 CSS 파일의 위치를 지정해준 다음 원하는 옵션을 오른쪽편에서 선택해주고 마지막으로 "Process CSS" 버튼만 눌러주면 모든 작업이 완료됩니다.

정리와 최적화를 거친 결과 코드는 온라인상에서 바로 보거나 혹은 CSS 파일 형태로 받아볼 수 있고 잘못된 속성값이 얼마나 있는지와 내용이 어느 정도나 줄어들었는지 압축 비율도 함께 표시해 줍니다.



특징:

  • 선택자와 속성들을 정렬하거나 최적화 할 수 있음.
  • 불필요한 백슬래쉬나 세미콜론을 제거할 수 있음.
  • 잘못된 속성값을 제거할 수 있음.
  • CSS 코드 구조를 압축하되 가독성을 높일지 아니면 더 작은 파일 사이즈에 집중할지 옵션에서 선택할 수 있음.


사이트 주소:
http://www.cleancss.com/

최종 수정일:
서지스윈

서지스윈

IT와 기술을 이해하고, 유용한 소프트웨어를 발견하도록 돕고 싶습니다. 윈도우(Windows), 맥(macOS), 리눅스(Linux), 스마트폰 앱, 웹 서비스, 기획 시리즈물까지. 더 많은 것을 발견하고, 더 많은 것을 해보세요.