CSS Specificity Visualizer + Tailwind Class Sorter — 두 개의 새로운 도구

Source: Dev.to

CSS 특이도 시각화 도구

선택자를 시각적으로 비교합니다. 진행 막대가 상대적인 무게를 표시합니다. A‑B‑C 점수 체계는 색상 코드(ID는 빨강, 클래스는 노랑, 요소는 파랑)를 사용합니다. 승자는 강조 표시됩니다.

Specificity Visualizer

Tailwind 클래스 정렬기

지저분한 Tailwind 클래스를 권장 순서대로 정렬합니다: 레이아웃 → 간격 → 크기 → 타이포그래피 → 색상 → 효과.

Tailwind Sorter

전체 툴킷

470개의 도구 전체 컬렉션을 탐색하세요:

devtools-site-delta.vercel.app