Вот небольшая полезная идея, призванная помочь вам преодолеть огромный разрыв между графикой макета и кодом.
Ребята из Twinsparc подготовили очень аккуратный набор того, что они называют «HTMLstamps» для вашего удовольствия от скачивания. После добавления их в библиотеку символов вашего предпочтительного графического редактора, идея заключается в том, чтобы использовать их для визуальной маркировки макета, перетаскивая «символы тегов» (представляющие H1, H2, P, LI и все другие основные теги) на элементы страницы.
Реальное преимущество использования этого метода заключается в том, что он заставляет вас сделать общий обзор вашей стратегии разметки. Я вижу, что это особенно удобно в больших и сложных проектах, где разные компоненты страницы и шаблона часто создаются разными разработчиками в разное время. HTML-марки могут помочь вам поддерживать согласованные отношения между этими компонентами.
Их оригинальные HTML-штампы были только для Illustrator, но приятно видеть, что ребята теперь имеют большинство основ, предоставляя versoins для Photoshop, InDesign, Fireworks и даже Visio (?). Они также предоставляют удобный быстрый учебник, показывающий HTML-марки в действии.
Я не уверен, что я продан на 100%, но я собираюсь попробовать — я мог видеть, что это становится частью моего рабочего процесса.