Сайты как страсть
1.62K subscribers
201 photos
17 links
Отборные материалы для веб-разработчиков дважды в неделю.
Сотрудничество: @maxdenaro
Download Telegram
Приключения Masonry-раскладки в CSS

SelenIT рассказывает о создании masonry-раскладки в CSS

#cтатья
Викторина: Какое из свойств может разом заменить left, right, top, bottom?

Ответ: https://telegra.ph/Kakoe-iz-svojstv-mozhet-razom-zamenit-left-right-top-bottom-04-16

#викторина
Кастомные скроллбары на чистом CSS

Ахмад Шадид рассказывает о стилизации скроллбаров

#cтатья
Макет сайта Lemon

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

#макет
Интерактивный хоррор на HTML и CSS (Scss)

#codepen
Как создать адаптивную таблицу

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

#видео
Оптимизация видео-бэкграунда с помощью CSS и JS

Оскар Оримионо рассказывает о том, как оптимизировать видео на фоне

#cтатья
Теннис на чистом CSS

#codepen
Как ловить ошибки в JavaScript коде

Михаил Непомнящий рассказывает, как найти ошибки в js-коде

#видео
Вертикальная галерея с управлением скроллом

#codepen
Оптимизатор SVG-фигур

Сервис, который позволяет оптимизировать SVG

#утилиты
Котик, бегающий за мышкой

#codepen
Макет сайта Aveji

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

#макет
Градиентные бордеры в CSS

Крик Койер рассказывает о создании градиентных бордеров в CSS

#cтатья
Памятка по размерам элементов для доступности

Виталий Фридман рассказывает о размерах элементов для доступности

#cтатья
Красивый переключатель темы на CSS и JS

#codepen
Ellipsis.js - плагин для обрезки текста по высоте

#js_плагины
Нужно ли нам определение flex-wrap: wrap в CSS?

Ахмад Шадид рассуждает о возможности определения срабатывания flex-wrap: wrap

#cтатья
Скользящая панель вкладок на CSS

#codepen
Как использовать гриды для липких шапки и футера?

Адам Ракис рассказывает об использовании гридов в липких шапке и футере

#cтатья
HTML-энкодер

Сервис, позволяющий декодировать HTML из текста

#утилиты