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

CSS редакторы – это редакторы, которые предназначены только для создания Каскадных Таблиц Стилей. И хотя для этих целей можно использовать полнофункциональную среду разработки или другой редактор кода – CSS-редакторы могут предложить специализированные функции и особенности, для быстрого создания качественного CSS. В этой статье, вы узнаете о наиболее популярных CSS-редакторах, доступных к использованию.Stylizer

25-01_stylizer

Stylizer является визуальным редактором CSS-кода. У него есть возможность, в режиме реального времени, просматривать изменения на веб-странице, по мере их появления. Кроме того, у него есть интерфейс point-and-click, который позволяет выделять элементы страницы простым кликом по ним, значительно упрощая редактирование CSS. Stylizer доступен только для пользователей Windows и Mac OS.

Style Master

25-02_stylemaster

Style Master – это кроссплатформенное приложение для разработки CSS, которое поставляется с большим набором возможностей, таких как автозаполнение кода прямо во время редактирования и отрисовка динамически-генерируемых страниц (таких как PHP, .NET и Ruby on Rails), а еще иерархическое представление CSS-полей. Кроме этого, здесь также имеется функция под названием Support Watcher, которая сообщает вам о потенциальных ошибках CSS для определенных браузеров.

Rapid CSS

25-03_rapidcss

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

Free CSS Toolbox

25-04_freecss_toolbox

Free CSS toolbox – это простой текстовый редактор для CSS. Он очень легковесный и простой в использовании. У него есть подсветка синтаксиса, автозаполнение кода, функция проверки CSS, CSS-валидатор и компрессор.

CoffeeCup StyleSheet Maker

25-05_coffeecup_stylesheet_maker

CoffeeCup StyleSheet Maker – это другой CSS-редактор, который предлагает множество функций для редактирования CSS, но является недостаточно гибким, для того, чтобы повысить производительность до максимального уровня. У него есть поддержка комбинаций клавиш для тэгов, классов и отступов; все, для того, чтобы вам пришлось печатать как можно меньше. Он также поставляется с большим количеством готовых кодовых сниппетов, для часто используемых CSS-стилей.

EnginSite CSS Editor

25-06_enginesite_css

EnginSite CSS Editor – это хороший CSS-редактор с «мгновенным» просмотром. Этот редактор идеально подойдет для начинающих разработчиков, которые сосредоточены на простых задачах и проектах.

CSSEdit

25-07_css_edit

CSSEdit – является «золотой серединой» между сложными редакторами для веб-разработки и очень простыми. Лучше всего, он подойдет для начинающих CSS-разработчиков или одиночных проектов.

JellyFish-CSS

25-08_jellyfish-css

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

SnapCSS

25-09_snapcss

SnapCSS – это CSS-редактор, доступный только для пользователей windows, который очень мало весит и предоставляет отличный интерфейс текстового редактора. Также, он имеет функцию «украшения» кода, которая автоматически форматирует и стандартизирует ваш CSS.

SimpleCSS

25-10_simplecss

SimpleCSS – это приложение для Mac OS, которое позволяет легко создавать таблицы стилей с нуля. В его состав входит функция импорта, которая позволяет вам объединить вместе несколько CSS-файлов, в один. Кроме этого, SimpleCSS также имеет возможность drag-and-drop, для перераспределения ваших CSS-правил, так что вы можете организовать ваш CSS-файл, так как вам удобно.

Какой CSS-редактор мы упустили?

Возможно ваш любимый CSS-редактор не был упомянут в этой статье? Расскажите о нем в комментариях. Оригинал статьи “10 Top-Notch CSS Editors“, автор Omar Abid


Posted

in

,

by

Comments

