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

РЕСУРСЫ

Справочные ресурсы и сообщества

  1. htmlbook.ru/ – Посвящен языку HTML, CSS, веб-дизайну, графике и процессу создания сайтов. По сути это очень хороший справочник.
  2. htmlcss.ru/ – Тематическое сообщество, обмен опытом, блоги
  3. www.xiper.net/ – масса полезных примеров и статей
  4. rmcreative.ru/blog/tag/CS... – Здесь появляются новости, статьи со многих блогов. Регулярные обновления.
  5. habrahabr.ru/blogs/css/ – Сss блог.
  6. xhtml.ru – Отличная подборка статей. Описание наиболее популярных методов вёрстки сайтов.
  7. www.brunildo.org/test – Сss тесты и эксперименты. Очень много интересного и полезного для начинающих и профи.
  8. umade.ru/ – Советы и приёмы вёрстки сайтов.
  9. designformasters.info/ – Сайт Design For Masters посвящен всему, что касается разработки сайтов.
  10. css-school.ru/ – Школа CSS (3)
  11. vremenno.net/html-css/ – Статьи по вёрстке и web – дизайну.
  12. html5please.com/
  13. caniuse.com/

Валидаторы

  1. validator.w3.org/ – Проверка html кода на соответствие заявленным стандартам.
  2. jigsaw.w3.org/css-validat... – Проверка css кода на соответствие заявленным стандартам.
  3. microformatique.com/optim... – Проверка микроформатированного кода.

Кроссбраузерность

  1. browsershots.org/

Работа с графикой

  1. www.smushit.com/ysmush.it...

Остальное

  1. www.free-lance.ru/commune... – В помощь просящимся в помастерья.
  2. w3-markup.com/order – "Забугорный" определитель стоимости работы верстальщика.
  3. www.free-lance.ru/commune... – Сообщество «Для новичков»

ИНСТРУМЕНТАРИЙ

Текстовые редакторы

  1. Notepad++ – notepad-plus.sourceforge....
  2. Textmate под Mac, E или Intype  под win.
  3. Adobe Dreamweaver
  4. FAR+colorer
  5. HTMLPad – www.blumentals.net/htmlpa...
  6. TopStyle – www.newsgator.com/Individ...
  7. PHPStorm – www.jetbrains.com/phpstor...
  8. Sublime Text – www.sublimetext.com/
  9. Zen Coding – code.google.com/p/zen-cod...

Фреймворки

  1. Twitter Bootstrap – готовый набор HTML+CSS+JS популярных UI компонентов. Есть ещё более навороченный Kickstrap ( ajkochanowicz.github.com/... ), основанный на том же bootstrap.

Графические редакторы

  1. PhotoShop
  2. ImageReady
  3. GIMP
  4. Paint.NET

Оптимизация графики

  1. pngout – Уменьшает размер png, в IE приводит png в нормальный вид(иногда png в ие темнее чем надо)
  2. pngnq – Переводит из png-24 в png-8, что уменьшает размер, сохраняя полупрозрачные пикселы. В IE6 полупрозрачные пикселы становятся полностью прозрачными.Не всегда возможно применение.

Кроссбраузерность

Браузеры

  1. Internet Explorer 7, 8 (IE tester – www.my-debugbar.com/wiki/... или IECollection (www.joomla-ua.org/content... – Коллекция эксплореров от 1,5 до 8,0 + дебагер
  2. Mozilla Firefox
  3. Opera
  4. Safari
  5. Google Chrome

Плагины для FF

  1. Firebug – firebug.ru/
  2. Web Developer – www.webdeveloper.com/
  3. Html Validator – htmlvalidator.sourceforge...
  4. Pixelperfect – pixelperfectplugin.com/
  5. Tilt – blog.mozilla.com/tilt/

Разное

  1. eye-dropper – Определение цвета на мониторе (instant-eyedropper.com/)
  2. eye – Определение цвета на мониторе.

НАШИ СТАТЬИ

  1. www.free-lance.ru/commune... – текст под произвольным углом
  2. www.free-lance.ru/commune... – Таблица значений отступов от символов до верха и низа строки
  3. HTML верстка начало. Метод перебора кода. Практика. – Принцип метода очень простой: берете готовую верстку(более опытного человека) и вперед...
  4. www.free-lance.ru/commune... – рекомендую к использованию
Подписаться на: Сообщения (Atom)