О блоге:

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

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

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

WebGL слайдер фотографий

Слайдер на WebGL с красивой сменой фотографий по клику

Фотографии меняются при нажатии и удержании левой кнопки мыши или на тачпаде

Читать далее

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

Эффект матрицы на фотографиях

JavaScript, создающий на фотографиях красивый эффект в стиле матрицы

Скрипт, реализующий данный эффект, работает на библиотеке p5.js

Читать далее

Разлетающиеся частицы при нажатии на кнопку

5 вариантов различных частиц, которые разлетаются в разные стороны по клику на кнопке

Скрипт, реализующий данные эффекты не требует дополнительные библиотеки и занимает менее 100 строк кода.

Читать далее

Фильтр контента по буквам на jQuery

Небольшой скрипт на jQuery реализующий поиск и фильтрацию контента по буквам

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

Читать далее

Вращающийся земной шар

Вращающийся земной шар на CSS и SVG и несколько вариантов его оформления

Из готовых вариантов оформления шара имеется:

  • 7 вариантов оформления сферы
  • 3 варианта ее тени
  • 9 вариантов мировой карты
Читать далее

Миньон на CSS

Изображение миньона выполненное на CSS

Картинка выполнена в точечных размерах (пикселях) и при необходимости масштабирования потребуется применить css-свойство transform: scale()

Читать далее

SVG иконки популярных брендов

1155 бесплатных SVG иконок с логотипами популярных брендов

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

Читать далее

Анимированное изображение хранилища данных

Massive Storage выполненный на SVG с CSS анимацией.

Решение выполнено на SVG и без проблем вписывается в блок или секцию любого размера.

Читать далее