Если вы когда-нибудь пытались настроить код вставки видео с YouTube, тогда убедились, что не все так просто. Это связано с размерами видео и статическими фиксированными шириной и высотой. На адаптивном…
Наиболее часто встречаемый в интернете шаблон сайта содержит 2 колонки. Разберем, как выровнять методами CSS колонки одинаковой высоты. Для начала колонки необходимо включить к общему блоку DIV и добавить свойство…
В самой первой статье рубрики «Frontend разработка» мы уже рассматривали создание модальных окон для web…
В наши дни адаптивная вёрстка уже давно стала обыденностью, так как позволяет использовать один и…
Разместить блок в центре довольно часто встречающаяся задача. Но, если при позиционировании блока по горизонтали проблем не возникает, то с позиционированием по вертикали всё гораздо сложнее. Тем более если речь…
Модальные окна используются довольно часто. В них очень удобно выводить различные формы, создавать галереи и даже показывать видео. Выглядит такой интерфейс тоже весьма эффектно. Многие ошибочно считают, что создание модальных…
Во многих проектах требуется оптимизация рабочей области сайта. В большинстве случаев помогает реализация вкладок на jQuery, HTML и CSS. А реализовать их достаточно просто. Нам потребуется 3 блока кода HTML,…
Данная статья будет посвящена созданию меню-аккордеон на jQuery, HTML и CSS. Это тоже хорошая штука, которая позволит оптимизировать рабочую область вашего сайта, кроме того добавит долю интерактивности. Что ж, начнем?…
Какой верстальщик хоть раз не верстал эти кастомные социальные кнопки? Был ли у дизайнера отходняк…
Доброго времени суток! Сегодня мы с вами разберем то, как строится блочная модель в html/css…
Некоторое время назад на нашем портале публиковалась статья «Удобный способ вёрстки универсальных иконок». Но у данного способа был достаточно серьезный недостаток: он не позволял размещать иконки на фоне произвольного цвета…
С развитием технологий, мониторы становятся всё шире и шире, а вместе с ними и блоки текста на сайтах. Известно, что человеку наиболее комфортно читать около 67-75 символов в строке, но…
Если в тексте возникает желание вставить картинку, которую должен обтекать текст, то вставляйте ее внутрь параграфа, а всем параграфам допишите свойство clear: both;. Тогда следующий параграф не будет обтекать эту флоатящуюся…
При использовании плавающих блоков(float: left/right) в потоке вывода могут возникнуть проблемы: родительский блок схлопывается и теряет высоту, остальные блоки начинают обтекать плавающие блоки. В таких случаях производят «очистку потока». Есть…
Приветствую вас, читатели порталата MyWebCenter. Сегодня я расскажу вам об одном очень удобном способе вёрстки…
