Верстка \ HTML&CSS

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

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

Читать далее

Верстка \ CSS 3

Использование переменных CSS для сведения к минимуму анимации

От автора: вы знаете о медиа-функции CSS prefers-reduced-motion? В двух словах, prefers-reduced-motion это параметр, который сообщает нам, установил ли пользователь системы удаление или минимизацию анимации и переходов.

Читать далее

Верстка \ HTML&CSS

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

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

Читать далее

Верстка \ HTML&CSS

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

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

Читать далее

Верстка \ CSS 3

Предотвращение цепной прокрутки с помощью overscroll-behavior

От автора: предположим, у нас есть элемент с position:fixed. Если у него есть прокрутка, вы заметите, что когда вы достигнете нижней границы элемента, браузер продолжит прокрутку основного элемента. Это нежелательный и сбивающий с толку эффект. К счастью, мы можем исправить это с помощью CSS. В этой статье мы рассмотрим свойство CSS overscroll-behavior, какую проблему оно решает, как оно работает и где мы можем его использовать.

Читать далее

Верстка \ CSS 3

Как я организую свой CSS для сайтов без фреймворка

От автора: за 20 лет опыта веб-разработки я создал для себя стандартный подход CSS, которым я хотел бы поделиться в этой статье. В этом примере показан мой структурный подход, а не дизайн. Таким образом, статья не является визуальным шаблоном и не имеет дизайна.

Читать далее

Верстка \ CSS 3

Распространенные ошибки при написании CSS с помощью БЭМ

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

Читать далее

Верстка \ HTML&CSS

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

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

Читать далее

Верстка \ CSS 3

Руководство по единицам измерения CSS

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

Читать далее