Здравствуйте! Делюсь материалом, который мне и моим коллегам очень помогает в работе.


понедельник

Обзор фотостоков

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


www.sxc.hu - огромный фотосток, в котором хранятся более 350.000 изображений. Все они представлены в большом разрешении. Разнообразные категории.
www.everystockphoto.com - поисковик среди фотостоков. Разрешение у фотографий разное. Для поиска доступно более 4.000.000 изображений.
www.stockvault.net - хороший фотосток. Разрешение у фотографий в основном большое. Среди любительских фотографий попадаются профессиональные.
www.vectorbank.ru - русский векторный фотосток. Разнообразные категории. Есть векторные фоны, рамки, грамоты, штампы и даже тангирные сетки.
www.dreamstime.com - довольно недорогой и качественный фотосток. Есть как платные, так и бесплатные фотографии. Цены начинаются от 20 центов.
www.istockphoto.com - старейший и крупнейший фотосток. Цены фотографий начинаются от 1 доллара. Кроме изображений есть видео и флэш.

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

Дополнение от 25 ноября:

Dreamstime  ShutterStock  VectorStock  CreStock  MediaFocus  123rf  bigStockPhoto

http://www.freephotosbank.com/ Большая библиотека бесплатных изображений на любой вкус.

http://www.imageafter.com/ Большая библиотека бесплатных фотографий.

freelargephotos.com Просто шикарная библиотека изображений от профессиональных фотографов. При использовании фотографий требуют указывать их автора.

http://www.stockvault.net/ Фотографии, текстуры, 3d изображения, статьи, уроки Adobe Photoshop.

pdphoto.org Сайт большей частью посвящен достопримечательностям США.

http://www.vintagepixels.com/ Любопытный ресурс. Посвящен историческим, винтажным/черно-белым фотографиям. Недостатки: неудобная навигация, поиск через форму, требуют регистрацию

http://www.abstractinfluence.com/ Советую посетить раздел Designs. Там вы найдете кучу коллажей разной тематики.

http://www.cepolina.com/ Мудреная навигация, но содержимое заслуживает внимания. Радует большое разрешение (чаще всего) и хорошее качество изображений.

http://www.openstockphotography.org/ Около 1,986,590 файлов: фотографии, иллюстрации, текстуры и т.д. Неудобная навигация и поиск.

http://www.burningwell.org/ Еще один достойный ресурс. Качественные фотографии и текстуры большого разрешения.

А также текстуры:

http://www.texturewarehouse.com/
http://amazingtextures.com/
http://www.textureking.com/
http://www.grungetextures.com/gallery/
http://www.imageafter.com/
http://www.2textured.com/main.php/
http://www.cgtextures.com/
http://www.amazingtextures.com/textures/
http://www.texturelove.com/textures/
http://www.texturez.com/
http://www.lughertexture.com/index.php
http://www.freegraphicscentre.com/Textures_g36.html
http://www.free-textures.got3d.com/index.html

Разное:

http://www.vectorbank.ru/    Векторные иллюстрации.
http://sovserv.ru/dc/other/gallery/8.html  Костюмы для монтажа и много других полезных вещей.
http://www.rapidsharegfx.com/  Много полезного.
http://www.amiro.ru/ Движок для сайтов и интернет-магазинов

Обзор CSS-редакторов

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

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

Зачем мне нужен CSS-редактор?

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

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

Некоторые редакторы также позволяют разделят части кода в отдельные папки и фильтровать стили, что упрощает работу и делает исходный код проще и понятнее. Еще одна полезная функция, мгновенный просмотр таблицы стилей в Internet Explorer или FireFox, которую трудно найти в каких-либо стандартных HTML-редакторах. Кроме того, с помощью CSS-редакторов можно легко анализировать ошибки в коде с использованием код-инспектора и анализировать стили используя так называемую "X-Ray"-функцию.

Короче говоря, основное преимущество CSS-редактора заключается в том, что он предоставляет комплексные, компактные условия для работы с CSS-дизайном и позволяет быстро и эффективно кодировать.
Так какие CSS-редакторы имеются у нас в наличии?



Xyle


Xyle (Mac)
Этот продвинутый редактор позволяет разработчикам редактировать веб-сайты на лету с использованием встроенных стилей. Вы можете изменять CSS-код, и изменения будут отображаться непосредственно в окне браузера. По сравнению с Web-Developer тулбаром, с Xyle у Вас есть такие полезные функции, как древовидный просмотр селекторов, подсветка синтаксиса и расширенное управление файлами.

В режиме браузера Вы можете просматривать сайты используя движок Сафари. В режиме Selection, кликнув на любой части веб-страницы, отображается исходный код HTML и CSS выбранного фрагмента.
В режиме Cascade, Xylescope отображает не только стили, которые применяются в настоящее время для выбранного элемента, но и все правила, применяемые к предкам выбранного элемента. При отладке с
помощью Xylescope можно просто выбрать "проблемный" элемент в режиме Cascade, чтобы посмотреть, какие стили действительно применяются и какие из них отменены, в том числе те, которые применяются для предков данного элемента. Xylescope отображает специфичные селекторы и указывает, какие стили имеют приоритет. Xylescope также предлагает интеграцию с текстовыми редакторами, такими, как BBEdit.

Цена: $ 19,95. Доступна trial-версия. Прекрасное решение без дополнительных функций, таких, как валидация, оптимизация, за  оптимальную цену.
Некоторые из возможностей Xyle
* Автоматическое форматирование
* Сопоставление селекторов
* Фильтр больших CSS-файлов с помощью смарт-групп
* Встроенный DTD-viewer
   
   
Stylizer

Stylizer (Windows)
Две вещи делают Stylizer немного отличным от других: он использует интерфейс сетки (grid interface) вместо текстового редактора, и он встроен в Firefox и IE, поэтому, когда пользователь меняет CSS, он применяется сразу же в браузере. Сеточная система позволяет CSS почувствовать себя вроде "CSS on rails", поскольку она делает невозможным какие-либо ошибки в CSS. Она позволяет Stylizer делать вещи, такие же как элемент инспектор в Firebug-е.