26 responses to “10 лучших CSS-редакторов”

  1. EGORR Avatar
    EGORR

    Странно и несправедливо, что в обзоре нет ни слова о TopStyle (h**p://www.topstyle4.com/), который уже много лет является стандартом в своём секторе ПО.
    Вообще подбор этих редакторов под заголовком
    10 Top-Notch CSS Editors вызывает сомнения. Если дополнить название и читать его 10 Top-Notch CSS Editors for Beginner, тогда это будет более соответствовать этому набору. Здесь представлены в большинстве визуальные редакторы, для не желающих знать CSS.
    Почему-то обойдены вниманием CSS-редакторы для линуксовой платформы.

    1. Alek Avatar
      Alek

      Согласна на все 100%, TopStyle одна из лучших программ, даст фору многим

  2. austin Avatar
    austin

    Пользюсь аналогом Rapid CSS – WeBuilder. В статье нет анализа, просто перечисление свойств.

  3. Руслан Avatar
    Руслан

    Егор совершенно прав, редактор TopStyle должен быть в списке. Я сам им пользуюсь и он на 100% меня устраивает

  4. Андрей Avatar

    ДУмал увижу в статье чтото получше своего любимого топстайл про, но не вышло. Все вышеперечисленные редакторы – шлак, без обид

  5. Александр Avatar
    Александр

    Лучшим редактором CSS (каскадных таблиц стилей) является бесспорно TopStyle Pro. Чтобы убедиться в этом, советую изучить “TopStyle. Иллюстрированный самоучитель”:

    1. Александр Avatar
      Александр

      Самоучитель здесь: http://your-step.ru/node/1

  6. .B.O.F.H. Avatar
    .B.O.F.H.

    Также не упомянули об очень простом виндовом open-source HTML/XHTML/CSS редакторе – Notepad++
    ( http://notepad-plus.sourceforge.net/ )
    Рекомендую для тех, кто пишет в блокноте 😉

    1. egorr Avatar
      egorr

      Notepad++ не является специализированным css-редактором.
      Если упоминать все приложения, которые могут подсвечивать css-код, получится трехтомник.
      А тех кто пишет в блокноте надо лечить! Да и нет сейчас таких чудил…

      1. Евген Avatar

        Есть такой чудило. Ничего страшного в этом не вижу. Зато при виде кода примерно представляешь сайт в голове. Очень удобно когда под рукой ничего из редакторов нет, кроме твоей башки.

        1. Роман Avatar
          Роман

          Тем которые пишут в блокноте не нужны никакие редакторы, так как они и есть профи(которых увы мало). Редакторы нужны тем кто неможет правильно использывать свои мозги, если они в нево есть!!!

          1. Фы Avatar
            Фы

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

          2. Дима Avatar

            ))))))))))))))) Уписался от переписи))))

  7. Артём Avatar
    Артём

    Я ждал возможность скачать редактор для создания моделей в CSS. Хотел сам создать, но…

  8. cl Avatar

    А как же NVU? Тоже зря не упомянули, мне кажется

  9. Рустик Avatar
    Рустик

    Я пользуюсь Codelobster PHP Edition.
    Это бесплатный PHP/HTML/CSS редактор с хорошим авто-дополнением и контекстной помощью по всем языкам.

  10. Данила Летуновский Avatar
    Данила Летуновский

    Самый лучший редактор это блокнот

    1. EGORR Avatar
      EGORR

      Данила Летуновский, не надо рисоваться и говорить глупости!
      Никто сейчас этой дрянью не пользуется.

      1. Terr Avatar
        Terr

        to Egorr
        Только потому, что вы не пользуетесь блокнотоподными программами, не означает, что ими не пользуется никто. Напротив, если проект уникальный, то его надо делать руками. А свои dreamweaver’ы и прочий бред оставляйте тем, кто поставил это на поток. Я уж насмотрелся того шлака, который рождается в таких программах.

        1. egorr Avatar
          egorr

          Terr, речь была о виндовой программе “Блокнот”, а не о “блокнотоподных программах”. И я не говорил ни слова о dreamweaver. Будьте точны в определениях.

          1. Alek Avatar
            Alek

            Сразу видно, как человек разбирается в верстке… Текстовый редактор порой выручает, если из проекта у вас всего пара файлов.

            Да и с цветами вам пипетка поможет. Зачем терять время, если все собрано воедино.

            Хорошо критиковать то, чем вообще не пользуешься, правда?

  11. Danti Avatar
    Danti

    TopStyle – самый лучший из всех перечисленных выше редакторов, чтобы не говорили

    1. EGORR Avatar
      EGORR

      Чистая правда! Только жаль, что автор совсем его забросил…

  12. Alex Avatar
    Alex

    Вопрос к знающим.
    Обычно для меня это ФаерБаг. После нотепада или, например, dreamweaver для старта.
    Хороший редактор для проектов, когда ты уже не допускаешь мелкие ляпы вполне поможет.
    И ВОПРОС – что для старта построение базовых CSS подойдет с предпросмотром. Задача – создание базовой стилистики или доработка существующих – шаблоны Joomla, Drupal и прочие.

    PS: Но здесь не соглашусь с Егором, скорость работы падает в разы.
    Для начала хорошо поучиться plain-text, но потом это самодовольство для школьников и студентов – в смысле времени дофига лишнего 😎 Поделитесь если у кого навалом 🙂

    Спасибо всем за советы, если что пишите на почту – скажу спасибо еще раз %)

  13. ГРИГОРИЙ Avatar
    ГРИГОРИЙ

    ПОЗВОЛЬТЕ ВОПРОС ЧАЙНИКУ? КАКОЙ РЕДАКТОР МОЖЕТ ПОКАЗЫВАТЬ ТО, ЧТО Я БУДУ КОДИРОВАТЬ? Я ХОЧУ СРАЗУ ВИДЕТЬ ТО, ЧТО Я НАТВОРЮ. ЧТОБЫ МОЖНО БЫЛО СРАЗУ ИСПРАВИТЬ.

    1. 3axapuo Avatar
      3axapuo

      Советую TopStyle Pro и Stylizer.

Leave a Reply

Your email address will not be published. Required fields are marked *