11 명의 최고 CSS 편집자 - 검토 된

1. 스타일러

적합성: Windows주목할만한 특징 : 코드 그리드, 크기 그립, 불즈 아이, 두 번 클릭 컬러링

Stylizer는 완전히 독특한 CSS 편집기로, 실시간 CSS 편집. Firefox 3.5 및 IE7의 스타일 정의를 지원하는 내장 브라우저에 웹 주소를 입력하면 친숙한 포인트 앤 클릭 인터페이스로 편집 할 수있는 모든 관련 CSS 규칙이로드됩니다.

에디터에는 코드 그리드 기능을 사용하면 값을 변경 한 직후에 결과를 볼 수 있으므로 CSS 편집이 더욱 편리해집니다. 또한 진단과 함께 황소의 눈 기능을 사용하면 사이트의 특정 부분에서 관련 요소를보고 포인트 및 클릭으로 편집 할 수 있습니다. 다른 기능 크기 그립 CSS 요소의 위치를 시각적으로 조정할 수 있습니다. 두 번 클릭하여 색칠하기 기능을 사용하면 Photoshop과 유사한 색상 선택기를 사용하여 사이트 글꼴과 같은 모든 색상을 선택할 수 있습니다. 아,이 모든 편집 작업은 실시간으로 이루어지며 즉시 볼 수있는 결과입니다.?

와 스타일리스트 해당 CSS 속성과 호환되지 않는 값을 넣는 것을 제한하기 때문에 CSS를 실수로 작성하는 것은 불가능합니다. 그러나 설명되지 않는 심각한 오류로 인해 소프트웨어가 특정 CSS 파일을로드하지 못하는 경우가 있습니다..

스타일리스트 기본 및 궁극 버전이 함께 제공됩니다. 기본 버전은 완전히 무료이지만 설치 후 14 일 동안 Ultimate 버전을 사용할 수 있으며 불 즈 아이 (Bullseye)와 같은 고급 기능을 계속 사용하려면 $ 85를 제공합니다.

2. TopStyle

적합성: Windows주목할만한 특징 : 스타일 검사기, 스타일 스위퍼, CSS Tidy

TopStyle CSS 편집기는 Firefox, Internet Explorer, Safari 또는 iPhone OS 2.0에서 지원되는 속성 및 값만 표시하는 스타일 정의를 선택할 수있는 최초의 구성으로 사용자를 놀라게하기 시작합니다. 이는 크로스 플랫폼에 실질적으로 유용합니다. 웹 디자이너.

내가 찾은 모든 기능 중 스타일 검사기 간단한 포인트 앤 클릭 인터페이스로 CSS 속성을 포함 할 수있는 패널로 작동하므로 특히 유용합니다. 원하는 CSS 속성을 모두 선택했으면 반복적이고 피곤한 코딩으로부터 시간을 절약 할 수 있도록 소스 코드가 자동으로 생성됩니다..

하나의 좋은 점은 TopStyle 스타일 속성 검사기 아래에 브라우저 호환성을 보여줍니다. CSS 속성이 Internet Explorer 7과 같은 특정 버전의 웹 브라우저에서 완벽하게 지원되는 것을 볼 수 있습니다. 또는 버그가 심각합니다..

에디터는 기능이 제한적인 평가판으로 제공되며 잠재력을 최대한 활용하려면 $ 79.95.

3. 스타일 마스터

적합성: Windows, Mac OS X주목할만한 특징 : 스타일 시트 템플릿

스타일 마스터는 자신을 마스터로 주장하면서 모든 수준의 전문성을위한 CSS 편집 환경을 만들었습니다. 이 소프트웨어는 CSS 초보자를위한 워크 플로우를 부드럽게하는 WYSIWYG 편집기를 제공 할뿐만 아니라 전문가가 참조 할 수있는 모든 CSS 속성에 대한 매우 자세한 정보에 대한 액세스 권한을 부여합니다. 카테고리 또는 알파벳 순서에 따라 CSS 속성을 탐색하고 선택할 수 있습니다..

아마도 가장 중요한 점은 편집기 자체에 20 가지 유용한 스타일 시트 템플릿이 포함되어 있으며 스타일 마스터가 내장 된 템플릿에 정의 된 매우 깨끗하고 잘 정리 된 전문 CSS 규칙을 가지고 있다는 것은 놀라운 일이 아닙니다..

완전한 기능을 갖춘 소프트웨어를 30 일 동안 즐길 수 있으며 교육 라이센스를 통해 $ 59.99 또는 $ 29.99를 지불하면 잠재력을 다시 열 수 있습니다..

4. Xyle Scope

