Открыть меню    

Метка: блочная верстка

Понимание Twitter Bootstrap 3

Понимание Twitter Bootstrap 3

Версия 3 от Twitter Bootstrap претерпела существенные изменения по сравнению с предыдущими версиями. Это один из первых фреймворков, созданный по принципу mobile-first. Можно сказать, что Twitter Bootstrap является одним из лучших фреймворков для проектирования адаптивного веб-дизайна.

demo Читать полностью
Выпадающий блок из блока с overflow hidden

Выпадающий блок из блока с overflow hidden

Итак, есть задача создать прокручиваемое меню (с фиксированной высотой и шириной) с подменю, причем подменю должно появляться, когда мышка наведена на родительский пункт меню. Или, другими словами, наша задача сделать так, чтобы блок выпадающий из блока с overflow hidden был виден.

demo Читать полностью
13 отзывчивых CSS сеток

13 отзывчивых CSS сеток

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

Читать полностью
Проценты для высоты или вертикальных свойств в CSS

Проценты для высоты или вертикальных свойств в CSS

Я не думаю, что вы часто используете проценты для высоты или для вертикальных свойств. Даже, честно говоря, сам затрудняюсь сказать, когда я в последний раз использовал процентные значения для верхнего/нижнего поля(margin) или отступа(padding). Даже для высоты, вспоминается лишь 100% значение, но ничего больше.

demo Читать полностью
Отзывчивый веб-дизайн: макеты и медиа-запросы

Отзывчивый веб-дизайн: макеты и медиа-запросы

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

demo Читать полностью
Форматирование блоков в CSS: вертикальное и горизонтальное

Форматирование блоков в CSS: вертикальное и горизонтальное

В статье приведены основные моменты по горизонтальному и вертикальному форматированию блоков в CSS. Если вам какой-либо пункт показался непонятным, попробуйте реализовать его на практике. Также оставляйте комментарии, при необходимости смогу привести скрин или код по любому нижеприведенному тезису.

Читать полностью
CSS 100% высота

CSS 100% высота

Я всегда сталкиваюсь с затруднениями, когда необходимо растянуть блок на 100% высоты страницы. Итак, почему бы не найти кроссбраузерное решение по растягиванию блока на всю высоту страницы?

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