О блоге:

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

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

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

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

Бесконечный зум многоугольников

Фоновый эффект с бесконечным увеличением многоугольников

Эффект, реализующий данную анимацию, работает на библиотеке three.js

Читать далее

Карточки для заметок, комментариев или отзывов

Наложенные друг на друга карточки для заметок, комментариев или отзывов средствами CSS

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

Читать далее

Адаптивная сетка для новостных блоков

Адаптивная сетка с одинаковыми по высоте блоками для превью новостей или статей

Фотографии в блоках имеют одинаковый размер. По причине того, что обычно все добавляют разные по формату картинки — лишнее просто отрезается.

Кнопка "подробнее" всегда находится на одном уровне у всех блоков в строке

Решение основано на css-свойстве display: grid

Читать далее

Анимированное соединение точек

Красивый эффект на javaScript для анимированного соединения точек

Анимация двигается по бекграунду вслед за курсором мыши и отлично подойдет для космической тематики

Читать далее

Размытые мерцающие окружности

Фоновый эффект появления, исчезания и движения окружностей, реализованный на библиотеке GSAP

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

Читать далее