Сайты как страсть
1.62K subscribers
201 photos
17 links
Отборные материалы для веб-разработчиков дважды в неделю.
Сотрудничество: @maxdenaro
Download Telegram
Викторина: зачем нужен атрибут 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_плагины
Викторина: для чего нужен атрибут value у тега <li>?

Ответ: https://telegra.ph/Dlya-chego-nuzhen-atribut-value-u-tega-li-02-26

#викторина
Генератор теней

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

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