Домашняя » Инструментарий » 11 лучших редакторов CSS - отзывы

    11 лучших редакторов CSS - отзывы

    1. Стилизатор

    Совместимость: WindowsИзвестная особенность: Сетка кода, размер ручки, яблочко, раскраска в два клика

    Stylizer - это абсолютно уникальный CSS-редактор, ориентированный на редактирование CSS в реальном времени. Вы можете просто ввести веб-адрес во встроенный браузер, который поддерживает Firefox 3.5 и определение стиля IE7, и в него будут загружены все связанные правила CSS, которые вы сможете редактировать с помощью знакомого интерфейса «укажи и щелкни».

    Редактор поставляется с Сетка кода функция, которая делает редактирование CSS более удобным, так как вы можете просмотреть результат сразу после изменения значения. Также с его диагностикой Яблочко функция, вы можете просматривать связанные элементы в определенной части сайта и редактировать его с помощью точек и кликов. Другие функции, такие как Размер ручки позволяет визуально отрегулировать положение элемента CSS, а также Раскраска в два клика Вы можете выбрать цвет в Photoshop для выбора любого цвета, скажем, шрифта вашего сайта. О, я упоминал, что все эти изменения сделаны в режиме реального времени, сразу же видимый результат?

    С Stylizer Просто невозможно сделать ошибку CSS, так как это ограничит вас указанием значения, несовместимого с соответствующим свойством CSS. Однако программное обеспечение иногда не может загрузить определенный файл CSS из-за его необъяснимой критической ошибки.

    Stylizer поставляется с базовой и окончательной версией. Хотя базовая версия является полностью бесплатной, окончательная версия доступна для вас в течение 14 дней после установки, а затем предлагает 85 долларов, чтобы вы могли продолжать использовать ее расширенные функции, такие как Bullseye..

    2. TopStyle

    Совместимость: WindowsИзвестная особенность: Инспектор стиля, Sweeper Style, CSS Tidy

    CSS-редактор TopStyle начинает удивлять своей первоначальной конфигурацией, когда вы можете выбрать определение стиля, в котором отображаются только свойства и значения, поддерживаемые Firefox, Internet Explorer, Safari или даже iPhone OS 2.0, что практически полезно для кроссплатформенности. веб-дизайнер.

    Среди всех возможностей, которые я нашел Инспектор стиля Это особенно полезно, так как работает как панель, позволяющая включать любое свойство CSS с простым интерфейсом «укажи и щелкни». Когда вы закончите выбирать все свойства CSS, которые вы хотите, исходный код будет автоматически сгенерирован для вас, чтобы сэкономить ваше время от повторяющегося и утомительного кодирования.

    Еще один хороший материал о Высший стиль он показывает совместимость браузера под своим инспектором стилей, который вы можете увидеть, либо свойство CSS полностью поддерживается определенной версией веб-браузера, таким как Internet Explorer 7, либо оно ужасно глючит.

    Редактор поставляется в виде пробной версии с ограниченными возможностями, и вы можете раскрыть его полный потенциал за 79,95 долларов США..

    3. Стиль Мастер

    Совместимость: Windows, Mac OS XИзвестная особенность: Шаблон таблицы стилей

    Заявленный как мастер, Style Master отлично справился с задачей создания среды редактирования CSS для любого уровня знаний. Программное обеспечение не только предоставляет WYSIWYG-редактор, который сглаживает рабочий процесс для новичка CSS, но также предоставляет вам доступ к очень подробной информации о каждом свойстве CSS, на которую может ссылаться эксперт. Вы можете просматривать и выбирать свойства CSS по категориям или в алфавитном порядке.

    Пожалуй, самым уникальным моментом является то, что сам редактор содержит почти 20 полезных шаблонов таблиц стилей для вас, и неудивительно, что мастер стилей имеет очень чистые, хорошо организованные и профессиональные правила CSS, определенные во встроенном шаблоне..

    Вы можете пользоваться полнофункциональным программным обеспечением в течение 30 дней и заплатить 59,99 долл. США или 29,99 долл. США за лицензию на образование, чтобы снова раскрыть весь свой потенциал..

    4. Xyle Scope

    Совместимость: макинтошИзвестная особенность: Режим выбора, интеллектуальная группа, интеграция текстового редактора

    Xyle Scope является обязательный бесплатный редактор CSS для Mac, так как это действительно профессиональный редактор CSS, который позволяет вам просматривать веб-сайты, в то же время настраивая его CSS прямо в редакторе.

    Браузер ксайла поставляется с обычным режимом браузера и режимом выбора, который работает примерно так же, как плагин Firefox, Firebug, который обеспечивает просмотр и редактирование исходного кода CSS, за исключением того, что редактор позволяет сохранять измененные значения CSS в их исходном местоположении.

    С использованием 'Смарт Групп'функция, вы можете отфильтровать все правила, влияющие на способ отображения ссылок или тех, кто отвечает за макет, вы даже можете сузить результат с помощью встроенной функции поиска, не более метод проб и ошибок!

    Xyle Scope также предлагайте интеграцию с внешними текстовыми редакторами, такими как BBEdit, для более удобного и энергосберегающего кодирования, просто внесите изменения, и текстовый редактор или Xyle Scope автоматически обновит все изменения для вас..

    5. Быстрый CSS

    Совместимость: WindowsИзвестная особенность: Подсветка синтаксиса, завершение кода, форматирование CSS

    Быстрый CSS - это способ более удобного, удобного и сложного редактирования CSS. Он имеет свой собственный полностью настраиваемый текстовый редактор с полезными функциями, такими как подсветка синтаксиса, автозавершение кода и встроенный справочник по CSS для удобного программирования.

    Заботясь о чистоте вашего CSS, вы можете отформатировать свою таблицу стилей CSS, например переставить их по типу CSS или создать сокращенные свойства, чтобы таблица стилей выглядела более удобной и приятной. Встроенный валидатор кода также гарантирует, что ваша таблица стилей не только чиста, но и действительна.

    Редактор поставляется с 30-дневным ознакомительным периодом с 30 использованиями, полную версию можно получить по $ 29,85.

    6. Студия стиля

    Совместимость: WindowsИзвестная особенность: Мастер CSS, IntelliStyle

    Основная прелесть Style Studio заключается в его функции CSS Wizard, которая обеспечивает немедленный эффект CSS с помощью нескольких точек и кликов..

    Например, вы можете выбрать мастер шрифтов, затем выбрать семейство шрифтов и установить для него размер шрифта, а затем стиль шрифта, вес, вариант ... и бум! Правила вставляются в таблицу стилей в виде полностью проверенного кода CSS.

    Функция мастера также включает в себя цвет, границу, текст, расположение, классификацию и, наконец, правила фильтрации, практически все, что вы можете придумать о CSS. Эти мастера очень полезны, так как вам не нужно многократно печатать, чтобы добиться определенного сложного эффекта CSS. Еще одна замечательная особенность - IntelliStyle, которая выполняет функции завершения кода, позволяя вам выбирать определенные свойства CSS для ваших целей проектирования..

    Недостатком этого редактора была бы его поддержка определения стиля устаревшим браузером, так как он поддерживает только до IE6 и, ну, в общем, без Firefox.

    Вам предоставляется 30 дней на использование программного обеспечения и 49,99 долларов на его приобретение..

    7. CSSEdit

    Совместимость: макинтошИзвестная особенность: Рентгеновский инспектор, визуальный редактор, селектор Builder

    Создавайте красивые, инновационные и быстро загружаемые веб-сайты с красивым, инновационным и быстрым приложением, это CSSEdit by MacRabbit. CSSEdit предназначен для любого уровня знаний - от таких функций, как Selector Builder до интеллектуальной среды с исходным кодом..

    С таким отточенным редактором, как этот, вы ожидаете, что изменения в вашей таблице стилей CSS появятся в режиме реального времени, без утомительного действия загрузки-обновления. Рентгеновский инспектор также создан как функция для диагностики кода CSS из определенной части сайта..

    Инновационная часть CSSEdit вероятно его Селектор Строитель это позволяет вам описать ваш стиль CSS простым английским языком, не очень интересный для эксперта, но полезный для абсолютного новичка.

    Демо-версия ограничивает вас, чтобы сохранить файл с длиной менее 2500 символов, в то время как вы можете заплатить $ 39,95, чтобы стереть все ограничения.

    8. EngInSite CSS Editor

    Совместимость: WindowsИзвестная особенность: Инструмент измерения в режиме предварительного просмотра

    Если вы серьезный дизайнер, который заботится о правильной спецификации CSS, правильном размещении CSS, или ваша таблица стилей CSS должна быть полностью проверена, то редактор EngInSite CSS может стать вашим любимым редактором..

    В этом редакторе вы можете добавить класс, идентификатор и селектор элемента с помощью его встроенного инспектора, а также вы можете преобразовать цвет в шестнадцатеричное или RGB-значение, что является очень редкой функцией для редактора CSS. Вы можете наблюдать свой результат на панели предварительного просмотра с помощью инструментов измерения, чтобы убедиться, что каждый элемент дизайна находится в правильном положении..

    Редактор также поставляется с завершением кода, но он немного глючит, так что я бы сказал, что это полу-завершение кода. В остальном весь редактор приятно использовать, за исключением того факта, что редактор сильно устарел с точки зрения поддержки определения стилей в браузере, так как он поддерживает только определение стиля до IE6.

    9. Stylesheet Maker

    Совместимость: 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 в редактор, вы можете просмотреть только одно правило CSS одним щелчком мыши, и иногда ваш импорт может вызвать ошибку из-за его ограничения, например, отсутствие поддержки @rules. Кроме того, сам редактор не настолько гибок, так как вы можете выбрать только «Auto» или «Inherit» для свойства z-index, но не можете напрямую присвоить свойству значение.

    Тем не менее, это бесплатно и довольно удобно для дизайнера, которому нужно быстрое решение.

    Бонус: больше редакторов и инструментов

    Хотя они не являются в точности редакторами CSS, эти следующие инструменты вам могут понадобиться, когда дело доходит до редактирования CSS.

    поджигатель

    Самый популярный и мощный инструмент веб-разработки, который проверяет HTML, изменяет стиль CSS и отслеживает изменения в режиме реального времени, доступен как плагин для веб-браузера Firefox.

    Использование CSS

    Расширение для Firebug, которое позволяет сканировать несколько страниц вашего сайта, чтобы увидеть, какие правила CSS на самом деле используются на вашем сайте.

    Веб-разработчик

    Расширение Firefox, позволяющее вам делать много интересных вещей, таких как просмотр исходников CSS или отключение определенной таблицы стилей CSS для проектирования или разработки..

    Блокнот++

    Бесплатный редактор исходного кода и замена Блокнота, который поддерживает несколько языков, включая CSS. Содержит такие функции, как Завершение функций, чтобы помочь создать свой дизайн CSS.

    кода

    Расширенный текстовый редактор со встроенным редактором CSS, который предоставляет вам два режима редактирования CSS для более гибкого процесса проектирования, способного видеть результат сразу после внесенных изменений.

    IDE NetBeans

    Профессиональная Интегрированная Среда разработки с открытым исходным кодом с наиболее полной ссылкой CSS в его функции завершения кода.

    Аптана Студио

    Полная среда веб-разработки, которая сочетает в себе мощные средства разработки для HTML, CSS и JavaScript, в настоящее время поддерживает до HTML5 и CSS3.

    WebStorm

    IDE JetBrain, которая реализует соответствующее автозаполнение для всего, включая CSS, также вы можете получать уведомления о проблемах CSS на лету.