Инструменты для верстки веб-страниц

В этой заметке расскажу вам, какие инструменты я использую при верстки веб-страниц.

Итак, сначала ко мне приходит фотошоповский макет .psd , и под номером 1 напишем в нашем списке:

1. Adobe Photoshop последней версии (на данный момент CS4)

Для кодинга я использую один из наиболее популярных и удобных редакторов:

2. Adobe Dreamweaver последней версии (на данный момент CS4)

Теперь нашу верстку надо тестить в разных браузерах, для этого я использую:

3. IE Tester для проверки в ие6, ие7
4. IE8
5. Opera последней версии (пока, к счастью, не наблюдалось критических отклонений в верстке в предыдущих версиях)
6. FireFox последней версии (также с предыдущими версиями пока замечаний не наблюдалось)
7. Safari последней версии
8. Google Chrome последней версии

Теперь нельзя не сказать о таком незаменимым дополнении к ФФ, как firebug, хотя в последней Опере10 и вышло встроенное подобие файрбага, но, хоть я и ярый поклонник оперы, мне оно показалось не очень удобным, и поэтому считаю firebug пока лучшим. Итак, 9й пункт:

9. Firebug дополнение к FireFox

И напоследок, когда макет сверстан, я его тестю с отключенными картинками (чтобы сайт не потерял свой стиль), и с отключенными css, не потерялась ли логика, то бишь семантика, содержимого.

И когда всё проверено, я добиваю макет валидатором, чтобы он позеленел от счастья.