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