🎨

CSS 도구 — 무료 온라인 정리/압축/미화

브라우저 안에서 CSS 정리, 미화, 압축. 들여쓰기 정렬, 압축, 구문 오류 감지. 브라우저 기반, 업로드 없음, 광고 없음.

CSS는 아마도 웹에서 JSON 다음으로 자주 정리되는 언어일 것입니다. 서드파티 SDK의 압축 번들을 조사할 때, 레거시 스타일시트에서 물려받은 규칙을 정규화할 때, 누군가 채팅에 붙인 단편을 정리하고 싶을 때 등, 빠른 브라우저 내 포매터는 하루에도 여러 번 도움이 됩니다. Ai2Done CSS Tools 허브는 CSS 계열 언어에 맞춰진 포매터를 모았고, 모두 WebAssembly를 통해 로컬에서 동작합니다.

기본 흐름은 단순합니다. 압축된 또는 어수선한 CSS를 붙여넣고, 2 스페이스 / 4 스페이스 / 탭을 선택하면, 커밋 가능하고 읽기 쉬운 관용적 스타일시트를 얻을 수 있습니다. 포매터는 모던 CSS — 사용자 정의 속성, 컨테이너 쿼리, 중첩, 레이어 — 를 이해하고 합리적인 범위에서 주석 구조를 보존합니다. 보완적인 압축기는 인라인 임베드와 대역폭 제약 상황에 적합한 1줄 번들을 생성합니다.

이 허브는 스타일시트 계열 언어에 집중합니다. HTML, JS 그 외 웹 포맷은 Format Tools / Dev Tools 허브에 있습니다. 색상 변환(HEX ↔ HSL, sRGB ↔ OKLCH)과 그라데이션 생성은 전용 도구를 권장하고, CSS Tools 허브는 소수정예로 신뢰할 수 있는 속도를 유지합니다.

프라이버시는 Ai2Done의 다른 도구와 같습니다. 붙여넣은 내용은 기기를 떠나지 않습니다. 할당량도 로깅도 없습니다. Wasm 바이너리는 작아서(Brotli 후 보통 300 KB 미만) 느린 연결에서도 쾌적합니다. 새로운 포매터는 커뮤니티 요청에 따라 수시로 추가합니다. 당신의 스타일시트 방언이 빠져 있다면 문의 페이지에서 알려주세요.

일상 조합으로는 CSS Tools 허브 + Format Tools 허브(같은 세션에서 JSON / XML / YAML도 정리하고 싶을 때) + Dev Tools 허브(SQL 정리, HTML 이스케이프 같은 유틸)가 가장 유용합니다. 파워 유저들은 세 개를 탭 그룹에 고정해둡니다. 정적 자산 용량은 충분히 작아 실질적으로 무료입니다.

이런 컬렉션도 추천