Создание сайта с крутой анимацией | GSAP HTML CSS

Вебдизайн Мастер рассказывает, как сделать сайт с крутой анимацией по скроллу

#видео

Пропорциональное изменение размеров с помощью кастомных свойств

Ахмад Шадид рассказывает о том, как сделать элементы пропорциональными при ресайзе с помощью кастомных свойств

#cтатья

Реальные кейсы использования селектора :has()

Лиам Джонстон рассказывает о применениях селектора :has() в верстке

#cтатья

Викторина: какая ширина будет у элемента?

<div class="block"></div>

<style>
.block {
box-sizing: content-box;
width: 100px;
padding: 10px;
}
</style>

Ответ: https://telegra.ph/Kakaya-shirina-budet-u-ehlementa-03-04

#викторина

Динамические единицы измерения в CSS

Bramus рассказывает о новых динамических единицах в CSS, таких как dvh, dvw и т.д.

#cтатья

Генератор бордер-радиуса

Полезный сервис, позволяющая генерировать бордер-радиус

#утилиты

Graph-modal - плагин для создания модальных окон на сайте

Мой собственный плагин модалок. Описание всех функций по ссылке: Ссылка на доку

#js_плагины

Макет онлайн-магазина Createx

Сложность: #высокая
Язык: #eng

#макет

Как скрыть все управляющие элементы с Яндекс карты?

Рассказываю, как скрыть все элементы с Яндекс.карты

#cтатья

Генератор cubic-bezier

Сервис для генерации cubic-bezier анимации

#утилиты

Overflow CSS

Ахмад Шадид рассказывает о возможностях overflow

#cтатья

Почему у !important в CSS восклицательный знак в начале?

SelenIT рассказывает, почему у директивы !important восклицательный знак в начале

#cтатья

Проблемы с вьюпорт-единицами

Кевин Пауэлл рассказывает о проблемах, с которыми можно столкнуться при использовании вьюпорт единиц vw и vh

#видео

Как использовать серверную дату на сайте?

Рассказываю, как получить и использовать серверную дату, чтобы дата на сайте не менялась от даты на ПК пользователя

#cтатья

Макет fashion-блога

Сложность: #легкая
Язык: #eng

#макет

Генератор градиентов

Сервис, который генерирует градиенты. Полезно, если делаете собственный сайт

#утилиты

Назначение HTML-тегов в верстке №1. Базовые теги

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео

JustValidate - плагин для валидации форм

Туториал по работе с плагином: https://youtu.be/EPXabErmGrQ

#js_плагины

Создание ссылки для скачивания

Никита Дубко перевел статью, в которой рассказывается о правильном создании ссылки для скачивания контента

#cтатья

CSS Grid для сетки, Flexbox для компонентов

Интересный подход к использованию обеих технологий от Ахмада Шадида

#cтатья