В Stylizer значения могут быть скорректированы на лету. Чтобы изменить высоту, отступ, или background-position, пользователь может буквально щелкнуть по value, редактировать элемент в реальном времени. Цвета также же. Пользователь может щелкнуть по ним, перетащите мышью, и посмотреть цвет текста, фона или границы в браузере, в режиме реального времени, создав наподобие "Photoshop-а для веб". Stylizer Basic является бесплатным. Полная версия (Цена: $ 69,95) не сильно отличается, однако в бесплатной версии невозможно отфильтровать таблицу стилей, чтобы показывались стили только с определенным содержанием.

 

Rapid CSS Editor


Rapid CSS Editor (Win)
Этот редактор поддерживает подсветку синтаксиса, автозаполнение и код-инспектор, который гарантирует что производимый код является правильным. Вы можете использовать встроенные в CSS и HTML-справки, чтобы быстро посмотреть синтаксис и атрибуты с учетом селекторов или тегов. Палитра позволяет дизайнерам подобрать цвет и увидеть результат "вживую", используя Style Sheet Preview для Internet Explorer и Firefox. Файловый менеджер может также позаботиться о загрузке CSS-файлов через FTP. Кроме того, вы можете использовать расширенный буфер обмена, чтобы хранить несколько готовых фрагментов кода. Редактор стоит $ 29,85. Доступна trial-версия.


Некоторые из функций Rapid CSS Editor

* Подсветкой синтаксиса для CSS и HTML документов
* CSS Checker и валидатор
* CSS Code Explorer
* Код инспектор
* Автоматическое заполнение для CSS и HTML
* Style Sheet Preview с Internet Explorer или FireFox
* X-Ray для просмотра HTML
* Соответствие CSS стандартам и различным браузерам
* Интеграция с W3C HTML и CSS валидаторами
* Встроенная в CSS справка
* Форматирование CSS кода
* CSS код-компрессор
* Поиск и Замена с поддержкой регулярных выражений
* Поиск и Замена в файлах
* Multi Item буфер обмена
* Встроенный File Explorer
* Сохранение и открытие файлов непосредственно с FTP
* Проект и сайт менеджер и FTP публикация
* Полностью настраиваемый интерфейс


   
TopStyle


TopStyle (Win)
CSS и HTML-редактор TopStyle доступен в ее Lite-версия вместе с  HTML-редактором Homesite - впрочем, есть также более сложная полная версия для профессиональных веб-разработчиков. С TopStyle разработчики получили ряд особенностей, которые недоступны в других редакторах. Например, со встроенным HTML-tidy вы можете легко перевести HTML-теги в XHTML стиль. Таким образом, заменяются теги, такие как <font>- на тег с соответствующими валидными CSS-правилами. Библиотека содержит подборки часто используемых фрагментов кода. Разбитие окна дает возможность напрямую сравнивать представление сайта в Internet Explorer и Mozilla. Вы можете также изменять Doctype-определение, с тем чтобы выяснить, каким образом различные DTDs влияют на верстку в разных браузерах.

Наверное, самым мощным инструментом в TopStyle является Style checker. Он позволяет не только проверить таблицы стилей и, соответственно, обеспечить правильный формат представления в различных браузерах. Он также может предсказать ошибки в популярных браузерах, которые могут появиться, несмотря на валидный CSS-код. Вы можете также проверить CSS-стили  W3C CSS Validation Service для исправления ошибок, которые не были найдены TopStyle.
Полная версия стоит $ 79,95. Предупреждение: lite-версия не может быть обновлен. Только для Windows.

Некоторые из функций TopStyle:
* HTML, xHTML и CSS правка в Единой программе: HTML атрибуты отсортированны так что вы можете быстро посмотреть, какие требуются.
* Простая навигация между документами: кликните на класс HTML-атрибута, чтоб перейти на определение этого класса во внешнюю таблицу стилей или нажмите на ссылку, чтобы открыть файл для редактирования. Вы даже можете нажать на <img> тег, чтобы открыть графический файл в вашем любимом редакторе изображений.
* Проверка элементов и атрибутов: Все классы определены в свои блоки стилей и внешние таблицы стилей, поэтому присвоение класса для HTML тега очень простая задача.
* Style Checker: проверка ваших стилей в нескольких браузерах, отметка каких-либо недействительных значений или свойств. Вы также можете передавать ваши таблицы стилей непосредственно в W3C CSS Validation Service, поэтому вы можете быстро проверить соответствие официальной спецификации CSS.
* Style Upgrade: быстрый, надежный способ заменить все не рекомендуемые (устаревшие) теги HTML - в том числе давно не используемый HTML-тег <font> - на эквивалентный CSS.
* HTML Tidy Integration: Сделать переезд на XHTML безболезненным с встроенным Tidy configuration, который преобразует HTML к XHTML одним кликом!
* Site Reports: Посмотрите стили, используемые на вашем сайте. Выясните, где вы применяете их или узнайте какие стили, определенные Вами, не используются.
* Full Screen Preview: Разделенный просмотр в Internet Explorer и Mozilla для мгновенного обзора различий. Вы даже можете изменить DOCTYPE каждой панели предварительного просмотра "на лету" чтобы увидеть, как различные DOCTYPE влияют на компоновку.
* Интеграция с W3C HTML Validation: Результаты проверки отображаются в TopStyle, с гиперссылкой номеров строк, который синхронизируется с TopStyle редактором.

 

CSSEdit


MacRabbit CSSEdit (Mac)
Аналогично XyleScope, CSSEdit предоставляет "real-time" редактирование таблиц стилей, даже тогда, когда используются динамические веб-приложения с использованием баз данных или AJAX. Вы можете редактировать и анализировать стили без хлопот о загрузке или обновлении (онлайн и оффлайн режиме). Selector Builder позволяет описывать элементы на обычном английском языке. Интеллектуальный CodeSense анализирует CSS и CSS-behavior чтобы предложить умный, контекстно-зависимый совет.