적합성: 맥주목할만한 특징 : 선택 모드, 스마트 그룹, 텍스트 편집기 통합

Xyle 범위는 Mac 용 무료 CSS 편집기가 있어야합니다., 정말 전문적인 CSS 편집기이기 때문에 웹 사이트를 서핑 할 수 있으며 에디터에서 직접 CSS를 미세 조정할 수 있습니다..

Xyle의 브라우저 보통의 브라우저 모드와 선택 모드가 제공됩니다. 파이어 폭스 플러그인, CSS 소스보기 및 편집 기능을 제공하는 파이어 버그와 비슷합니다. 단, 편집자는 수정 된 CSS 값을 원래 위치에 저장할 수 있습니다.

'스마트 그룹'기능을 사용하면 링크가 표시되는 방식이나 레이아웃을 담당하는 방식에 영향을 미치는 모든 규칙을 필터링 할 수 있으므로 내장 된 검색 기능으로 더 많은 시행 착오 방법을 사용하지 않아도 결과를 좁힐 수 있습니다!

자일 범위 더욱 편리하고 에너지 절약적인 코딩 작업을 위해 BBEdit 같은 외부 텍스트 편집기와의 통합을 제공합니다. 변경을 수행하면 텍스트 편집기 나 Xyle Scope가 자동으로 모든 변경 사항을 업데이트합니다.

5. 신속한 CSS

적합성: Windows주목할만한 특징 : 구문 형광펜, 코드 완료, CSS 서식

신속한 CSS는보다 편안하고 편리하며 복잡한 CSS 편집을위한 방법입니다. 구문 강조, 코드 완성 및 통증이없는 코딩 경험을위한 기본 제공 CSS 참조와 같은 유용한 기능을 갖춘 자체 커스터마이징이 가능한 텍스트 편집기가 있습니다..

CSS의 청결 함을 염두에두면 CSS 스타일 시트의 형식을 정할 수 있습니다 (예 : CSS 유형으로 재정렬하거나 속기 속성을 만들어 스타일 시트를보다 편안하고 멋지게 꾸밀 수 있음). 빌트인 코드 검사기는 스타일 시트가 깨끗하지만 유효 할뿐만 아니라.

에디터는 30 일 사용 30 일 평가 기간과 함께, 당신은 $ 29.85에 의해 전체 버전 갈 수.

6. 스타일 스튜디오

적합성: Windows주목할만한 특징 : CSS 마법사, IntelliStyle

Style Studio의 주된 장점은 CSS 마법사 기능에 있으며, 몇 가지 포인트와 클릭으로 즉각적인 CSS 효과를 제공합니다.

예를 들어, 글꼴 마법사를 선택한 다음 글꼴 군을 선택하고 글꼴 크기, 글꼴 스타일, 무게, 변형 및 붐을 설정할 수 있습니다. 규칙은 스타일 시트에 완전히 검증 된 CSS 코드로 삽입됩니다..

마법사 기능에는 색상, 테두리, 텍스트, 위치 지정, 분류 및 필터 규칙이 포함되어 있으며 CSS에 대해 거의 모든 것을 생각할 수 있습니다. 이 마법사는 특정 복잡한 CSS 효과를 얻기 위해 반복적으로 타이핑 할 필요가 없으므로 매우 유용합니다. 또 다른 고귀한 기능은 IntelliStyle입니다.이 기능은 설계 목적에 맞는 특정 CSS 속성을 선택하는 코드 완성 기능을합니다.

이 에디터의 단점은 구식 브라우저의 스타일 정의 지원이 될 것입니다. IE6과 Firefox는 지원하지 않습니다..

소프트웨어를 즐기려면 30 일을, 구입하려면 49.99 달러를 지불해야합니다..

7. CSSEdit

적합성: 맥주목할만한 특징 : X 선 검사기, 비주얼 편집기, 선택기 빌더

아름답고 혁신적이며 빠른 응용 프로그램으로 아름답고 혁신적이며 빠른 로딩 웹 사이트를 디자인하십시오. CSSEdit by MacRabbit. Selector Builder와 같은 기능부터 지능형 소스 환경까지 CSSEdit은 모든 수준의 전문 지식을 위해 설계되었습니다..

이렇게 세련된 편집기를 사용하면 업로드 - 새로 고침 작업을하지 않아도 CSS 스타일 시트의 변경 사항이 실시간으로 표시됩니다. X-Ray 검사기는 사이트의 특정 부분에서 CSS 코드를 진단하는 기능으로도 생성됩니다..

혁신적인 CSSEdit 아마 그것의 선택기 빌더 일반 영어로 CSS 스타일을 설명 할 수 있지만 전문가에게는 그리 관심이 없지만 절대 초보자에게는 유용합니다..

