29
Иногда в процессе верстки возникают, так называемые «баги» отображения под разными браузерами. Если код, в котором необходимо разобраться, чужой, то возникают некоторые проблемы с его пониманием… так сходу ошибку и не увидишь. Да и, признаться, в своём коде частенько баги исправить оказывается не так просто. На мой взгляд отличным решением для исправления ошибок под FireFox является плагин, который называется FireBug.
Сегодня хочу поговорить об избыточном коде верстки, его источниках, проблемах и устранении.
Появление избыточного кода часто сопряжено с чрезмерным употреблением тегов разметки, их атрибутов, а также неправильным применением css-стилей. Специалистам в области оптимизации и продвижения сайтов известно, что избыточный код является большой проблемой для индексации сайта. Также затрудняется само понимание кода программистами, верстальщиками и, зачастую, самими авторами… да и весит такой код гораздо больше.
Сперва разберемся с источниками избыточного кода. Всем нам известно, что существует множество программ, позволяющих верстать сайты визуально. К ним можно отнести Dreamweaver, FrontPage… что там говорить… даже Word умеет это делать. Приведу простой пример… из любимого Word 🙂 .
28
После того как макет дизайна был сверстан, необходимо протестировать как он работает в разных браузерах, и, если это необходимо, устранить ошибки и недочеты. Лично у меня для этих целей установлены IE, FireFox и Opera. Но иногда заказчики просят, чтобы верстка выглядела идентично не только в этих браузерах, но еще к примеру и в Safari. А иногда бывает и так, что проблемы возникают для одного браузера разных версий.
У меня был один заказчик, который попросил поправить баги верстки под Safari. Поскольку этого браузера у меня под рукой не оказалось, а копаться в интернете, для того, чтобы найти и установить его у меня не было желания, я решил воспользоваться сервисом BrowserShots. Тогда это, кстати, была первая моя встреча с ним, и после этого сервис помогал мне не один раз.
27
Нередко, мне дают задание на верстку дизайна, и в техническом задании указывают, что футер сайта всегда должен быть привязан к низу. Оно и правильно… не очень красиво смотрится, когда на сайте мало контента, и футер съезжает вверх. Не знаю как у кого, но у меня несколько раз возникали с этим проблемы.
В этом посте хочу рассказать о том, как решить эту проблему, чтобы все было красиво, валидно и кроссбраузерно. Сейчас верстаю шаблоны в основном используя описанный метод.
25
В этом посте хочу рассказать (показать, научить, описать, объяснить) как устроено мое портфолио.
Сразу скажу, что там используется чистый CSS и ничего более, выглядит очень симпатично.
Пример представлен в упрощенном виде, но можно поковыряться в коде и сделать отображение таким, какое больше нравится, можно выставить картинки по одной и дать их описание, а можно выстроить их следом друг за другом.
