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

Фон с рандомными окружностями

Фон со случайно расположенными окружностями для блока, секции или всей страницы

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

Читать далее

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

Запоминание данных формы

Запоминание введенных данных в элементах формы

Небольшой JS код для запоминания введенных в форму данных, которые сохраняются в локальное веб-хранилище localStorage

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

Еще в теме представлен альтернативный вариант на jQuery с плагином garlic.js

Читать далее

Рамки для фонового видео

Адаптивные рамки для встроенного фонового видео HTML5

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

Обратите внимание, что в теме используется несколько фонов и видеофайлов, общим размером более 10мб.

Читать далее

ТВ-рамки для видео из YouTube

Адаптивные ТВ-рамки для видеофайлов с YouTube

По умолчанию во всех примерах вместо видео с YouTube грузится его скриншот, а подмена на ролик реализована небольшим кодом на jQuery.

Читать далее

Новогодняя открытка

Блок-секция с поздравительной открыткой к Новому Году.

Данный пример выполнен на CSS и коротким JS, который служит для смены класса.

Открытка открывается по клику и отлично выглядит на всех экранах.

Читать далее

Мобильный Tab Bar с вкладками

Мобильный Tab Bar с переключающимися вкладками

Tab Bar выполнен с применением библиотеки jQuery и может использоваться как каркас всего сайта или определенной его секции.

Читать далее

Карта субъектов РФ в SVG

Карта России с дополнительной информацией по субъектам

Карта реализована на основе векторной графики SVG, а вывод дополнительной информации по субъектам на JS с использованием библиотеки jQuery

Читать далее

Автозаполнение для поля input

jQuery плагин Autocomplete для автозаполнения текстовых полей input

Быстрый и легкий jQuery плагин для автозаполнения текстовых input полей формы. Он автоматически предлагает сопоставление введенных в текстовое поле ключевых слов с данными из массива, что позволяет пользователям быстро находить нужные значения.

Читать далее

О блоге:

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

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