X-ray Inspector покажет вам, какие стили применяются к HTML-документу. Вы также можете проверить свою стили на соответствие стандартам W3C и использовать инструмент управления проектами (Milestones etc.) для улучшения Вашего рабочего процесса.

Существует EditCSS-плагин для Firefox, а также CSSEdit-bookmarklets. Вы можете начать редактирование стилей любого сайта одним нажатием кнопки в браузере, а также использовать CSSEdit для редактирования. Инструмент имеет красивый, интуитивно понятный интерфейс, который очень компактный также, и очень хорошо организован, с ним приятно работать. EditCSS стоит 29,95 евро ($ 47). Существует также пробные версии доступны для свободного скачивания.

Некоторые из функций CSS Edit
* Selector Builder
* Легкая организация папок и фильтров
* Изменение исходного кода с интеллектуальным CodeSense
* X-ray pages
* Live-привью
* Управление проектами
* Валидация
* Интеграция с веб-браузерами
   
   
Style Master

Style Master (Win / Mac)
С этим WYSIWIG-CSS-редактором каждый почувствует себя мастером, он обладает возможностями, которые позволяют выделяться из общей массы. Действительно, Style Master позволяет как новичкам, так и профессионалам создавать валидные и семантически правильные стили. Селекторы могут быть сгруппированы по алфавиту, категориям или текущим настройкам. Редактор имеет интегрированную палитру цветов, различные шаблоны, инструменты автоматизации и валидации. Таким образом, профессионалы могут работать легко и эффективно, а новичкам не нужно много времени для создания отличных веб-сайтов.

Совершенно удивительным является тот факт, что различные шаблоны, которые по умолчанию включены в редактор, на самом деле полезные - чего обычно не бывает в большинстве приложений для редактирования. Здесь вы можете просто взять CSS-макет и определить стили, - все селекторы уже имеются. Вы также можете использовать W3C-примеры стилей, которые определяет стили почти для всех HTML-тегов, например заголовков <h1>-<h6>.

Вы можете использовать все возможности Design Pane, аналогичной, X-Ray, чтобы создать свои стили. Редактор очень простой, интуитивный и понятный. Цена: $59,99. Не дешево, однако в конце вы получите эффективное и мощное средство для вашей повседневной работы. Style Master доступен как для Windows, так и для Mac. Существуют также пробные версии, доступные для свободного скачивания.

Некоторые из функций Style Master
* Помощь по поддержке браузеров
* Wizards
* Более 40 шаблонов
* X-Ray, который позволяет сразу увидеть структуру Ваших слоев
* Оптимизация кода
* Интеллектуальный CodeSense

 

Style Studio


Style Studio (Win)
Style Studio предоставляет мощный "CSS-Checker", который позволяет новичкам и профессионалам разрабатывать кросс-браузерные CSS-макеты. Разработчики могут использовать ряд вспомогательных инструментов, таких как "Smart linker" который связывает несколько CSS документов с несколькими HTML, XHTML/XML документами сразу и CSS Manager, который управляет и обновляет совместимый со стандартом код (tidy) и определяет ошибки CSS.

Редактор имеет IntelliSense технологию (для стилей и HTML) с быстрой справкой по CSS. Property Watch автоматически определяет CSS-свойство (или HTML-тег, если вы редактируете HTML-документ) и выводит полную информацию о нем.

Style Studio стоит $ 49,95 и доступен только для пользователей Windows.

Некоторые из возможностей Style Studio:
* Мощная настраиваемая подсветка синтаксиса с возможностью поиска/ замены / редактирования
* CSS Validator: обнаружение и исправление ошибок css.
* Мощный CSS Manager, который позволяет управлять, обновлять код и выявлять CSS-проблемы на вашем веб-сайте.
* Интеграция с более чем 35 редакторами HTML
* IntelliSense для стилей и HTML
* Property Watch и Instant-справка по ключевым словам css
* CSS-мастер
* Валидация XML-документов
* Интеллектуальный парсер, который обнаруживает неправильные свойства во время их ввода.
* Автоматическое обнаружение установленых браузеров
* Простое изменение CSS значений используя горячие клавиши Ctrl + Up / Down.
* Встроенная система поиска и замены.


   
CoffeeCup


CoffeeCup StyleSheet Maker (Win)
CoffeeCup StyleSheet Maker предлагает CSS-редактор, который представляет собой нечто среднее между сложным функциональным редактором и базовыми функциями для редактирования. Он похож на TopStyle, но еще явно не достиг того же уровня гибкости. Используя CoffeeCup StyleSheet Maker вы будете иметь примерно те же возможности. Цена: $ 34,00. Доступна trial-версия.

Некоторые из возможнойтей CoffeeCup:
* Встроенный CoffeeCup Website Color Schemer
* Простой CSS Font Designer, достаточно выбрать из выпадающего меню.
* Пошаговая справка при созданни стилей
* Проверка в нескольких браузерах
* 50 Style Sheet Drop Down Tags
* Class & ID Wizard для создания ваших собственных HTML-тегов.
* Создание стилей для Netscape и Internet Explorer 3.0 +

 

EngInSite CSS Editor


EngInSite CSS Editor (Win)
Если вы хотите обеспечить себе строгий и правильный CSS-код, который соответствует стандартам W3C, определенно стоит рассмотреть вариант с EngInSite. Основная задача редактора заключается в том, чтобы создавать веб-сайты в строгом соответствии стандартам, которые проходят проверку W3C. Инструмент имеет интегрированный previewer стилей, автоматизированное завершение кода, подсветку синтаксиса, объединен с W3C HTML-валидатором, имеет встроенную помощь и CSS-справку, настраиваемую и расширяемую библиотеку кода и функцию live-редактирования.

