2 года назад
JS: Снег на сайте
Тут поговорим о том как решить очень популярную, почти новогоднюю задачу - "Сделать снег на сайте". Данное решение не потребует ни каких внешних зависимостей и дополнительных библиотек чем обычно "грешат" современные JS решения на сайтах. Риски При создании графических эффектов которые в целом не привносят на сайт никакой полезной функциональности нужно осознавать риски, что любая графика и анимации потребляют ресурсы клиентских устройств, а значит при посещении сайтов "со снегом" пользователи могут получить неприятный опыт взаимодействия с сайтом...
Маленькие снежинки на сайте. Как сделать?
Недавно я заметил эффект падающего снега в Telegram, и мне захотелось сделать нечто подобное для моих сайтов. С самого начала я решил сделать нечто очень простое, но при этом красивое. Дизайн Начал я с разработки самой снежинки и примерной зарисовки анимации. Написание кода После разработки дизайна я приступил к разработке HTML-кода: Стоит заметить, что скриншота не хватило, чтобы полностью поместить код снежинки, но не стоит переживать, ведь это всего лишь SVG картинка. Также я создал блок с id «place_for_snow», туда мы будем помещать наши будущие снежинки...