데모 버전에서는 파일을 2500 자 미만으로 저장하는 것을 제한하고 모든 제한 사항을 없애려면 39.95 달러를 지불 할 수 있습니다..

8. EngInSite CSS 편집기

적합성: Windows주목할만한 특징 : 미리보기 모드의 측정 도구

올바른 CSS 사양, 올바른 CSS 배치 또는 CSS 스타일 시트를 완벽하게 검증해야하는 진지한 디자이너 인 경우 EngInSite CSS 편집기를 가장 좋아하는 편집기로 사용할 수 있습니다.

이 편집기에서 기본 inspector를 사용하여 클래스, id 및 요소 선택기를 추가 할 수 있으며 색상을 16 진수 또는 RGB 값으로 변환 할 수도 있습니다.이 값은 CSS 편집기에 매우 드문 기능입니다. 측정 도구를 사용하여 미리보기 패널에서 결과를 관찰하여 모든 설계 요소가 올바른 위치에 있는지 확인할 수 있습니다.

편집기에는 코드 완성 기능도 포함되어 있지만 약간 버그가있어 세미 코드 완성이라고 할 수 있습니다. 그렇지 않으면 에디터 전체가 브라우저의 스타일 defnition 지원 기간이 꽤 오래되었다는 사실을 제외하고는 전체 에디터를 사용하는 것이 좋습니다. IE6의 스타일 정의까지 지원하기 때문입니다.

9. 스타일 시트 제작자

적합성: Windows주목할만한 특징 : CSS 태그

Stylesheet Maker는 파일 탐색기 패널과 함께 깨끗한 코딩 표면을 제공하는 또 다른 표준 CSS 편집기이며 글꼴, 색상, 여백, 테두리 등을 설정하는 데 도움이되는 유용한 CSS 도구입니다..

같은 여러 CSS 편집기와 비교 신속한 CSS 또는 스타일 스튜디오, Maker는 기능이 적 으면서도 매우 깨끗한 인터페이스를 가지고 있습니다.이 기능은 복잡한 일을하고 싶지 않은 초보자 나 모든 것을 최소한으로 편안하게 해주는 CSS 닌자에게 좋습니다..

이 편집기는 중급 사용자 용으로 제작되었지만 CSS 태그 기능을 사용하면 클릭 수에 따라 태그가있는 CSS 규칙을 간단하게 만들 수 있습니다.

이 편집기를 소유하려면 34 달러가 들거나 다른 CoffeeCup 소프트웨어와 함께 번들 구입으로 구입할 수 있습니다.

10. Arduo CSS

적합성: Windows주목할만한 특징 : 노드, CSSTidy

Arduo CSS는 직관적이고 사용하기 쉬운 인터페이스로 당신을 기쁘게하는 새로운 태어난 CSS 편집기입니다. 깔끔한 인터페이스와 구문 강조 기능을 사용하면 많은 문제와 중단없이 CSS 파일을 만들고 편집 할 수 있습니다. 또한 '노드'기능을 사용하여 포인트 및 클릭을 기준으로 CSS 규칙을 정의 할 수 있습니다.

스타일 시트가 너무 무거울 것으로 생각하는 사용자를 위해 편집기의 CSSTidy 도구를 사용하여 스타일 시트를 최적화하고 불필요한 코드를 모두 제거 할 수 있습니다.

편집자는 공식 사이트에서 무료로 구할 수 있습니다..

11. 간단한 CSS

적합성: Windows, Mac OS X주목할만한 특징 : CSS 파일 가져 오기, 포인트 앤 클릭 인터페이스, 추가 글꼴 데이터베이스

Simple CSS는 이름 그대로 단순 CSS 편집에 디자이너가 필요로하는 모든 것을 갖추고 있습니다. CSS 파일을 편집기로 가져 와서 몇 번의 클릭만으로 수정할 수 있으며 미리보기 패널에서 결과를 확인하고 소스 코드를 즉시 가져올 수 있습니다.

거의 모든 CSS 파일을 편집기로 가져올 수 있지만 한 번의 클릭으로 한 번에 1 개의 CSS 규칙 만 볼 수 있으며 가져 오기로 인해 @rules 지원이 없기 때문에 오류가 발생할 수 있습니다. 또한 에디터 자체는 z-index 속성에 대해 '자동'또는 '상속'만 선택할 수있는 것처럼 유연하지는 않지만 속성에 직접 값을 부여하지는 않습니다.

그럼에도 불구하고 빠른 수정이 필요한 디자이너에게는 무료이며 매우 편리합니다..