Верстка \ CSS 3

Новые возможности CSS в 2021 году

От автора: CSS развивается с каждым годом. Сейчас прекрасное время для веб-разработчика, но может быть непросто оставаться в курсе последних функций. У CSS нет определенных версий, как у JavaScript. Итак, как узнать, какие есть последние функции?

Продолжить чтение

Верстка \ CSS 3

Адаптивные изображения: разные методы и тактики

От автора: создание адаптивного изображения — это не ракетостроение. Я уверен, что вы уже много их создавали, используя CSS. Однако гибкий размер — это только один из факторов, когда речь идет об адаптивных изображениях.

Продолжить чтение

Верстка \ CSS 3

Детально разбираемся с тенями в веб-дизайне

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

Продолжить чтение

Верстка \ CSS 3

Стилизация символов CSS с помощью Background-Clip

От автора: для создания смешанных стилей символа или текста можно использовать плагин, помогающий стилизовать текст. Несмотря на то, что концепция хороша, реализация оставляет желать лучшего, поскольку скрипты, которые будут использоваться, являются сплошным мусором, а применяемая техника — это грубое принуждение, и CSS на самом деле может делать это сам с помощью linear-gradient и background-clip!.

Продолжить чтение

Верстка \ HTML5

7 полезных атрибутов HTML, о которых вы, возможно, не знаете

От автора: HTML — это навык, которым должен обладать каждый веб-разработчик. Вы не можете называть себя веб-разработчиком, не зная этого языка разметки. Каждый веб-сайт, который вы видите в Интернете, был построен с использованием HTML, потому что он имеет множество полезных и мощных функций, которыми вы, как разработчик, можете воспользоваться для создания веб-страниц. HTML также имеет атрибуты, которые вы можете прикреплять к элементам или тегам, чтобы добавить определенные интерактивные функции к HTML-элементам.

Продолжить чтение

Верстка \ CSS 3

30 лучших практик CSS для начинающих

От автора: CSS — это язык, которым в какой-то момент пользуются почти каждый разработчик. Хотя это язык, который мы иногда принимаем как должное, он очень мощный и имеет множество нюансов, которые могут помочь (или навредить) нашему дизайну. Вот 30 лучших практик CSS, которые помогут вам написать надежный CSS и избежать некоторых дорогостоящих ошибок.

Продолжить чтение

Верстка \ CSS 3

Как создать уменьшающийся при прокрутке Header без JavaScript

От автора: представьте себе красивый и высокий header веб-сайта с большим количеством отступов сверху и снизу от содержимого. Когда вы прокручиваете вниз, он сжимается, уменьшая часть заполнения рабочей области, освобождая экран для другого контента.

Продолжить чтение

Верстка \ HTML5

Почему необходимо использовать тег picture вместо тега img

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

Продолжить чтение