Категории

Лучшие ресурсы и инструменты для верстальщика

Лучшие ресурсы и инструменты для верстальщика

список ресурсов.
список инструментов верстальщика.
Списки постоянно будет дополняться, в том числе за счет ваших комментариев.
РЕСУРСЫВалидаторы
validator.w3.org/ – Проверка html кода на соответствие заявленным стандартам.
jigsaw.w3.org/css-validat... – Проверка css кода на соответствие заявленным стандартам.
microformatique.com/optim... – Проверка микроформатированного кода.
Справочные ресурсы
htmlbook.ru/ – Посвящен языку HTML, CSS, веб-дизайну, графике и процессу создания сайтов. По сути это очень хороший справочник.
rmcreative.ru/blog/tag/CS... – Здесь появляются новости, статьи со многих блогов. Регулярные обновления.
habrahabr.ru/blogs/css/ – Сss блог.
xhtml.ru – Отличная подборка статей. Описание наиболее популярных методов вёрстки сайтов.
www.brunildo.org/test – Сss тесты и эксперименты. Очень много интересного и полезного для начинающих и профи.
umade.ru/ – Советы и приёмы вёрстки сайтов.
designformasters.info/ – Сайт Design For Masters посвящен всему, что касается разработки сайтов.
css-school.ru/ – Школа CSS (3)
vremenno.net/html-css/ – Статьи по вёрстке и web – дизайну.
html5please.com/
caniuse.com/
Кроссбраузерность
browsershots.org/
Работа с графикой
www.smushit.com/ysmush.it...
ИНСТРУМЕНТАРИЙТекстовые редакторы
Notepad++ – notepad-plus.sourceforge....
Textmate под Mac, E или Intype под win.
Adobe Dreamweaver
FAR+colorer
HTMLPad – www.blumentals.net/htmlpa...
TopStyle – www.newsgator.com/Individ...
PHPStorm – www.jetbrains.com/phpstor...
Sublime Text – www.sublimetext.com/
Zen Coding – code.google.com/p/zen-cod...
Графические редакторы
PhotoShop
ImageReady

