Рубрика: CSS
Одинаковая высота колонок DIV
Наиболее часто встречаемый в интернете шаблон сайта содержит 2 колонки. Разберем, как выровнять методами CSS колонки одинаковой высоты. Для начала колонки необходимо включить к общему блоку DIV и добавить свойство…
Создаём модальное окно для web приложения на чистом CSS
В самой первой статье рубрики «Frontend разработка» мы уже рассматривали создание модальных окон для web…
Простое адаптивное меню на блоках
В наши дни адаптивная вёрстка уже давно стала обыденностью, так как позволяет использовать один и…
Позиционируем контейнер по центру в двух измерениях
Разместить блок в центре довольно часто встречающаяся задача. Но, если при позиционировании блока по горизонтали проблем не возникает, то с позиционированием по вертикали всё гораздо сложнее. Тем более если речь…
Создаём модальное окно для web приложения без плагинов и фреймворков
Модальные окна используются довольно часто. В них очень удобно выводить различные формы, создавать галереи и даже показывать видео. Выглядит такой интерфейс тоже весьма эффектно. Многие ошибочно считают, что создание модальных…

Как сделать вкладки на jQuery, HTML, CSS
Во многих проектах требуется оптимизация рабочей области сайта. В большинстве случаев помогает реализация вкладок на jQuery, HTML и CSS. А реализовать их достаточно просто. Нам потребуется 3 блока кода HTML,…

Как сделать меню аккордеон с помощью jQuery, HTML и CSS
Данная статья будет посвящена созданию меню-аккордеон на jQuery, HTML и CSS. Это тоже хорошая штука, которая позволит оптимизировать рабочую область вашего сайта, кроме того добавит долю интерактивности. Что ж, начнем?…

Свои красивые социальные кнопки
Какой верстальщик хоть раз не верстал эти кастомные социальные кнопки? Был ли у дизайнера отходняк…

Блочная модель
Доброго времени суток! Сегодня мы с вами разберем то, как строится блочная модель в html/css…

Использование CSS3 mask для создания универсальных иконок
Некоторое время назад на нашем портале публиковалась статья «Удобный способ вёрстки универсальных иконок». Но у данного способа был достаточно серьезный недостаток: он не позволял размещать иконки на фоне произвольного цвета…

Адаптивный текст в несколько колонок на CSS
С развитием технологий, мониторы становятся всё шире и шире, а вместе с ними и блоки текста на сайтах. Известно, что человеку наиболее комфортно читать около 67-75 символов в строке, но…

Картинки с обтеканием в контексте
Если в тексте возникает желание вставить картинку, которую должен обтекать текст, то вставляйте ее внутрь параграфа, а всем параграфам допишите свойство clear: both;. Тогда следующий параграф не будет обтекать эту флоатящуюся…

Очистка потока
При использовании плавающих блоков(float: left/right) в потоке вывода могут возникнуть проблемы: родительский блок схлопывается и теряет высоту, остальные блоки начинают обтекать плавающие блоки. В таких случаях производят «очистку потока». Есть…

Удобный способ вёрстки универсальных иконок
Приветствую вас, читатели порталата MyWebCenter. Сегодня я расскажу вам об одном очень удобном способе вёрстки…