Вы можете также использовать CSS Property редактор с поддержкой динамических свойств и Selector Constructor - удобный мастер для сложных селекторов и различных инструментов кода, например, Expanding/Extract URLS, Convert Colors, Convert Code и так далее. Можно просматривать селекторы, свойства, комментарии и @-правила и добавлять / удалять HTML, такие как HTML-комментарии и CDATA секции. Цена: $ 39,95. Доступна trial-версия.

Некоторые из функций EngInSite:
* Полностью настраиваемый текстовый редактор
* Интегрированный Instant Style Sheet Preview
* Проверка синтаксиса CSS для нескольких браузеров
* Интеграция с W3C HTML валидатором
* Соответствие CSS-стандартам и различным браузерам
* Preview в различных браузерах.
* Интегрированная справочная система и встроенный в CSS-справка
* Поиск и замена с поддержкой регулярных выражений
* Визуальный редактор для различных типов данных
* Wizards для body, IE Scrollbars, списков и фона



Jellyfish CSS


Jellyfish CSS (Mac)
Будучи чрезвычайно проста и понятна, Jellyfish CSS гарантирует, что разработчики могут редактировать CSS-стили легко и быстро. Редактор имеет библиотеку кода, поддержку Code-Sense, справку по браузерам, wizards и помощь поможет вам избежать ошибок (Вам будет сообщено сразу же, если вы случайно сделали ошибку). Вы можете также использовать интегрированный Colorblender, для создания цветовой палитры. Цена: 29? ($ 47). Trial-версиz, конечно, имеется.

Некоторые из функций Jellyfish CSS:
* Code-Sense поможет вам избежать ошибок
* Поддержка Mobile Profile 1.0
* Подсветка синтаксиса
* Проверка кода во время ввода
* 3 различных типа preview
* Интегрируется с внешними программами для быстрого доступа
* Проверка стилей с W3C Validator и CSS-Tidy
* Загрузка CSS-файлов прямо из www и работа над ними
* Codesnippets
* Colourblender


   
Astyle


Astyle (Win)
Astyle является визуальным CSS-редактором, который предлагает именно то, что можно было бы ожидать из большинства инструментов редактирования. Нет дополнительных возможностей, однако есть все наиболее важные инструменты редактирования. Astyle не может не впечатлять нас некоторыми весьма полезными функциями и способностями. Цена: $ 20.

Некоторые из функций Astyle:
* Простой в использовании интерфейс
* Сгруппированные свойства и селекторы
* Автоматический выбор и группировка селекторов CSS
* Подсветка CSS, HTML, XML кода
* Очистка HTML документа с помощью CSS
* Поддержка Drag and Drop

9 лучших визуальных редакторов

Англоязычный вариант статьи на Smashing Magazine.

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

WYSIWYG-редакторы зачастую критикуются сторонниками «ручного» создания кода за раздутый, грязный и не совместимый со стандартами исходный код, который эти редакторы производят. Однако в последнее время WYSIWYG-редакторы стали намного лучше. Иногда вам нужно предоставить своим клиентам самые простые инструменты для редактирования или обновления своих веб-сайтов. И как раз тут WYSIWYG-редакторы незаменимы.

Было бы неправильным рекомендовать вам некоторые "лучшие" редакторы, потому что выбор всегда зависит от ваших нужд, основных целей, навыков и опыта. Поэтому в этой статье мы попытались дать вам обзор разных, полезных и не очень WYSIWYG-редакторов.
Надеемся, Вы найдете новые редакторы о которых вы никогда не слышали раньше. Или, может быть, вы найдете некоторые функции, которые вы пропустили в Вашем любимом редакторе, или рискнете поэкспериментировать с рядом перспективных вариантов для улучшения вашего рабочего процесса. Кроме этого, вы можете узнать, какие редакторы можно использовать и какие инструменты вам не следует использовать.

Что же означает WYSIWYG?

В таких редакторах можно изменять не исходный код ваших документов, а его представление, которое (по-возможности) будет опубликовано в итоговом документе. Таким образом, вместо написания блоков кода вручную, вы управляете проектированием при помощи компонентов, используя окно редактора. Это означает, что Вы видите что-то очень похожее на конечный результат, хотя документ или изображение еще только создается.

Примечание: эта статья содержит рецензии только desktop-ориентированные WYSIWYG-редакторы, которые работают под Windows, Linux или Mac и не дает обзор WYSIWIG-редакторов на JavaScript.



Adobe Dreamweaver


Dreamweaver (Win / Mac)
   
Ранее продукт Macromedia, Dreamweaver - это инструмент который является одним из наиболее широко используемых редакторов, которые могут помочь разработчикам улучшить рабочий процесс и сэкономить массу времени при кодировании. Если предыдущие версии Dreamweaver, иногда генерировали причудливый исходный код, то последняя версия может генерировать (в большинстве случаев) совершенно чистую разметку.

Dreamweaver также предоставляет различные полезные инструменты, такие как, библиотеки фрагментов кода, ftp управление, сервер отладки и комплексного кодирования. Например, Вы можете просматривать CSS информацию в единой, унифицированной CSS панели, что позволяет легко увидеть стили применительно к конкретным элементам, определить, где атрибуты определяются и редактировать существующие стили. Смотрите также наш список обучающих материалов по Dreamweaver. Цена: $ 400 (версия CS3).

Некоторые из многочисленных возможностей Dreamweaver:
     * Расширенное CSS редактирование
     * Integrated coding environment
     * Spry framework для Ajax
     * Проверка совместимости браузеров.
     * Интеграция с Photoshop CS3 и Fireworks.
     * Code snippets (например, CSS форматов)
     * Управление FTP
     * Поддержка XML
     * Поддержка FLV
     * Обучающие ресурсы (например, Adobe CSS Advisor)
     * Многочисленные расширения для Dreamweaver.



Amaya


Amaya (Win / Mac / Linux)   
Что действительно делает Амайя непохожей на остальных, то что это гибрид веб-браузера и редактора веб-страниц, таким образом, Вы можете просмотреть страницы в Интернете и редактировать Ваши страницы в одном и том же приложении. Созданный WWW-консорциомом, этот инструмент позволяет управлять веб-сайтами, изменять и обновлять их содержание, добавить новые изображения и ссылки. Конечно, если Амайя сможет отображать эти страницы.
   
