Простые решения по работе со всем сайтом

С информацией
Только заголовки

Версия для печати без использования отдельной страницы

Два примера создания версии для печати на той же странице сайта, где находится документ

Данные решения не являются универсальными и для каждого сайта и/или страницы должны быть своими.

В данной теме рассмотрены два варианта создания версий для печати на примере страницы этого блога.

Читать далее

Блокирование элементов сайта при включенном AdBlock на CSS

Простое решение на CSS, как отображать разный контент в зависимости от включенного AdBlock

Для того чтобы попросить посетителя сайта отключить AdBlock, вовсе не обязательно мучать его всплывающими окнами, которые кстати можно им же и заблокировать, или писать хитрые скрипты (как в теме про определение показа рекламы), которые можно просто отключить.

Есть решение проще — использовать CSS.

Читать далее

Новогоднее украшение для логотипа

Оформления логотипа сайта новогодним элементом на примере лого ВКонтакте

Если у вас графический логотип, то немного поработав в фоторедакторе, можно без особых проблем придать ему новогодний вид. Если же такой возможности нет, название сайта написано текстом или хочется добавить на украшение ховер-эффект и анимацию, то тут лучше использовать CSS

Читать далее

Отложенная загрузка Яндекс карты и виджета ВК

Отложенная загрузка скриптов на примере Яндекс Карты и виджета группы ВКонтакте

Внешние скрипты, такие как карты, виджеты соц сетей, чаты, например JivoSite, или сторонние формы лучше подключать на страницу не сразу, а через определенное время и действие (в данном примере после прокрутки страницы).

В этой теме рассмотрено подключение таким образом Яндекс карты и виджета группы ВКонтакте

Читать далее

Создание сообщения об использовании куки (cookie)

Создание и установка модального окна с сообщением об использовании файлов cookies

В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.

Читать далее

Отложенная загрузка контента

Дополнения плагина jquery.lazy для отложенной загрузки фреймов, скриптов, медийных файлов и т.д.

jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.

Это вторая часть его описания, в которой рассмотрены его дополнения. Первая часть: Отложенная загрузка изображений

Читать далее

Выдвижная боковая панель на CSS

Пример создания выдвижной боковой панели средствами CSS

Данное решение сделано с использованием флажка checkbox и не требует скриптов.

Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации

Читать далее

Варианты установки SVG иконки

Установка SVG иконки графическим файлом, на HTML, CSS и JS

Есть несколько методов установки SVG иконки на страницу, и у каждого есть свои плюсы и минусы.

Читать далее

Оформление горизонтальных линий HR

Красивые варианты оформления горизонтальных линий <hr> на CSS

В данной заметке представлено 10 вариантов оформления горизонтальных линий <hr>

Все примеры не имеют классы и привязаны непосредственно к самому тегу.

Читать далее