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

Ответ: https://telegra.ph/Viktorina-kakoj-selektor-vesomee-class-id-ili-teg-03-11

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

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

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

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

#cтатья
Макет fashion-блога

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

#макет