Создаем удобный, доступный и рабочий тултип

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

#статья

Макет лендинга по доставке еды

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

#макет

Викторина: зачем нужен атрибут alt у изображений?

Ответ: https://telegra.ph/Zachem-nuzhen-atribut-alt-u-izobrazhenij-02-26

#викторина

Аудит доступности: основы

Татьяна Фокина и Василий Дудин рассказывают, как проводить аудит доступности на сайте

#статья

Генератор фигур через clip-path

Cервис, который позволяет сгенерировать себе различные фигуры с помощью clip-path

#утилиты

Макет продуктового лендинга Feather

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

#макет

Генератор адаптивных текстов (clamp)

Сервис для генерации свойства clamp

#утилиты

Деплой сайта с GitHub на хостинг через SSH

Рассказываю, как деплоить свой сайт из GitHub на хостинг

#cтатья

Nouislider - плагин для создания кастомных range-слайдеров

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

#js_плагины

Генератор теней

Сервис для создания крутых теней для сайта

#утилиты

Создание сайта с крутой анимацией | 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 анимации

#утилиты