Выравнивание высоты контейнеров при верстке DIVами

Hiway 21 апреля, 2008 Верстальщику

Думаю, что все, кто осознал все преимущества верстки слоями перед табличной разметкой, ни смог не обратить внимания на один, как по мне, существенный недостаток блочной модели. Что это? Это высота контейнеров.Работая над очередным проектом, я перепробовал несколько вариантов решения данной проблемы, с которыми и хочу познакомить вас в рамках этой статьи.

К сожалению, если мы будем использовать трех- или двухколоночный макет сверстанный «слоями», то в итоге высота контейнеров будет совершенно независима от высоты соседних блоков. И будет напрямую зависеть от контента блока и примененных к нему правил отступа (padding). Несмотря на все свои недостатки, таблицы, как бы сами по себе, решают этот вопрос в силу связности соседних колонок. В случае же использования блоков мы имеем на выходе совершенно независимые контейнеры.

Пример страницы
с табличной версткой

Пример верстки «слоями»

Иногда это не играет особой роли и разная высота контейнеров вполне приемлема в рамках дизайнерской концепции. Но бывают случаи, когда необходима именно равная высота блоков в независимости от их содержимого. Именно решению данного вопроса посвящается эта статья. Читать полностью

Метки: CSS‚ верстка‚ верстка слоями‚ приемы верстки‚ скрипты Комментариев 8

11 ресурсов для вебмастера по подбору иконок

Hiway 21 апреля, 2008Дизайнеру, Полезности

Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

В этой коллекции я уверен что вы найдете что вам нужно

Ну интересное так точно!!!

1. http://www.iconspedia.com Читать полностью

Метки: дизайн‚ иконки Комментариев 2

Дзен и Путь Блоггера

Hiway 17 апреля, 2008Блоггеру

Книга о том, как стать Великим Блоггером

Перевод книги Гюнтера Наттола «The Zen of Blogging».

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

Предыстория создания русской версии и краткая информация об авторе книги вот здесь: Как стать Великим Блоггером — предисловие переводчика.

Завершая вступление, прошу — даже если вам покажется, что ничего нового в ней нет, прочитайте книгу до конца, иначе, коварный авторский замысел не сработает и Просветление не наступит. А если вы лишь вступили на Путь Блоггера прочитайте книгу очень внимательно, и она откроет вам тайну, о которой не догадываются даже многие мэтры блоггинга. А теперь, приступим… Читать полностью

Метки: blog‚ Книги Нет комментариев

Я поддерживаю акцию CSS Naked day 2008

Hiway 8 апреля, 2008Всем сразу

CSS-naked-day Напоминаю всем, кто забыл, а также сообщаю тем, кто не знал, что 9 апреля в Интернете проводится третий ежегодный CSS Naked Day. Об участи того или иного блоггера в акции вы сразу догадаетесь увидев [ naked <body>] его блога.

Да здравствуют вебстандарты!!!

Читать полностью

Метки: Нет комментариев

10 + 1 CSS фраймворков — которые смогут облегчить жизнь верстальщику

Hiway 3 апреля, 2008Верстальщику

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

Давайте кратко разберёмся, что такое CSS фреймворк. Вольный перевод с английской википедии гласит:

Это библиотека, которая предназначена для создания и внедрения более лёгкого и валидного кода. Общий смысл этой библиотеки схож с PHP или JS библиотек, которые получили более широкое распространение и известность широким массам.

Звучит заманчиво, эти фреймворки избавляют от большого количества рутинной работы, дают готовые решения, которые можно использовать и облегчают прохождение валидации (не всегда у таких фреймворков на первом месте стоит валидация — не всегда).

Использование этих библиотек (которых, к слову, намного больше десяти), безусловно, будет требовать от вас знаний стилей, как минимум базовых. Ну и как водиться, надо будет потратить некоторое время на освоение библиотеки, но как говорится — это не сложно. Было бы желание. Почти у всех библиотек основная структура (или ядро) одинакова и проста как две копейки. Это header, footer, menu, submenu, content и т.д.

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

Ниже висит список из десяти библиотек. Я не призываю вас их скачивать и тестировать, просто на мой взгляд, они заслуживают того, что бы о них знали. Хотя бы из-за размеров комьюнити вокруг них и из-за количества пользователей. Везде есть примеры, документация, кое-где есть даже видео-туториалы