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

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

Анимированные CSS-фоны для секций

6 вариантов анимированных фонов на CSS для секций, слайдеров или блоков

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

Во всех примерах есть возможность изменить фото секции и прозрачность анимированного фона.

Читать далее

Карусель только для малых экранов

Пример подключения карусели для блоков только на мобильные экраны

Данное решение написано для библиотеки jQuery и карусели Swiper (тестировалось только на версии 11.1.3)

В примере используется сетка Bootstrap, которая на малых экранах переходит в карусель .

Читать далее

Анимация букв у заголовков при прокрутке страницы

Два варианта появления букв у заголовков при прокрутке страницы

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

Первый — это с библиотеками WOW.js и animate.css, а второй — с их альтернативой AOS.js

Читать далее

Визуализация нейронной сети

Анимированная SVG-картинка в виде мозга, визуализирующая нейронную сеть

Для анимации SVG используется небольшой JS-код

Читать далее

Круговая диаграмма на JS

Пример создания круговой диаграммы с помощью Google Chart

В данной теме нет описания всех возможностей Google Pie Chart, а приведен пример быстрого создания круговой диаграммы с основными настройками.

Читать далее

Анимация SVG-графики при прокрутке страницы

Анимационные эффекты появления элементов SVG-графики при прокрутке страницы

В данной теме представлено несколько вариантов анимации логотипов и иконок в SVG с помощью jQuery плагина ScrollMe

Читать далее

3D волна на фотографии

3D эффект волны на изображении при движении по нему курсора мыши

Данный эффект реализован на чистом CSS и рассчитан на 13 частей, в каждой из которой показывается определенная часть одного изображения.

Читать далее

Мыльные пузыри для секции

Появляющиеся от движения курсора мыльные пузыри

Реализующий пузыри скрипт компактен и не требует дополнительных библиотек.

Читать далее

О блоге:

Данный блог посвящен разнообразной работе с сайтом и по большей своей части является моей записной книжкой, в которой я пишу о том, что использую, использовал или хотел бы использовать. В основном это про украшение контента и страниц, чем собственно, и люблю заниматься. Именно поэтому в эту книжку попадают только проверенные решения, которые я разобрал, проверил и решил применять в той или иной степени.

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