Последняя версия редактора, Амайя 10, была выпущена в феврале 2008 года. Он способен работать с нескольких документах одномременно ((X)HTML, MathML(. Mml) и SVG (. Svg) документы, могут быть отображаться и редактироваться одновременно). Например Вы можете вставить математические формулы, с помощью pop-up: Амайя преобразует их через Math-ML "на лету".

Амайя также включает в себя объединенное приложение аннотаций (аннотации, внешние комментарии, примечания, замечания, которые могут быть прикреплены к любому веб-документу или отдельной части документа) и он поддерживает SVG, RDF и XPointer. Open-source.



Rapidweaver


RapidWeaver (Mac)
RapidWeaver является мощным, основанным на шаблонах, инструментом для создания веб-сайтов, который может генерировать страницы разного рода, такие как, например, текстовые страницы, блоги, контактные формы, графические галереи и Flash слайд-шоу, а также имеет встроенный в FTP-менеджер и интеграция с iPhoto и .Mac.
   
Редактор включает в себя подкастинг, встроенные комментарии, RSS-ленты, permalink и поддержку тегов. RapidWeaver также будет SEO-дружелюбен. Он также имеет много мощных функций, таких как модифицирование тем, php-рендеринг, mix and match WYSIWYG and HTML, smart publishing, XHTML and CSS based site output, просмотр исходного кода, встроенная проверка ошибок. Все шаблоны основаны на XHTML и CSS. Что является замечательным так это то, что RapidWeaver генерирует код валидный. Цена: $ 49.



Adobe Contribute


Adobe Contribute
   
Основная цель Adobe Contribute, является возможность редактирования веб-сайтов и блоги для пользователей не имеющих каких-либо технических знаний. Contribute CS3 позволяет авторам обновить существующие сайты и блоги, сохраняя целостность сайта. Contribute предлагает интеграцию с Dreamweaver, дает возможность размещения материалов с Microsoft Office и редактирования из IE 7 и Firefox.
С этим WYSIWYG-редактором, авторы могут изменять или обновлять любой веб-сайт или блог без необходимости изучать HTML. Цена: $ 169 (версия CS3).



Adobe Golive


Adobe Golive (Win / Mac)

