Пост-приветствие

Привет! Меня зовут Максим, я автор этого канала.

Я занимаюсь веб-разработкой более 6 лет, работаю преподавателем и спикером в онлайн-школе Skillbox, веду блог на YouTube.

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

Подписывайтесь, если еще этого не сделали, шерьте друг другу полезные материалы и развивайтесь - мы все здесь для этого)

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

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

#статья

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

Сложность: #средняя
Язык: #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татья

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

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

#утилиты