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

Градиенты для блоков

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

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

Читать далее

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

Фоновое изображение из текста

Эффект созданного из текста изображения на jQuery

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

Блок с этим эффектом устанавливается одним элементом div с различными атрибутами.

Читать далее

Параллакс библиотека Ukiyo

Современная библиотека Ukiyo для параллакса любых изображений

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

С ее помощью можно легко оформлять не только секции, но и все фотографии в контенте.

Читать далее

Эффективный способ размещения видео с YouTube

Удобный и красивый способ размещения на странице видео с YouTube

Небольшой скрипт на jQuery для быстрого, красивого и эффективного размещения видеороликов с YouTube на страницах вашего сайта.

Читать далее

Ночная тема для сайта

Переключение светлой темы сайта на темную и наоборот

Кнопка, которая добавляет и запоминает к тегу <body> класс dark, которым можно перекрасить весь сайт.

Читать далее

Рейтинг со звездочками на CSS

Два варианта рейтинга со звездочками по 5-ти и 10-ти бальной шкале

Для удобства работы с рейтингом звездочки сделаны на radio кнопках с использованием SVG-иконок и на чистом CSS.

Читать далее

Слайдер с точками

Слайдер с точками (горизонтальными линиями) на jQuery

Простой вариант слайдера с переключением его элементов посредством нажатия на точки, расположенные по всей ширине и выглядящие как линии.

Читать далее

Следующая за курсором разноцветная лента

Фоновый эффект на JS с двигающейся за курсором мыши разноцветной ленты

Движение ленты происходит средствами JS в заданной области <canvas> без использования дополнительных библиотек.

Читать далее

Гамбургер SVG-иконки

7 вариантов гамбургер SVG-иконок с анимированным переходом

Переключение иконки по клику происходит через событие onclick, что позволяет обойтись без использования дополнительных JS-кодов

Читать далее

О блоге:

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

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