Верстка \ HTML&CSS

Как использовать переменные в CSS

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

Читать далее

Верстка \ HTML&CSS

Создание адаптивного мобильного меню на CSS без JavaScript

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

Читать далее

Верстка \ HTML&CSS

Создание компонентов пользовательского интерфейса с SVG и CSS

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

Читать далее

Верстка \ HTML&CSS

Анимация мобильных меню с помощью CSS

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

Читать далее

Верстка \ HTML&CSS

Адаптивные макеты без медиа-запросов!

От автора: мой друг шутил: HTML уже адаптивен. Это делают дизайнеры. Это странное мнение, но в целом правильное. Если вы напишете ванильный HTML с правильной семантической разметкой, он, по крайней мере, ПРИГОДЕН для UІ. Возможно, это некрасиво, возможно, имеет не самый желанный вид для пользователей, но допустимо.

Читать далее

Верстка \ HTML&CSS

Как работает CSS

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

Читать далее

Верстка \ HTML&CSS

Рекомендации по встраиванию сторонних веб-виджетов

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

Читать далее

Верстка \ HTML&CSS

Давайте поговорим о вкладках HTML

От автора: в прошлом году я участвовал в проекте Open UI, посвященном выяснению того, как получить собственный <tabs> элемент в HTML. Это была команда людей с разным опытом; авторы спецификаций, производители браузеров, разработчики и обычные практики, такие как я.

Читать далее

Верстка \ HTML&CSS

Как стать современным верстальщиком и заработать на этом

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

Читать далее