Yuri's public fiddles
-
Simple JS & CSS Alerts
Красивые адаптивные всплывающие уведомления на CSS3 и JS.
-
Lazy Load Script
Реализация ленивой загрузки на чистом JS.
-
Emoji Input
Кроссбраузерное поле со вставкой смайлов на чистом JS.
-
Swipe Custom Event
Кастомные события swipe на чистом JS с определением направления, времени и дистанции.
-
AdBlock test page
Определение наличия AdBlock и подписок.
-
CSS для битых картинок (broken image style)
Стилизация сломанных изображений посредством CSS-псевдоэлементов.
-
CSS Spoilers
Кроссбраузерные спойлеры на HTML5 и CSS3 с использованием элемента details.
-
Блок "поделиться" (share script)
Простой и удобный скрипт для добавления социальных кнопок.
-
CSS Tooltip
Простые всплывающие подсказки на CSS.
-
Просьба отключить AdBlock через наложение слоёв
Вывод просьбы отключить AdBlock через дополнительный элемент с position: absolute.
-
Просьба отключить AdBlock через псевдокласс :empty
Вывод обращения к пользователю через CSS.
-
Адаптивная веб-типографика на базе золотого сечения (CSS & JS)
Автоматическая подборка золотого соотношения размера шрифта и высоты строки для любых размеров блока с контентом.
-
Адаптивный вертикальный ритм (CSS only)
Благодаря rem блоковые модели элементов автоматически подстраиваются под базовую линию.
-
Выравнивание изображений по базовой линии
Непрактичное выравнивание картинок по базовой линии средствами CSS.
-
Вертикальный ритм и несколько колонок
Выравнивание оснований текста для нескольких колонок.
-
Заголовки H1-H2 и вертикальный ритм
Почему не всегда удобно использовать кратное значение базовой линии для заголовков.
-
CSS, влияющий на вертикальный ритм
Влияние отдельных свойств CSS на вертикальный ритм страницы.