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 возникает ряд «сюрпризов». О них сегодня и поговорим!
Структура SVG-файла

Структура SVG-файла

SVG представляет собой обычный XML-файл, который можно просмотреть любым текстовым редактором. ViewBox Тег <g> Теги <title> и <desc> Тег <use> Тег <symbol> Тег <path> CSS JavaScript