[Перевод] Применение ключевого слова revert-layer в CSS

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

Подробнее

10 бесплатных курсов и занятий для начинающих разработчиков

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

Подробнее

[Перевод] Как сделать динамические цвета в CSS

Когда говорим «динамический», подразумеваем JavaScript. Но некоторые динамические функции можно реализовать, используя только CSS. Например, цвета. Читать далее

Подробнее

[Перевод] Разбираемся в анимациях и временных переходах в CSS

Анимация — несколько рисунков, показанных последовательно, чтобы создать иллюзию движения. Анимации привлекают внимание пользователей и помогают сделать интерфейсы понятными. Мы подготовили перевод статьи, чтобы разобраться, как контролировать движения и переходы в CSS. Читать далее

Подробнее

[Перевод] Стили заголовков в CSS: картинки, тени, анимации

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. Читать далее

Подробнее

[Перевод] Стили заголовков в CSS: градиенты

Заголовки должны быть большими, жирными и громкими, чтобы привлекать внимание пользователя за несколько секунд. Мы перевели статью о стилях заголовков, сегодня предлагаем изучить градиенты. Читать далее

Подробнее

[Перевод] 3 способа использовать box-shadow в CSS

Тени помогают сделать визуальную составляющую сайта интересной и эстетичной. В посте рассмотрим свойство CSS box-shadow и то, как его можно стилизовать. Читать далее

Подробнее

Первые шаги в веб-разработке: подборка бесплатных занятий Нетологии

Считается, что самый простой способ начать карьеру в ИТ — стать тестировщиком. Есть и другое направление: его относительно просто освоить на базовом уровне, но оно открывает большие перспективы. Речь о веб-разработке. Только на hh.ru постоянно открыто окло 2000 вакансий для таких специалистов. Мы собрали несколько бесплатных курсов и лекций для начинающих. Читать далее

Подробнее

[Перевод] Погружаемся в CSS: как использовать :where ()

Функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset. В статье разберёмся, как это работает, и посмотрим на примеры использования. Читать далее

Подробнее

[Перевод] Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов

Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля. Подходит новичкам. Читать далее

Подробнее

Создаем виджет с помощью пользовательских CSS-свойств: встраиваем кастомную ссылку на сайт NHL

Автор курса Нетологии «HTML-верстка», Стас Мельников, показал пример верстки виджета, который можно встроить на сторонний сайт. В прошлый раз мы рассказали, что такое пользовательские свойства, а сейчас на примере сайта NHL покажем, как с их помощью встроить кастомную ссылку. Читать дальше →

Подробнее

Подводные камни пользовательских CSS-свойств

Автор курса Нетологии «HTML-верстка» Стас Мельников рассказал о нюансах, которые могут усложнить работу с пользовательскими CSS-свойствами. Правила синтаксиса названий пользовательских свойств Мы привыкли, что встроенные CSS-свойства нечувствительны к регистру. Поэтому следующие способы объявления свойства border дадут одинаковый результат: Читать дальше →

Подробнее