О блоге:

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

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

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

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

Сборник SVG иконок Feather

Коллекция из 282-х простых и красивых иконок Feather

Иконки можно подключать как SVG спрайты, так и HTML тегами, подключив библиотеку на JS

Читать далее

Появляющиеся неоновые полигоны

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

Полигоны появляются случайным образом и меняют свой цвет через промежуток времени.

Читать далее

Простое горизонтальное меню на CSS

Пример создания на CSS простого горизонтального меню с выпадающими списками.

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

Читать далее

Слайдер с диагональной сменой фотографий

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

В сладере используется:

  • Стрелки для перещелкивания слайдов
  • Точки для быстрого перехода на нужный слайд
  • Возможность добавления заголовка, описания и кнопки "Подробнее"

В заметку также добавлено решение по установке этого слайдера на CMS HostCMS

Читать далее

Создание сообщения об использовании куки (cookie)

Создание и установка модального окна с сообщением об использовании файлов cookies

В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.

Читать далее

Параллакс-эффекты с библиотекой parallax.js

Небольшая, но удобная библиотека parallax.js для добавления тегам параллакс-эффектов

Механизм параллакса, создаваемый этой библиотекой реагирует на положение курсора, гироскоп или другое оборудование для обнаружения движения

Читать далее

Следующая за курсором клякса

JavaSript и SVG фильтр для создания анимированной кляксы, которая следует за курсором

Кляксу можно поставить в нужную секцию или на всю страницу, как в примере.

Читать далее