Записки
web-разработчика

Который раз по долгу службы встала передо мной задача сверстать партию макетов для очередного сайта. И тут возникла дилемма: в таблицах верстать уже нет никакого желания, а в слоях еще маловато опыта. Основная сложность – это создание layout'а страницы. Если раньше достаточно было создать таблицу, в которой определить ячейки под колонки/шапку/подвал, то в слоях это сделать уже не так просто. Боялся что, столкнувшись с трудностями, могу основательно не уложиться в сроки сдачи проекта.

Желание верстать именно по стандартам все же побороло. Благо уже был некоторый опыт, приобретенный в процессе создания этого блога. И вот он результат: первый сайт сверстанный мной в соответствии стандартам XHTML и CSS. Повезло, что структура страницы была не такая сложная, да и общее количество уникальных макетов было не таким огромным как в прошлом проекте.

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

Огромная благодарность Ивану Сагалаеву и его Учебнику. Рекомендую к обязательному прочтению. Кстати, если возникли проблемы, то на форуме Иван (ну и другие форумчане) обязательно постараются вам помочь.

У себя на блоге Иван похвастался покупкой – книгой "Bulletproof Web Design" Дена Седерхолма. Я пока не готов отдать кровные 26,39$ за этот кладезь знаний, но chm-версию скачал. Давно я не встречал настолько интересных книг. Но это еще не все ;) Как оказалось, ранее Ден Седерхолм выпустил книгу "Web Standards Solutions" и позволяет на своем сайте скачать главу из книги посвященную созданию двух/трехколоночных layout’ов. Рекомендую к прочтению. Этот материал окончательно ликвидировал пробелы в моих знаниях и развеял страхи перед созданием бестабличных layout’ов. Никогда не мог подумать, что читать книги на английском языке не менее интересно чем на русском ;).

Не могу не отметить блог Юрия Артюха. Море накопленного опыта и полезной информации. Помниться, когда я первый раз познакомился с этим блогом, особое внимание привлекла заметка "Памятка по CSS layouts". По прошествии нескольких дней, когда захотелось более основательно еще раз перечитать ее, выяснилось, что ссылку я в закладки не положил, в history она тоже не нашлась, а адрес и точное название блога банально не запомнил. Я рвал волосы на голове от досады, четыре дня не мог спокойно работать пока снова не нашел этот блог :].

Ну и немного об инструментах. Пожалуй, главное для верстальщика это редактор с автодополнением свойств CSS и их значений. Скорость коддинга повышает на порядок, да и нелепых ошибок позволяет избежать. Я в работе использую Quanta Plus. Превосходно организована работа в ней с HTML, PHP, CSS, XML, XSL и прочими. Более продвинутой среды для web-разработчика я не встречал еще ни под одной платформой.

Еще один полезный инструмент, без которого не представляю свою дальнейшую работу, нашел случайно. Расширение HTML Validator для Mozilla Firefox выводит в реальном времени в строке состояния браузера информацию о количестве ошибок и предупреждений на странице. При просмотре кода покажет вам ошибки и даст рекомендации для их устранения. Расширение базировано на tidy, работает мгновенно и к сторонним серверам в процессе работы не обращается. Удобство работы не идет не в какие сравнения со штатным валидатором W3C. Must have для любого верстальщика.