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

Диагональная карусель фотографий

Диагональная карусель фотографий управляемая движением мышки или пальца

Красивый вариант диагональной карусели для фотографий, который не требует JS-библиотек, а скрипт реализующий его занимает менее 50-ти строчек кода.

Читать далее

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

Вертикальные вкладки

Адаптивные вертикальные вкладки на jQuery

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

Кроме этого, каждая вкладка в данном решении имеет одинаковый HTML-код, что упрощает интеграцию в любую CMS (не нужно проставлять различные ID, классы и другие атрибуты).

Читать далее

Страница входа на сайтах будущего

Шуточный пример входной страницы сайта

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

Читать далее

Подсветка блоков курсором мыши

Подсветка фона и рамок блоков при движении по ним курсора мыши.

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

Читать далее

Электрический паук на JS

Электрический паук следующий за курсором мыши

Паук реализован на чистом JS и хорошо подойдет для оформления секции на сайтах подходящей тематики.

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

О блоге:

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

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