11 Топ редактори на CSS - прегледани
1. Стилизатор
Съвместимост: WindowsЗабележителна функция: Код на мрежата, размер Grip, Bullseye, двуцветно оцветяване
Stylizer е абсолютно уникален CSS редактор, който се фокусира върху редактиране на CSS в реално време. Можете просто да въведете уеб адрес в неговия вграден браузър, който поддържа дефиницията на стила на Firefox 3.5 и IE7, и всички съответни правила за CSS да бъдат заредени, за да можете да го редактирате с познатия си интерфейс за точка и клик.
Редакторът идва с Код на мрежата функция, която прави редактирането на CSS по-удобно, тъй като можете да видите резултата веднага след като промените дадена стойност. Също с диагностика Право в целта функция, можете да преглеждате свързани елементи в определена част от сайта и да я редактирате с точки и кликвания. Други характеристики като Размер на дръжките ви позволява визуално да настроите позицията на CSS елемента и с Оцветяване с два клика функция, която ви е предоставила подобен на Photoshop избор за цвят, за да изберете всеки цвят за, да речем, шрифта на сайта ви. О, споменах ли, че всички тези редакции се правят в реално време, незабавно видим резултат?
с Stylizer това е просто невъзможно да се направи CSS грешка, тъй като това ще ви ограничи да поставите всяка стойност, която не е съвместима със съответната CSS собственост. Въпреки това софтуерът не успява да зареди някои CSS файлове понякога, поради необяснима критична грешка.
Stylizer идва с версия Basic и Ultimate. Докато основната версия е напълно безплатна, версията на Ultimate е достъпна за вас 14 дни след инсталацията, след което предлага $ 85, за да можете да продължите да използвате нейните разширени функции като Bullseye.
2. TopStyle
Съвместимост: WindowsЗабележителна функция: Стил инспектор, стил Sweeper, CSS спретнат
CSS редакторът на TopStyle започва да ви удивлява с първата си конфигурация, когато можете да изберете дефиниция на стил, която показва само свойства и стойности, поддържани от Firefox, Internet Explorer, Safari или дори iPhone OS 2.0, което на практика е полезно за междуплатформена версия уеб дизайнер.
Сред всички функции, които открих Стил на инспектор е особено полезен, тъй като работи като панел, който ви позволява да включите всяко свойство CSS с прост интерфейс точка-и-клик. Когато приключите с избора на всички CSS свойства, които искате, изходният код ще бъде генериран автоматично, за да спестите време от повтарящо се и изморително кодиране..
Един друг добър материал TopStyle е, че показва съвместимостта на браузъра под инспектора на стила, който можете да видите или CSS собствеността е напълно поддържана от определена версия на уеб браузър като Internet Explorer 7, или това е ужасно бъги.
Редакторът идва като пробна версия с ограничена функция и можете да отключите пълния му потенциал с $ 79.95.
3. Master Style
Съвместимост: Windows, Mac OS XЗабележителна функция: Шаблон със стилове
Твърди се, че е майстор, стил майсторът направи доста добре, за да създаде среда за редактиране на CSS за всяко ниво на експертиза. Софтуерът не само осигурява WYSIWYG редактор, който изглажда работния поток за начинаещи от CSS, но и ви дава достъп до много подробна информация за всеки CSS свойство за експерт. Можете да преглеждате и избирате CSS свойства по категория или по азбучен ред.
Може би най-уникалната точка е, че самият редактор съдържа почти 20 полезни шаблона за стилове, с които можете да започнете, и не е изненадващо, че майсторът на стила има много чисти, добре подредени и професионални CSS правила, дефинирани в неговия вграден шаблон..
Можете да се насладите на пълнофункционалния софтуер за 30 дни и да плащате или $ 59.99 или $ 29.99 за образователен лиценз, за да отворите пълния му потенциал отново.
4. Обхват на Xyle
Съвместимост: MacЗабележителна функция: Режим на избор, Smart Group, Интеграция на текстов редактор
Xyle Scope е a трябва да имате свободен CSS редактор за Mac, тъй като това е наистина професионален CSS редактор, който ви позволява да сърфирате в сайта, докато фино настройвате CSS директно в редактора.
Браузърът на Xyle идва с нормален режим на браузъра и режим на избор, който работи доста подобно на приставката за Firefox, Firebug, който осигурява преглед и редактиране на източника на CSS, с изключение на това, че редакторът ви позволява да запазвате променени стойности на CSS в оригиналното им местоположение.
Използвайки 'Smart Group"можете да филтрирате всички правила, влияещи върху начина, по който се показват връзките, или тези, които отговарят за оформлението, можете дори да стесните резултата с вградената си функция за търсене, без метод за пробна и грешка.!
Xyle Scope също така предлагат интеграция с външни текстови редактори като BBEdit за по-удобно и енергоспестяващо кодиране, просто направете промяна и текстовият редактор или Xyle Scope ще актуализират всички промени автоматично.
5. Rapid CSS
Съвместимост: WindowsЗабележителна функция: Синтактичен маркер, завършване на кода, CSS форматиране
Rapid CSS е начин за по-удобно, удобно и сложно CSS редактиране. Той разполага със собствен персонализиран текстов редактор с полезни функции като осветяване на синтаксиса, завършване на кода и вграден CSS справочник за безболезнено преживяване.
Като се грижите за чистотата на вашата CSS, можете да форматирате вашата CSS стилова таблица, като ги пренаредите чрез CSS тип или да създадете стенографски свойства, за да направят стиловете по-удобни и сладки. Вграденият валидатор на код гарантира също така, че вашият стил не е само чист, но валиден.
Редакторът идва с 30-дневен период на оценка с 30 употреби, можете да отидете за пълна версия от $ 29.85.
6. Style Studio
Съвместимост: WindowsЗабележителна функция: CSS Wizard, IntelliStyle
Основната красота на Style Studio е в неговата CSS Wizard функция, която работи за да ви осигури незабавен CSS ефект с няколко точки и кликвания.
Например, можете да изберете съветник за шрифтове, след това да изберете семейство на шрифтове и да зададете размер на шрифта за него, след това стила на шрифта, теглото, варианта… и бум! Правилата се въвеждат в таблицата със стилове като напълно валидиран CSS код.
Функцията Wizard включва също цветове, граници, текст, позициониране, класификация и накрая правила за филтриране, почти всичко, което можете да си представите за CSS. Тези магьосници са доста полезни, тъй като не е нужно да пишете многократно, за да постигнете някакъв сложен CSS ефект. Друга благородна функция е IntelliStyle, която функционира като завършване на кода, за да изберете определени свойства на CSS за вашата цел.
Недостатъкът на този редактор е поддръжката на дефинирания стил на браузъра, тъй като поддържа само IE6 и, разбира се, няма Firefox.
Получавате 30 дни, за да се насладите на софтуера и $ 49.99, за да го закупите.
7. CSSEреда
Съвместимост: MacЗабележителна функция: Рентгенов инспектор, визуален редактор, Selector Builder
Проектирайте красиви, иновативни и бързо зареждащи се уеб сайтове с красива, новаторска и бърза ап, която е CSSEdit by MacRabbit. От функции като Selector Builder до интелигентна среда на източник, CSSEdit е проектиран за всяко ниво на експертиза.
Със силно полирания редактор, като този, от вас се очаква да видите промени в CSS стиловете в реално време, без уморително действие за качване и обновяване. Рентгенов инспектор също така се създава като функция за диагностициране на CSS код от конкретна част от сайта.
Иновативната част на CSSEdit вероятно е неговата Builder Builder който ви позволява да опишете стила на CSS с обикновен английски, не е много интересен за експерт, но е полезен за абсолютно начинаещ.
Демо версията ви ограничава да запазвате файл с по-малко от 2500 знака, докато можете да платите $ 39.95, за да изтриете всички ограничения.
8. EngInSite CSS редактор
Съвместимост: WindowsЗабележителна функция: Инструмент за измерване в режим Преглед
Ако сте сериозен дизайнер, който се интересува от правилната CSS спецификация, правилното разположение на CSS или CSS стиловата таблица трябва да бъде напълно валидирано, след това редакторът на CSI в EngInSite може да бъде любимият ви редактор.
В този редактор можете да добавите селектор за класове, идентификатори и елементи с помощта на вградения си инспектор, също така можете да конвертирате цвят в Hex или RGB стойност, което е много рядка функция за CSS редактор. Можете да наблюдавате резултата си в панела за предварителен преглед с инструменти за измерване, за да сте сигурни, че всеки елемент от дизайна е на правилната позиция.
Редакторът също така идва с код завършване, но това е малко бъга, така че бих казал, че е полу-код завършване. В противен случай целият редактор е хубав да се използва, с изключение на самия факт, че редакторът е доста остарял по време на поддръжката на стила на браузъра, тъй като поддържа само до дефиницията на стила на IE6..
9. Създател на стилове
Съвместимост: WindowsЗабележителна функция: CSS тагове
Stylesheet Maker е още един стандартен CSS редактор, който предлага чиста повърхност за кодиране с панел на файловия браузър, както и някои полезни инструменти за CSS, които помагат за настройване на шрифт, цвят, поле, граница и т.н..
В сравнение с няколко редактора на CSS Rapid CSS или Стилно студио, Създателят има по-малко функционален, но много чист интерфейс и това е добре за някои начинаещи, които не искат да усложняват нещата, или CSS нинджа, който иска всичко минимално и удобно.
Въпреки че този редактор е предназначен за междинен потребител, неговата функция за CSS тагове може да ви помогне да създадете правило за CSS с маркери с кликвания.
Тя струва $ 34, за да притежавате този редактор, или можете да го купите с друг софтуер CoffeeCup като пакетна покупка.
10. Arduo CSS
Съвместимост: WindowsЗабележителна функция: Възел, CSSTidy
Arduo CSS е новосъздаден CSS редактор, който има за цел да ви зарадва с интуитивния и лесен за използване интерфейс. Със своя чист интерфейс и подчертаване на синтаксиса, вие със сигурност ще създавате и редактирате CSS файл без прекалено много проблеми и прекъсвания. Също така можете да използвате функцията 'Node' за дефиниране на CSS правила по точки и кликвания.
За тези, които смятат, че вашият стил е твърде тежък, инструментът CSSTidy от редактора може да ви помогне да оптимизирате таблицата със стилове и да изтриете ненужния код.
Редакторът е свободно достъпен на официалния му сайт.
11. Просто CSS
Съвместимост: Windows, Mac OS XЗабележителна функция: Импортиране на CSS файл, интерфейс Point-and-click, Допълнителна база данни за шрифтове
Също като името си, Simple CSS има всичко, от което дизайнерът се нуждае за просто CSS редактиране. Можете да импортирате CSS файл в редактора и да го модифицирате с няколко кликвания, да проверите резултата в панела за предварителен преглед и да извадите изходния код веднага.
Въпреки че можете да импортирате почти всеки CSS файл в редактора, можете да преглеждате само едно CSS правило едновременно с едно кликване, а понякога импортирането ви ще причини грешка поради ограничението му като @rules поддръжка. Също така самият редактор не е толкова гъвкав, че можете да изберете само 'Auto' или 'Inherit' за свойството z-index, но не и директно давате на имота стойност.
Въпреки това, той е безплатен и удобен за дизайнер, който се нуждае от бързо решение.
Бонус: Още редактори и инструменти
Макар че не са точно редактори на CSS, тези следващи инструменти са нещо, което може да искате да имате, когато става въпрос за редактиране на CSS.
подпалвач
Най-популярният и мощен инструмент за уеб разработка, който проверява HTML, променя стила на CSS и вижда промените в реално време, достъпен като плъгин за уеб браузър на Firefox.
Използване на CSS
Разширение за Firebug, което ви позволява да сканирате няколко страници на сайта си, за да видите кои правила за CSS действително се използват в сайта ви.
Уеб разработчик
Разширение за Firefox, за да можете да правите много интересни неща като преглед на CSS източници или да деактивирате определена CSS стилова таблица за използване при проектиране или разработване.
Notepad++
Безплатен редактор на изходния код и заместител на Notepad, който поддържа няколко езика, включително CSS. Съдържа функции като завършване на функцията, за да подпомогне изграждането на вашия CSS дизайн.
кода
Усъвършенстван текстов редактор с вграден CSS редактор, който ви осигурява два режима за редактиране на CSS за по-гъвкав опит при проектирането, като можете да видите резултатите незабавно след направените промени.
NetBeans IDE
Интегрирана среда за разработка с отворен код и професионална среда с най-пълна CSS референция в функцията за завършване на код.
Студио Aptana
Пълна среда за уеб разработка, която комбинира мощни инструменти за създаване на HTML, CSS и JavaScript, която в момента поддържа до HTML5 и CSS3.
WebStorm
IDE на JetBrain, която реализира съответното автоматично завършване за всичко, включително CSS, също може да бъдете уведомени за проблемите на CSS в движение.
