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

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

Слайдер-презентация с красивым эффектом

Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео

Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.

Читать далее

Адаптивные вкладки openTabby

jQuery плагин openTabby для создания адаптивных табов с разными настройками.

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

Читать далее

3D-карусель управляемая мышью

Красивая 3D карусель, которая управляется зажатием и движением мышки.

Возможности карусели:

  • Любое количество фотографий.
  • Произвольный радиус.
  • Автоматическое движение с заданной скоростью.
  • Отсутствие дополнительных библиотек.
  • Всего 90 строк кода.
Читать далее

Анимированный переход между пунктами меню

Три примера плавных анимированных переходов между пунктами меню на jQuery

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

Для их реализации использована библиотека jQuery

Читать далее

Навигационное меню для лендинга

Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции

Меню реализовано с использованием библиотеки jQuery

Читать далее

Модальное окно для контактов

Модальное окно для контактов или социальных сетей с фиксированной кнопкой

В меню контактов используются иконки шрифта FontAwesom 4.7

Читать далее

Вертикальный аккордеон для фотографий

Вертикальный аккордеон с раскрывающимися по клику фотографиями

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

Читать далее

Поздравление с 8 марта

Блок с вращающимся цветком и поздравлением с 8 марта

Поздравление имеет мобильный вариант и занимает совсем немного места

Читать далее

О блоге:

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

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