В апреле Adobe прекратила разработку и продажу GoLive 9. Adobe GoLive рекомендует пользователям перейти на Dreamweaver, после чего Вам, вероятно, не следует рекомендовать GoLive (на самом деле удивительно мощный инструмент редактирования, (см. ниже) для ваших клиентов.

Некоторые Adobe GoLive 9 возможности:
    * Designer styles
    * Visual CSS layout
    * Place command
    * Adobe InDesign® integration
    * Color management
    * Platform support
    * Site management tools
    * Publish Server
    * Smart Objects



Microsoft Expression Web


Microsoft Expression (Win)
   
В свое время подвергшийся резкой критике за его действительно плохой веб-редактор (Frontpage), Microsoft недавно создал редактор, Expression, который кажется, наследовал многое из его предшественников. Expression попытался создать комфортную обстановку для интернет-пользователей, с чертами, которые являются чрезвычайно похожими на Adobe Dreamweaver. Однако, при прямом сравнении Dreamweaver предлагает больше и производит более чистой код. Тем не менее, Expression производит достойный, совместимый со стандартами код и знает, как работать с CSS и CSS-макетами.

Studio edition с прочими программными приложениями (graphic design tool, video encoding tool т.д.) стоит прим. $500. Одна лицензия Expression стоит $350. Вы можете получить Expression, обновив Frontpage и тем самым сэкономив деньги. Trial-версию на 60 дней можно загрузить бесплатно, однако требуется регистрация.

Обратите внимание: Expression не преемник Frontpage, это довольно разные инструменты разработки. Microsoft Expression имеет большее сходство с Microsoft SharePoint Designer, это скорее конструктор ориентированный и направленный на обеспечение общей веб-разработки. Microsoft SharePoint Designer делает акцент на разработке и адаптации к SharePoint-based сайтах, его можно рассматривать как старшего брата Frontpage.

Некоторые Microsoft Expression возможности:
    * ASP.NET 2.0 Integration
    * Advanced CSS rendering
    * XPath Expression Builder
    * Build and format views of industry-standard XML data
    * Tag Property Grid
    * Accessibility Checking
    * Real-time Standards Validation
    * Full Schema Support

 

NVU


NVU(Win / Mac / Linux)

Этот редактор должен стать реальной альтернативой доминирующим продуктам: WYSYWIG-редактор для Linux, Microsoft Windows и Mac, мог бы соперничать с FrontPage и Dreamweaver. А в некоторых аспектах Nvu действительно предоставляет больше возможностей, чем можно было ожидать от абсолютно бесплатного программного обеспечения.

Nvu (произносится как N-view, от "new-view - новый взгляд") предлагает интегрированный FTP-менеджер, мощную поддержку для форм, таблиц и шаблонов, и он действительно очень прост в использовании. CaScadeS, хорошо известный редактор CSS, как дополнительный модуль интегрируется в Nvu и позволяет легко создавать и управлять стилями и видеть как применяются Ваши стили "на лету" в документе Вы изменяете.

Nvu является open source и выпускалась под Mozilla Public License (MPL). К сожалению, развитие NVU не продолжается в последние лет. Усовершенствованную версию NVU можно взять тут - KompoZer.

Некоторые из возможностей NVU:
     * Сайт-манаджер позволяет просматривать сайты, которые вы создаете.
     * Поддержка XML.
     * Встроенный валидатор.



Kompozer


KompoZer (Win / Mac / Linux)
   
Этот инструмент является ответвлением от NVU, которая была разработана после того дальнейшее развитие NVU замедлилось. KompoZer является веб-авторской системой, которая сочетает в себе менеджер для веб-файлов и WYSIWYG-редактор.

KompoZer чрезвычайно прост в использовании, что делает его подходящим решением для пользователей, которые хотят создавать сайты без получения технических знаний. По сравнению с NVU, Kompozer производит чистый код разметки.
   
Последняя версия была выпущена в августе 2007 года. Kompozer может рассматриваться в качестве альтернативы для небольших проектов и для пользователей, без технических знаний. Но она, безусловно, слишком слаба для профессиональных веб-разработчиков.



Microsoft SharePoint Designer


Microsoft SharePoint Designer 2007 (Win)
   
Это преемник Microsofts Frontpage. SharePoint Designer является стандартом WYSIWYG-редактора. Помимо поддержки интерактивных страниц ASP.NET, он не предлогает что-то революционное. Бесплатные trial-версия доступна. Существует online-версия, которая требует Internet Explorer и большого терпения.

Некоторые из возможностей Sharepoint:
    * support for interactive ASP.NET pages
    * create Data Views from RSS, XMl, Office XML
    * collaborate with the built-in Workflow Designer
    * CSS tools
    * track customized pages
    * spelling checker
    * SharePoint Server 2007 integration

 

12 самых популярных редакторов кода от Smashing Magazine

Для редактирования HTML и CSS-кода достаточно только простого текстового редактора - остальное зависит от ваших навыков и опыта. Вместе с тем, чтобы сделать вашу жизнь немного легче, вы можете использовать более удобные редакторы исходный кода с "продвинутыми" функциями для редактирования. Эти функции могут эффективно помогать Вам в процессе кодирования, отладки и тестирования. Современные мощные редакторы предоставляют разработчикам огромные мозможности, такие как подсветка синтаксиса, сравнение, макросы, плагины, возможности предварительного просмотра и FTP-менеджеры. Некоторые редакторы идут еще дальше и предлагают полностью интегрированную среду разработки с многочисленными возможностями и функциями.
В списке ниже, представлен обзор 12 популярных, а также ранее неизвестных, но от этого не менее полезных редакторов исходного кода; вы, возможно, обнаружите здесь и ваш любимый редактор или редактор который Вы когда то использовали. Но вы также, наверняка, откроете для себя и неизвестные ранее варианты, которые, безусловно, заслуживают внимания при выборе оптимального редактора.

Некоторые из "древних" текстовых редакторов, такие, как EMacs или Vi до сих пор еще живы и добились значительного прогресса в последнее время. Мы представили их ниже, доказав, что, иногда, довольно старые редакторы действительно лучше чем некоторые из "свежих". Позиция редакторов в списке является случайной и не всегда соответствуют нашей личной оценки редакторов.

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

SubEthaEdit


Subethaedit (Mac)
SubEthaEdit был ранее мало известен, но он очень мощный и легкий текстовый редактор. Что делает редактор отличным от остальных, так это то, что его основной акцент делается на совместную разработку веб-приложений. Например, при использовании редактора вы можете посмотреть, какие изменения были сделаны другими разработчиками в их или в ваших документах. Когда в исходных файлах вашего проекта происходят изменения, инструмент немедленно сообщает Вам это в главном окне.

Редактор включает в себя многочисленные "фичи", таких как UNIX-утилита для работы с командной строкой, полностью настраиваемая пользователем подсветка синтаксиса через стили, возможность редактирования файлов в качестве администратора, расширенная поддержка AppleScript, с тем чтобы контролировать совместные функции. Один из лучших выборов для процесса совместного кодирования. Цена: $ 29. 30-дневная trial-версия.

Некоторые из функций Subethaedit:
    * Share documents with Bonjour
    * Collaborating
    * AppleScript menu and manipulate text with AppleScript
    * Safari-powered live-updating HTML preview
    * Autocompletion
    * Splitview
    * Integrates with FTP clients as external editor
    * Customizable syntax highlighting

Aptana Studio


Aptana Studio (Win / Mac / Linux)
На самом деле, Aptana Studio является относительно новым, но уже известным IDE (интегрированная среда разработки) для создания веб-приложений с использованием Ajax. Aptana помогает при работе с JavaScript, HTML, DOM и CSS. Редактор высоко настраиваемый и расширяемый. Имеется также отладка ошибок и предупреждений. Вы можете также использовать различные Aptana-плагины, которые предоставляют удобные инструменты для работы с Ruby on Rails, PHP, Adobe AIR, и Apple iPhone.

Aptana также включает некоторые популярные Javascript-библиотеки (Adobe Spry, Prototype, MochiKit, YUI, Mootools, Dojo Toolkit, JQuery, Scriptaculous), a также JSON (JavaScript Object Notation) редактор.
Aptana Studio, несомненно, может считаться профессиональным и мощный редактором исходного кода.

Редактор доступен в двух версиях: Community edition и Professional Edition со всеми функциями и поддержкой. Community edition - open source. Расценки на Aptana Studio Pro, плагин, который расширяет open source версию, начинаются с $ 99.

Некоторые из функций Aptana :
    * Visual ScriptDoc позволяет легко изучить иерархию вашего кода.
    * FTP support
    * CSS Preview
    * CSS, JavaScript, HTML and DOM coding assistance
    * Интеграция с Firebug для Firefox
    * Snippets allow you to quickly insert common and frequently-used text into your documents

UltraEdit


Ultraedit (Win)
UltraEdit, вероятно, наиболее "продвинутый" и, следовательно, не самый "легкий" текстовый редактор. Он и текстовый, и HTML, и HEX редактор и продвинутый PHP, Perl, Java и JavaScript редактор для программистов. По сравнению с другими редакторами, Ultraedit также включает в себя возможность использования регулярных выражений, быстрые клавиши, сворачивание кода, макросы, SSH/Telnet, многострочный поиск и замену и поддержку юникода.

Это очень популярный редактор, в настоящее время уже выпущена 14 ее версия. Ultraedit стоит $49,95. Если вы ищете редактор для веб-разработки со множеством дополнительных функций, Ultraedit является первым вариантом для рассмотрения.
Некоторые из функций UltraEdit:
     * Сворачивание кода
     * Поддержка Unicode
     * Возможность редактирования файлов более 4 Гб, минимум использует RAM даже для несколько-мегабайтных файлов
     * Многострочный поиск и замена
     * 100000 слов проверки правописания, поддерживает иностранные языки (американский английский, английский, голландский, финский, французский, немецкий, венгерский, итальянский, испанский и шведский)
     * Подсветка синтаксиса - конфигурируемый, заранее настроеный для C/C++, VB, HTML, Java и Perl, с специальными опциями для FORTRAN и LaTex. Различные библиотеки слов доступны для свободного скачивания.
     * FTP клиент. Включает поддержку SFTP (SSH2)
     * SSH/Telnet
     * Project/workspace поддержка
     * Интегрированный скриптовый язык для автоматизации задач
     * Настраиваемые "горячие" клавиши
     * Шестнадцатеричный редактор позволяет редактировать любые двоичные файлы, показывает двоичный и ASCII вид
     * Шаблоны
     * HTML-toolbar, настроенный для популярных HTML-функций.

Komodo Edit

Komodo Edit (cross-platform)
Komodo Edit является open-source средой, которая была разработана для программистов, которые нуждаются в редакторе для нескольких языков и с широкими функциональными возможностями. Редактор включает в себя широкий спектр поддерживаемых языков (Perl, PHP, Python, Ruby, Tcl) и платформ (Linux, Mac OS X и Windows). Как  и Комодо IDE, Komodo Edit также поддерживает клиентские языки, такие как JavaScript, CSS, HTML и XML.

Учитывая, что Komodo Edit является бесплатным и предлагает функциональные возможности, которые недоступны во многих коммерческих продуктах, он является весьма впечатляющим профессиональным редактором для динамических языков и его, безусловно, стоит испробовать. Возможно, Вы также захотите рассмотреть Комодо IDE (цена: $ 295), который является кроссплатформенной и мультиязычной средой разработки веб-приложений.

Некоторые из функций Komodo Edit:
    * support for all major scripting languages
    * in-depth autocomplete and calltips
    * multi-language file support
    * syntax coloring and syntax checking
    * Vi emulation
    * Emacs key bindings
    * code snippets and code folding
    * project manager
    * XPI Extensions support provides the same capability as Firefox, with all standard Mozilla APIs
    * multi-user support and many more.


Eclipse

Eclipse (Java / cross-platform)
Eclipse является open-source интегрированной средой разработки (IDE). Первоначально, Eclipse предназначался для использования Java-разработчиками, однако, поскольку пользователи могут расширить свои возможности за счет установки многочисленных плагинов, Eclipse широко используется профессиональными разработчиками различных направлений. Например, имеются плагины для C и C++ (CDT-проект), Perl, PHP, ColdFusion, Ruby, Python и C #.

В Eclipse вы наверняка найдете все функции, которые вы ожидаете от профессионального редактора кода. Тем не менее, вы найдете также многое другое. Например, рефакторинг, расширенный поиск, быстрая навигация, синхронизация с CVS, сохранение действий (вы можете назначить действия, которые выпоняться в файле каждый раз, когда Вы его сохраняете), расширенный инструмент для сравнения и многое-многое другое. А чтобы повысить производительность, попробуйте Mylyn extension. Eclipse имеет очень мощное и гибкое решение, которое определенно должно быть рассмотрено профессиональными разработчиками.

Screem

Screem (Linux)
Screem является средой для веб-разработки HTML/XML-документов. Его назначение заключается в том, чтобы увеличить производительность при построении сайта, предоставляя быстрый доступ к часто используемым функциям. Хотя он написан для использования вместе с GNOME desktop средой, он не потребует от вас что бы он был запущен, надо лишь установить библиотеки.

Screem имеет такие функции, как передовую поддержку CVS, проверку неработающих ссылок, intelligent code completion и поддержку регулярных выражений. Вы также можете скопировать контент из веб-браузера и html, который был выделен будет вставлен, а не только текст. Последняя версия была выпущена в 2005 году, однако его по-прежнему стоит рассматривать при использовании Linux.

Некоторые из возможностей Screem:
    * Broken Link Checking
    * CTags Support
    * CVS Support
    * Document Structure Display
    * Helper Applications
    * Inline Tagging
    * Page Previewing
    * Page Templates
    * Spell Checking
    * Syntax Highlighting
    * Wizards


Arachnophilia

Arachnophilia (Java / all)
Arachnophilia является бесплатным редактором, который был впервые опубликован в середине 90s. Инструмент является мощным редактором с рядом специальных характеристик для создания и редактирования HTML. Редактор содержит RegExp функции и функциональность для сравнения текста. Он не предлагает нечто революционное, но он кросс-платформенный. Последняя версия 5,3 был выпущена в марте 2008 года.

Некоторые из возможностей Arachnophilia:
    * HTML-валидатор помогает Вам найти и исправить структурные ошибки на Ваших страницах
    * Code Beautifier
    * Spell Checker
    * Advanced FTP Operations


CoffeeCup HTML Editor

CoffeeCup (Win)
Этот редактор был впервые выпущен в 1996 году и регулярно обновляется с тех пор. Последняя версия предлагает завершение HTML и CSS-кода, проверку зависимых документов и 40 CSS / XHTML макетов. Встроенный  WYSIWYG-редактор следует избегать так как генерирует не очень чистый код. Однако, сам редактор основное внимание уделяется производству чистой и качественной разметки. Мощный, но не ошеломляющий. Цена: $49. Доступны пробные версии.

Некоторые из возможностей Coffeecup:
    * HTML & CSS Code Completion
    * Quick Tag Help
    * Project Management
    * Graphics Collections
    * Wizards
    * Built-in SiteMapperCreator


EditPlus

EditPlus (Win)
EditPlus является легким текстовым редактором, HTML-редактором и редактором исходного кода для Windows. Он может служить хорошей заменой Notepad, но он также предоставляет множество мощных функций для авторов веб-страниц и программистов. Отличительной особенностью EditPlus является поддержка определяемых пользователем инструментов, файлы справки.
Среди прочего можно также использовать многострочный поиск и замену с использованием регулярных выражений, автоотступы, сварачивание кода, интегрированный компилятор, интегрированный shell и интегрированный веб-браузер. Последняя версия была выпущена в апреле 2008 года. Цена: $35. Существует также trial-версия.

Некоторые из возможностей EditPlus:
    * integrated Web browser for previewing
    * Ruler
    * Auto-completion
    * Powerful search and replace
    * Multiple undo/redo
    * Spell checker
    * Customizable keyboard shortcuts


Emacs

Emacs (22 операционные системы, в том числе Linux, Mac OS X и Windows)
Emacs (Editor MACroS) является классическим и старейшим из Linux-редакторов. Он является старейшим (1976) и самым авторитетным, из представленных в этом обзоре. Существует большое количество расширений, которые добавляют дополнительные функции, в том числе такие как планировщик проектов, почта и news reader, отладчик интерфейса, календарь и многое другое.

Редактор популярен из-за его встроенных макросов и мощной поддержке "горячих клавишей", которые делают редактирование текстовых документов весьма эффективным. Тем не менее, нужно потратить довольно много времени на изучение его возможностей, особенно для новичков. Можно также рассмотреть GNU Emacs и XEmacs, которые являются продвинутыми, с открытым исходным кодом и кросс-платформенными версиями Emacs. Emacs является бесплатной и выпускается по GNU-лицензии.

Некоторые из возможностей Emacs:
    * Many Languages
    * Встроенная документация, включая учебное пособие для новичков.
    * Highly customizable, using Emacs Lisp code or a graphical customization interface.
    * Content-sensitive editing modes


Adobe HomeSite


Adobe HomeSite (Win / Mac)
HomeSite когда-то был одним из ведущих редакторов кода широко используемым среди разработчиков. Многое произошло с тех пор: HomeSite был куплен Adobe, где он не имеет большого значения сегодня. Вместе с тем, HomeSite имеет некоторые функции, такие как управление проектами, комплексный CSS редактор, код snippets, тег инспектор, завершение тегов, макро-рекордер, folder deployment, автоматическое резервное копирование, расширяемый пользовательский интерфейс и интеграция с Fireworks.

Macromedia HomeSite + входил в Macromedia Dreamweaver. Программа может быть приобретена в Adobe за $99. Мощный и полезный, даже если он в действительности и не используется часто.

Некоторые из возможностей Homesite:
    * Macro Recorder
    * Tag Editor
    * Tag Insight and Tag Completion
    * Tag Inspector and Tag Tree
    * XHTML 1.0 Support
    * Enhanced Code Snippets
    * Code Snippets
    * Productivity Wizards
    * Integrated CSS Editor
    * Secondary Files Tab
    * Project Management and FTP
    * Find & Replace/li>
    * Auto Backup
    * Multi-Language Validator
    * Code Formatting

Notepad++

Notepad++ (Win)
Бесплатный, продуманный редактор исходного кода, замена Notepad, который поддерживает несколько языков программирования, работает под MS Windows. Редактор может использоваться как в качестве продвинутого редактора кода, так и простого текстового редактора, который легко настраивается и предоставляет много функциональных возможностей, которые имеются в элитных коммерческих продуктах. Альтернатива: Notepad 2.
От себя могу добавить, что это лучший из редакторов. которыми я когда-либо пользовался.

Некоторые из возможностей Notepad++:
    * Syntax Highlighting and Syntax Folding
    * User Defined Syntax Highlighting
    * Auto-completion
    * Multi-Document
    * Regular Expression Search/Replace supported
    * Full Drag’n’ Drop supported
    * Zoom in and zoom out
    * Multi-Language environment supported
    * Macro recording and playback





Web-инструменты для оптимизации CSS

Оптимизаци и сжатие.


CSS Optimizer

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

Clean CSS


Clean CSS базируется на CSSTidy. Вы можете установить нужный уровень сжатия и настройки сжатия. Он создает отчет чтобы потом показать Вам что именно изменилось. Также проверяет CSS форматирование и оптимизацию, которая используется в последней версии CSSTidy (1.3dev).

CSS Drive gallery-компрессор CSS

CSS Drive gallery-компрессор CSS имеет два режима, Regular и Advanced (который имеет несколько параметров, которые можно настроить). Вы можете удалять комментарии или обрезать комментарии, которые превышают определенный размер, сохраняя, таким образом, короткие комментарии. Regular режим идеально подходит для тех, которые не слишком требовательны - просто выбраете между Light, Normal и Super Compact сжатием и вы будет готово.

Online CSS Optimizer

Online CSS Optimizer - это еще один простой инструмент оптимизации CSS на основе CSS-оптимизатора для OS X и Linux. У вас есть два способа ввода вашего CSS: либо через текстовое поле, предусмотренное на странице, либо указав ссылку к Вашим стилям. Если Вы захотите откатить назад сжатие CSS - это можно сделать с помощью Uncompress CSS application на сайте.

CSS Compressor

Еще один популярный CSS-инструмент для сжатия - CSS Compressor, (исходный PHP-код CSS Compressor-а). Там есть множество вариантов сжатия, которые можно установить, это касается цвета, измерений, правил и CSS-свойств. CSS компрессор также предоставляет полезную Combine утилиту для одновременного комбинирования и сжатия до трех отдельный CSS-файлов.

flumpCakes Style Sheet Optimizer

flumpCakes Style Sheet Optimizer является еще одним инструментом для оптимизации и форматирования. Он позволяет Вам выбырать сочетания атрибутов фона, шрифтов, списков и границ, и Pretty Print опцию, которая стандартизирует формат кода. Одной из лучших функций является Backlink-функция, которая предоставляет вам URL, который Вы можете добавить в закладки и вернуться в любое время чтобы просмотреть Ваши стили в сжатом состоянии.