Полезная вЁрстка

Mouse grayscale webgl displacement shader — Область под курсором переводит в оттенки серого цветное изображение благодаря шейдерам #css #html #javascript

Журнал Академии Яндекса — интересно об IT Помогает молодым IT-специалистам работать с удовольствием и эффективно → Расскажет, как попасть в компанию, которая вдохновляет. → Научит правильно организовать работу, расти в глазах коллег (и профессионально). → Поможет на лету решать проблемы, стать своим в сообществе и работать без стресса. → Покажет, как устроена работа в Яндексе изнутри — с точки зрения команд, продуктов и технологий. → Подсветит гиковские темы: от старых компьютерных игр до редких языков программирования. Подписывайтесь, чтобы не пропустить свежие публикации!

Sphere — Просто три вращающиеся сферы со случайным цветом для граней на three.js. #css #html #javascript

Canvas Cloud — Облачная маска привязанная к движению курсора позволяет увидеть скрытое изображение. #css #html #javascript

Фронтенд гайды — канал для верстальщиков, в котором публикуют: ✓ Полезный код ✓ Макеты для верстки ✓ Тесты на знание кода Ускорь работу над своим проектом!

Mitosys Canvas — Фоновый эффект для интро страницы сайта на канвасе. Митозис, деление клеток. #css #html #javascript

Particle.js — Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui #css #html #javascript

Adobe illustrator теперь в телеграм! illustrator — одна из самых главных программ для дизайнера. Все логотипы, иконки, плакаты и иллюстрации делаются именно в нем. В телеграмме появился официальный русскоязычный канал. Это гораздо лучше платных курсов и непонятных уроков. Будет полезно как новичку, так и опытному дизайнеру. Стоит подписаться!

Spiral III — Случайно генерируемые градиентные спирали на канвасе #css #javascript

Rubber Slider - с эффектом резиновости реализованном с помощью gsap tweenmax. #html #javascript

The Impossible Lightbulb w/ GSAP 💡🐻 - попытайтесь включить свет в темной комнате. Дверь откроется и мишка снова выключит лампочку. Сделано с использованием GSAP анимации. #gsap

FLOATING LOVE HEARTS EFFECT - Сердца двигаются за курсором и быстро исчезают, поэтому никаких неудобств для пользователя не создают. При желании всегда можно уменьшить размер и количество сердечек. Проект выполнен на чистом JavaScript: скрипт размещён в HTML-блоке #html #javascript

Верстальщик? Фронтендер? Нет работы и заказов, а побаловать себя хочется? Для тебя нашли канал с вакансиями по вёрстке и фронтенду, где: ▶️ Новые вакансии ежедневно ▶️ Работа из дома и в офисе ▶️ Любой уровень навыков Прекрати ежедневно мониторить десятки сайтов ради копеечных заказов! Работай с проверенными клиентами🧑‍💻 Подписывайся – @job_webdev

A LONG WAY - Бесконечный цикл из простейших геометрических фигур расположенных по заданной траектории. Перемещаясь вместе с камерой, пролетаем через каждую фигуру. #css #html

NEON LOVE - Неоновые огни на канвасе с помощью шейдеров. Неоновое сердце и знак бесконечности. #css #html #cpp

Extreme Hover - довольно-таки смелый hover эффект на изображении. При наведении происходит разделение блока на отдельные кусочки с общим фоном - картинкой. #css #html

Organism - Абстрактная анимация на чистом CSS #css

I swear to God I'm not drunk! - Три одинаковых изображения накладываются друг на друга образуя интересный эффект. При движении курсора, меняется положение изображений, создавая дополнительный объем. #javascript #css #html

Curl noise - Пример curl noise с элементами в виде коробок. Используются шейдеры и webGL библиотека Kgl #css #html #javascript

Fractal Circles - Случайно генерируемые круги #javascript #css #html