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

Смена слайдов мышкой или пальцем на Bootstrap 3

Смена слайдов карусели на Bootstrap 3 движением мышки или пальца

В данной теме нет кодов самой карусели и всех ее составляющих, а только скрипт, который листает слайды событиями touch... и mouse...

Читать далее

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

Плеер для аудио-отзывов

HTML5 плеер для аудио-отзывов или других звуковых файлов

Данный плеер относительно прост и не требует подключения дополнительных библиотек.

Читать далее

Эффект старого фильма для фотографии на CSS

Оформление фотографий в стиле старого фильма средствами CSS-анимации

Пример добавления к фотографии анимированных помех и теней для придания ей эффекта старого фильма.

Читать далее

Капли воды на CSS

Капли воды для оформления фона блока или секции

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

Читать далее

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

Двигающаяся по секции окружность, в которой меняется цвет текста

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

Читать далее

Шкала сердцебиения на SVG и CSS

Два варианта анимированного ритма пульса на SVG и CSS

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

Читать далее

Глассморфные кнопки

Глассморфные (стекломорфные) кнопки с ховер-эффектом

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

Читать далее

Карточки в виде стикеров для заметок

Информационные карточки в виде стикеров со случайным углом наклона

Наклон карточек осуществляется случайным образом небольшим JS-кодом.

Читать далее

О блоге:

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

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