GIMP
Paint.NET
Оптимизация графики
pngout – Уменьшает размер png, в IE приводит png в нормальный вид(иногда png в ие темнее чем надо)
pngnq – Переводит из png-24 в png-8, что уменьшает размер, сохраняя полупрозрачные пикселы. В IE6 полупрозрачные пикселы становятся полностью прозрачными.Не всегда возможно применение.
КроссбраузерностьБраузеры
Internet Explorer 7, 8 (IE tester – www.my-debugbar.com/wiki/... или IECollection (www.joomla-ua.org/content... – Коллекция эксплореров от 1,5 до 8,0 + дебагер
Mozilla Firefox
Opera
Safari
Google Chrome
Плагины для FF
Firebug – firebug.ru/
Web Developer – www.webdeveloper.com/
Html Validator – htmlvalidator.sourceforge...
Pixelperfect – pixelperfectplugin.com/
Tilt – blog.mozilla.com/tilt/
Разное
eye-dropper – Определение цвета на мониторе (instant-eyedropper.com/)
eye – Определение цвета на мониторе.
NuSphere PhpED
NuSphere PhpED представляет собой программный продукт для формирования приложений с применением возможностей баз данных и кодов класса PHP, HTML, XML, CSS. Эта интегрированная программная среда объединяет все нужные опции. Вы сможете найти здесь и издатель, и профилировщик, и отладчик PHP. Использование системы позволит вам применять возможности инструментальных средств, сервисов SOAP и редактора Unicode. В NuSphere PhpED предусмотрена удобная и информативная система подсветки кода — она доступна для использования в языках PHP, XML, XHTML, HTML, CSS, JavaScript. Безопасность закачек и загрузок в этом редакторе обеспечивается поддержкой SFTP. Для удаленного администрирования обеспечены SSH терминалы. Профессиональный редактор NuSphere PhpED поддерживает возможности MySQL. Интерфейс пользователя можно настроить по своему усмотрению. Вы сможете анализировать ошибки в автоматическом режиме, проверять сам код и использовать другие возможности, которых в этом редакторе более, чем достаточно.
скачать: http://www.nusphere.ru/download/

WYSIWYG Редакторы для веб-диза

NVU

Домашняя страница: http://nvu.mozilla-russia.org/
Описание: NVU это Open Source проект Linspire по созданию визуального (WYSIWYG) HTML редактора. Как и для Firefox и Thunderbird основой для создания NVU послужила часть кода выделенного из Mozilla - код Mozilla Composer. К созданию NVU был привлечен главный архитектор Mozilla Composer - Дэниел Глазман. На сегодняшний день NVU имеет уже достаточно много возможностей отсутствующих в оригинальном Mozilla Composer. Это Менеджер сайтов, позволяющий редактировать страницы на удаленном сервере, встроенный Редактор CSS c предварительным просмотром стилей, цветная подсветка синтаксиса в режиме редактирования кода, проверка орфографии и многое другое. Разработчики обещают поднять его функциональность до уровня FrontPage и Dreamweaver.
Лучшие ресурсы и инструменты для верстальщика

Web Development Studio

Домашняя страница: http://delphiworld.narod.ru/wds.html
Описание: Web Dev Studio 2.0 - - для разработки web-сайтов (HTML, PHP, Perl, CSS, JS, VBS, ASP, SSI, Curl, VRML, WML)

Лучшие ресурсы и инструменты для верстальщика
Текстовые редакторы с подсветкой

Notepad++

Домашняя страница: http://notepad-plus.sourceforge.net/ru/site.htm
Описание: Notepad++ это бесплатный редактор текстовых файлов (замена стандартного Блокнота) с поддержкой синтаксиса большого количества языков программирования, ориентирован для работы в операционной системе MS Windows.
Этот проект базируется на компоненте Scintilla (очень мощном компоненте для редактирования) написанном на C++ с использованием только Win32 API и STL (что гарантирует максимальную скорость выполнения при минимальном размере программы), распространяется под лицензией GPL.
Это полноценный проект. Однако, как вы можете заметить - это проект одного человека, и в нем возможны ошибки и недостаток функциональности. Если у вас есть вопросы о данном проекте, пожалуйста, оставляйте их на форуме. Если у вас есть идея и вы хотите добавить новую возможность в программу, вы всегда можете сделать запрос, но я не даю никакой гарантии, что это будет реализовано.
Основные особенности Notepad++ :
Подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования
Поддержка большого количества языков (C, C++, Java, XML, HTML, PHP, Java Script, ASCII, VB/VBS, SQL, CSS, Pascal, Perl, Python, Lua, TCL, Assembler)
WYSIWYG (печатаешь и получаешь то, что видишь на экране)
Настраиваемый пользователем режим подсветки синтаксиса
Авто-завершение набираемого слова
Одновременная работа с множеством документов
Одновременный просмотр нескольких документов
Поддержка регулярных выражений Поиска/Замены
Полная поддержка перетягивания фрагментов текста
Динамическое изменение окон просмотра
Автоматическое определение состояния файла
Увеличение и уменьшение
Заметки
Выделение скобок при редактировании текста
Запись макроса и его выполнение
Лучшие ресурсы и инструменты для верстальщика

Komodo EditДомашняя страница: http://www.activestate.com/komodo_edit/
Описание: Komodo Edit — бесплатный текстовый редактор для динамических языков программирования, изданный компанией-разработчиком ActiveState. Начиная с версии 4.3.0, распространяется под свободной тройной лицензией Mozilla — MPL, GNU GPL и GNU LGPL.
Komodo Edit унаследовал много свойств от коммерческой Komodo IDE, такие как широкий диапазон поддерживаемых языков (Perl, PHP, Python, Ruby, Tcl) и платформ (GNU/Linux, Apple Mac OS X, Microsoft Windows NT 5.0+). Так же как и Komodo IDE, Komodo Edit поддерживает JavaScript, CSS, HTML, и XML.
Он был разработан для программистов, которым необходим мульти-языковой редактор с широкой функциональностью, но без характерных функций IDE, таких как отладчик, DOM-редактор, интерактивные оболочки, контроль проектов и контроль исходного кода.

Лучшие ресурсы и инструменты для верстальщика

Надеюсь, эта тема кому - нибуть поможет.
;)

Notepad++ шикарная вещь)

вот бы под Ubuntu аналог Notepad++ ато Kate не совсем подходит, устраивает даже gedit, но он у меня на удаленном сервере всегда просит ввести пароль, который всегда не подходит а на локальном сервере работает без проблем

Под убунтой я юзал bluefish. Хотя многие наворачивают gedit и его юзают.

Самое лучшее notepad++. Хотя сейчас с изучением php стал юзать NetBeans. там много плюшек интересных, да и поддержка smarty есть.

NetBeans -IDE, среда разработки
notepad++ - текстовый редактор, с подсветкой синтаксиса

естественно в IDE будет больше плюшек

Обновил ссылки! :)

Intype - на уровне бетки 3 версии, если не ошибаюсь можно юзать бесплатно. далее будет платным. давно за ним слежу, еще когда разработка затягивалась на долгий срок...
а так редактор отличный получается. буду его июзать, как норм версию будет.
ссыль на офсайт http://inotai.com/intype/

Еще стоит добавить в список NuSphere PhpED. очень достойный софт.

Добавил, прикрепит бы его )))

Штука нужная и многим пригодится. Прикрепил и добавил ссылку еще в тему http://www.shopos.ru/forum/index.php?topic=6363.0

Спасибо. ;)

Для браузера Google Chrome еще полезных пара расширений
Firebug Lite for Google Chrome - хотя для тривиальных задач достаточно встроенного отладчика
Web Developer - имеет большое количество опций для веб-дизайра

Потихоньку добавлю ))

Источник