CSS медиа-запросы (media queries)

CSS медиа-запросы (media queries)

В этой статье мы подробно рассмотрим, что такое медиа-запросы, как они работают и как их правильно использовать, в том числе и для создания адаптивного дизайна. Разберём конструкции @media, которые используются в Bootstrap. Что такое медиа-запросы Синтаксис Типы устройств Логические операторы … Continued
Меню бургер за 10мин для начинающих!

Меню бургер за 10мин для начинающих!

В этом видео мы сделаем очень простое бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Меню адаптируется под мобильные устройства. Анимируется сама иконка, из бургера она превращается в крестик. Навигация всегда прижата к верхней … Continued
10 технологий для адаптивной верстки текста о которых вы могли не знать

10 технологий для адаптивной верстки текста о которых вы могли не знать

При разработке адаптивного веб-сайта мы тратим большую часть нашего времени, на адаптацию макетов и изображений под меньшие экраны. Однако типография тоже достойна должного внимания. Обеспечение того, чтобы текст выглядел великолепно и оптимизирован для удобства чтения на любом устройстве, является ключевым … Continued
Горизонтальное меню с прокруткой для сайта

Горизонтальное меню с прокруткой для сайта

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

SVG спрайты

В целях оптимизации и удобства при многократном использовании SVG изображений можно объединить в один файл-спрайт.
-webkit-text-stroke – обводка текста (англ.)

-webkit-text-stroke – обводка текста (англ.)

The -webkit-text-stroke CSS определяет ширину и цвет штрихов для текстовых символов. Это сокращенное свойство полных свойств -webkit-text-stroke-widthа также -webkit-text-stroke-color.
Генератор подсказки CSS

Генератор подсказки CSS

Этот генератор поможет вам создавать всплывающие подсказки CSS. Используя этот генератор, вы сэкономите время и силы при создании идеальной подсказки CSS для вашего сайта. Всплывающие подсказки — отличный способ отобразить информацию о ссылке или объекте.
Генератор градиента границы CSS

Генератор градиента границы CSS

Этот инструмент позволит вам создать градиентную границу, которую можно применить к блочным элементам без создания каких-либо дополнительных элементов или псевдоэлементов.
CSS и iOS Safari

CSS и iOS Safari

Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных устройствах, включая и мобильные. Но, если поведение в браузерах Android во многом предсказуемо, то с iOS возникает ряд «сюрпризов». О них сегодня и поговорим!