1. 메트로 UI CSS
Metro UI CSS는 Windows 8의 Metro 스타일 인터페이스를 구현하는 CSS 프레임워크입니다.
2. CSS빗
CSScomb은 지정된 정렬 방법을 사용하여 CSS 속성을 정렬할 수 있으며 다음을 포함한 여러 버전을 제공합니다.
CSScomb 온라인 Sublime Text 2용 CSScomb(패키지 제어에도 포함) Textmate용 CSScomb Coda & Coda 2용 CSScomb Espresso 2용 CSScomb IntelliJIDEA/WebStorm/PyCharm용 CSScomb Notepad++용 CSScomb Vim 3용 CSS3P
CSS3Ps는 Photoshop 레이어를 완전히 동일한 모양의 CSS3 구현으로 변환하는 무료 클라우드 기반 Photoshop 플러그인입니다. 여러 레이어와 레이어 그룹을 선택하고 한 번의 클릭으로 변환할 수 있습니다. 획은 CSS 테두리 속성으로 변환됩니다. 내부 그림자, 내부 광선, 그림자 및 외부 광선은 CSS 상자 그림자 속성으로 변환됩니다. 결과 스타일을 브라우저에서 확인하고 다른 사람들과 공유할 수 있습니다. Windows 또는 Mac OS X 및 Photoshop CS3 이상에서 작동합니다. 무엇보다도, 이 앱은 완전 무료입니다!
4. 반응형이온
ResponsiveAeon은 반응형 레이아웃을 매우 빠르게 생성할 수 있는 HTML5/CSS3 프레임워크입니다. 총 너비 1104px의 12개 열을 기반으로 한 그리드 시스템을 갖추고 있으며 사용하기 매우 이해하기 쉬운 기본 클래스 3개를 제공합니다. 프레임워크는 @mediaqueries 사용을 활성화하고 모든 장치 크기를 지원합니다. 그리드 시스템 외에도 타이포그래피, 목록, 표, 버튼 및 표에 대한 스타일도 있습니다.
5. 리파인슬라이드
RefineSlide는 반응형 이미지 기반 슬라이더 효과를 웹 사이트에 신속하게 통합하는 경량(4KB 압축) jQuery 플러그인입니다. 슬라이더는 CSS3 전환 + 3D 변환(JS 대체 사용)을 사용하며 여러 가지 매력적인 전환을 제공합니다. 썸네일(자동 서식 지정 및 반응형) 또는 탐색용 화살표(키보드 지원)를 표시하는 옵션이 있습니다.
6.포톤
Photon은 3차원 공간의 모든 요소에 간단한 조명 효과를 추가할 수 있는 JavaScript 라이브러리입니다. 효과를 생성하기 위해 WebKitCSSMatrix 개체를 사용합니다(WebKit은 지원되는 유일한 브라우저 엔진입니다). 빛의 각도는 언제든지 정의되고 변경될 수 있어 기능을 제공합니다. 한 번에 하나씩 또는 그룹별로 조명을 켜서 개체를 정의할 수 있으며 최대 흑백 사용을 설정하여 효과를 사용자 정의할 수 있습니다.
7. 그리드팩
Gridpak의 목적은 반응형 웹 페이지 디자인을 구현하고 작업 흐름을 개선하며 시간을 절약하는 것입니다. Gridpak은 PNG 이미지, CSS 및 JavaScript를 생성하여 반응성이 뛰어나고 간단한 인터페이스를 만듭니다.
Gridpak에서 생성된 CSS는 IE 8+와 호환되지만 미디어 쿼리, 상자 크기 및 배경 클리핑 속성과 같은 많은 실험적인 CSS 속성을 사용하므로 이전 버전과의 호환성을 보장하기 위해 Modernizer와 함께 사용하는 것이 좋습니다.
8. Morf.js
Morf.js는 다양한 CSS3 변환 효과를 가속화하기 위한 일련의 JavaScript 메소드를 제공합니다. 지원되는 메소드는 모두 위 그림에 표시되어 있으며 CSS3 코드를 작성할 필요가 없습니다.
9. 검비
Gumby는 PC, 태블릿 및 모바일 화면 디스플레이를 지원하는 반응형 960픽셀 너비 CSS 그리드 프레임워크입니다. Twitter의 Bootstrap과 유사하며 보기 좋은 버튼, 표, 탐색 + 라벨 및 작은 JavaScript 파일이 포함된 웹 UI 툴킷이 포함되어 있습니다.
10.AppJS
AppJS는 웹 기술을 사용하여 데스크톱 애플리케이션(HTML, CSS 및 JavaScript)을 빠르게 개발할 수 있게 해주는 흥미로운 JavaScript 라이브러리입니다. AppJS는 백엔드 지원으로 Node.js를 사용합니다.
11. 브라우저 지원
브라우저 지원은 특정 브라우저에서 특정 CSS 속성이 지원되는지 확인하는 데 사용되는 간단한 검색 엔진입니다. 자동완성 검색 입력 상자를 제공합니다.
12. 스프라이트패드
SpritePad는 몇 초 만에 CSS 스프라이트를 생성할 수 있는 완벽한 솔루션입니다. 이미지를 캔버스에 끌어다 놓으면 즉시 PNG 스프라이트 + CSS 코드로 사용할 수 있습니다.
13. HTML5 부탁드려요
HTML5 HTML5, CSS3 등의 기능이 준비되어 있는지 확인할 수 있도록 도와주세요.
14.jsFiddle
jsFiddle은 주로 JavaScript 및 CSS 코드 조각을 테스트하는 데 사용되는 웹 애플리케이션입니다.
15. 애니메이션.css
Animate.css에는 다양한 애니메이션 효과를 구현하는 일부 CSS가 포함되어 있습니다.
16. 과도한
Excessive는 Python으로 개발된 CSS 압축 도구로, 원하는 만큼 많은 파일을 끌어서 놓을 수 있고 이를 하나의 파일로 병합하여 즉시 압축할 수 있습니다.
17. CSS 새로 고침
CSSrefresh는 페이지를 새로 고치지 않고도 웹 페이지 스타일 효과를 즉시 변경하는 기능을 구현하는 데 사용되는 JavaScript 라이브러리입니다. 플러그 앤 플레이 방식이므로 페이지에 JS 파일을 도입하기만 하면 됩니다.
18. 임프레스.js
impress.js는 눈부신 콘텐츠 표시 효과를 만들 수 있는 Javascript 패키지입니다. 주로 CSS 3D 변환의 기능을 사용하므로 최신 버전의 Firefox 또는 Google Chrome에서만 사용할 수 있습니다. 아직 출시되지 않은 IE 10 브라우저에서도 사용할 수 있는 것으로 보입니다.
19. 베어 CSS
Bear CSS는 주어진 HTML을 기반으로 CSS 스타일을 생성하는 무료 웹 애플리케이션입니다.
20. CSS 감소
Less CSS는 간단한 구문과 변수를 통해 CSS를 확장하여 CSS 코드를 많이 줄일 수 있는 널리 사용되는 CSS 전처리기입니다.
LESS는 변수, 상속, 작업 및 기능과 같은 CSS 동적 언어 기능을 제공합니다. LESS는 클라이언트(IE 6+, Webkit, Firefox 지원) 또는 서버(Node.js 사용)에서 실행할 수 있습니다.
21. CSS2리스
css2less는 CSS를 Less CSS 형식의 파일로 변환하기 위해 Ruby로 개발된 작은 도구입니다.
22. 반응형GS
Responsive GS는 반응형 웹 사이트를 빠르게 개발하기 위한 유동 그리드 CSS 프레임워크입니다.
반응형 GS는 12, 16, 24열의 세 가지 형태로 제공되며 미디어 쿼리를 사용하는 모든 표준 장치를 지원합니다.
23. CSS3 모양
CSS3 Shapes는 CSS3를 사용하여 다양한 그래픽 효과를 구현하는 온라인 웹사이트입니다.
24. CSS 화살표 부탁드립니다
CSS Arrow Please는 줄무늬, 버튼, 표, 로딩 아이콘 등과 같은 모든 CSS에 사용할 수 있는 웹 기반 CSS 스타일 생성기입니다. CSS를 사용하여 완전히 구현되며 이미지가 필요하지 않습니다.
25. 웹퍼티
WebPutty는 구문 강조를 지원하는 편집기와 실시간으로 변경 사항을 확인할 수 있는 측면의 미리 보기 패널을 사용하여 CSS 코드를 온라인으로 작성할 수 있는 애플리케이션입니다.
26. CSSFx.js
CSS를 작성할 때 -moz-border-radius와 같이 다양한 브라우저에 따라 많은 접두사를 추가해야 하는 경우가 많습니다. 이에 대해 업계에서도 많은 불만이 있습니다. cssFx는 자동으로 접두사를 생성할 수 있는 js로, 이를 통해 많은 시간과 에너지를 절약할 수 있습니다.
27. 더러운 마크업
Dirty Markup은 복잡한 내용을 쉽게 정리하는 데 도움이 되는 무료 웹 기반 애플리케이션입니다. 편집기는 간단한 + 기능인 AceEditor를 사용하며 각 미화는 최상의 결과를 얻기 위해 다양한 선택을 할 수 있습니다.
28.크런치
Crunch는 Adobe AIR에서 개발한 Less CSS를 기반으로 한 편집기입니다. 주로 Less를 편집하고 CSS로 컴파일하는 데 사용됩니다.
29. CSS3 테스트
CSS3 테스트는 브라우저의 CSS3 지원을 테스트하는 온라인 웹사이트입니다.
