Ночная тема для сайта
Переключение светлой темы сайта на темную и наоборот
Кнопка, которая добавляет и запоминает к тегу <body>
класс dark
, которым можно перекрасить весь сайт.
Переключение светлой темы сайта на темную и наоборот
Кнопка, которая добавляет и запоминает к тегу <body>
класс dark
, которым можно перекрасить весь сайт.
Два примера создания версии для печати на той же странице сайта, где находится документ
Данные решения не являются универсальными и для каждого сайта и/или страницы должны быть своими.
В данной теме рассмотрены два варианта создания версий для печати на примере страницы этого блога.
Простое решение на CSS, как отображать разный контент в зависимости от включенного AdBlock
Для того чтобы попросить посетителя сайта отключить AdBlock, вовсе не обязательно мучать его всплывающими окнами, которые кстати можно им же и заблокировать, или писать хитрые скрипты (как в теме про определение показа рекламы), которые можно просто отключить.
Есть решение проще — использовать CSS.
Оформления логотипа сайта новогодним элементом на примере лого ВКонтакте
Если у вас графический логотип, то немного поработав в фоторедакторе, можно без особых проблем придать ему новогодний вид. Если же такой возможности нет, название сайта написано текстом или хочется добавить на украшение ховер-эффект и анимацию, то тут лучше использовать CSS
Отложенная загрузка скриптов на примере Яндекс Карты и виджета группы ВКонтакте
Внешние скрипты, такие как карты, виджеты соц сетей, чаты, например JivoSite, или сторонние формы лучше подключать на страницу не сразу, а через определенное время и действие (в данном примере после прокрутки страницы).
В этой теме рассмотрено подключение таким образом Яндекс карты и виджета группы ВКонтакте
Создание и установка модального окна с сообщением об использовании файлов cookies
В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.
Дополнения плагина jquery.lazy для отложенной загрузки фреймов, скриптов, медийных файлов и т.д.
jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.
Это вторая часть его описания, в которой рассмотрены его дополнения. Первая часть: Отложенная загрузка изображений
Пример создания выдвижной боковой панели средствами CSS
Данное решение сделано с использованием флажка checkbox
и не требует скриптов.
Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации
Установка SVG иконки графическим файлом, на HTML, CSS и JS
Есть несколько методов установки SVG иконки на страницу, и у каждого есть свои плюсы и минусы.