Избавляемся от избыточного кода

CSS, HTML

Теги : , , ,

Сегодня хочу поговорить об избыточном коде верстки, его источниках, проблемах и устранении.

Появление избыточного кода часто сопряжено с чрезмерным употреблением тегов разметки, их атрибутов, а также неправильным применением css-стилей. Специалистам в области оптимизации и продвижения сайтов известно, что избыточный код является большой проблемой для индексации сайта. Также затрудняется само понимание кода программистами, верстальщиками и, зачастую, самими авторами… да и весит такой код гораздо больше.

Сперва разберемся с источниками избыточного кода. Всем нам известно, что существует множество программ, позволяющих верстать сайты визуально. К ним можно отнести Dreamweaver, FrontPage… что там говорить… даже Word умеет это делать. Приведу простой пример… из любимого Word 🙂 .

Читать дальше »

Что делать с футером

CSS, HTML, Интересное

Теги : , , ,

Нередко, мне дают задание на верстку дизайна, и в техническом задании указывают, что футер сайта всегда должен быть привязан к низу. Оно и правильно… не очень красиво смотрится, когда на сайте мало контента, и футер съезжает вверх. Не знаю как у кого, но у меня несколько раз возникали с этим проблемы.

В этом посте хочу рассказать о том, как решить эту проблему, чтобы все было красиво, валидно и кроссбраузерно. Сейчас верстаю шаблоны в основном используя описанный метод.

Читать дальше »

Портфолио и фотогаллерея на CSS

Интересное, Фичи css

Теги : , , ,

  • Верстка по заказу компании Xpromt

В этом посте хочу рассказать (показать, научить, описать, объяснить) как устроено мое портфолио.

Сразу скажу, что там используется чистый CSS и ничего более, выглядит очень симпатично.

Пример представлен в упрощенном виде, но можно поковыряться в коде и сделать отображение таким, какое больше нравится, можно выставить картинки по одной и дать их описание, а можно выстроить их следом друг за другом.

Читать дальше »