О блоге:

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

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

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

Анимированное соединение точек

Красивый эффект на javaScript для анимированного соединения точек

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

Читать далее

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

Размытые мерцающие окружности

Фоновый эффект появления, исчезания и движения окружностей, реализованный на библиотеке GSAP

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

Читать далее

Горизонтальные вкладки с анимацией

JQuery плагин для простого создания горизонтальных вкладок с анимированным выводом их содержимого

Плагин имеет 4 эффекта отображения контента и занимает менее 100 строчек кода.

Читать далее

Всплывающие фото-подсказки

Фотография, двигающаяся за курсором, пока он находится на заданном слове

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

Читать далее

Имитация книги из фотографии

Трансформация фотографии в обложку объемной книги средствами CSS

Данный небольшой CSS-код создает эффект "книги на журнальном столике" (coffee table books). Так называют книги, которые будут идеально смотреться на журнальном столике, а в нашем случае на странице сайта.

Читать далее

Fancybox 3 с темой оформления

jQuery плагин Fancybox 3, его быстрое подключение, настройка и тема оформления

Fancybox — один из самых популярных плагинов на jQuery для реализации модальных окон.

В этой теме рассмотрена его быстрое подключение и настройка. А также добавлена альтернативная тема оформления, позволяющая немного разнообразить его стандартный вид.

Читать далее