💾 SVG Text Path Animation – анимация для текста сайта. Строка движется по кругу и создает необычный эффект, который привлекает внимание пользователя.

Сайтодел | #сниппет #css

🐙 Fuite – это CLI-инструмент, который обнаруживает утечки памяти в веб-приложениях. Он ищет объекты, слушатели событий, DOM-узлы, массивы, а также коллекции Map и Set.

Сайтодел | #репозиторий #github

💾 Play With Shadows – эффект тени для 3D-иллюстраций. Кнопку-источник света можно двигать и смотреть, куда отбрасываются тени.

Сайтодел | #сниппет #css

🖥 Plants Landing – дизайн лендинга для магазина комнатных растений. Оформление строгое и лаконичное, используются разные шрифты.

Сайтодел | #макет #figma

💾 Side By Side Loader – необычный трехмерный лоадер в виде змейки. Выглядит интереснее, чем стандартная шкала загрузки.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Snack Ordering App":

HEX | RGB
#F5B5D9 | rgb(245,181,217)
#D1C3EC | rgb(209,195,236)
#A094D0 | rgb(160,148,208)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Статья о фреймворке userver — для создания микросервисов на языке
C++. Яндекс выложил бету userver в опенсорс, а в материале на Хабре расписано, с чего все начиналось, приведены примеры и полезные ссылки.

Сайтодел | #фреймворк #хабр

💾 Tuggable Light Bulb – лампочка, которая переключает светлую и темную темы сайта. Чтобы включить лампочку, нужно дернуть курсором за веревку.

Сайтодел | #сниппет #css

🐙 Color Thief – библиотека, которая позволяет извлекать цветовую палитру из изображения, используя только JavaScript. Работает в браузере и в Node.js.

Сайтодел | #репозиторий #github

💾 About Us Effect – эффект выплывающего изображения при наведении курсора. Портрет человека увеличивается по сравнению с фоном.

Сайтодел | #сниппет #css

🖥 Calendar App – дизайн мобильного приложения для планирования событий в календаре. Приложение выполнено в теплых тонах с оттенками шоколадного, апельсинового и кирпично-красного.

Сайтодел | #макет #figma

💾 Animated Button – кнопка с hover-эффектом, которая увеличивается в размере и показывает дополнительные элементы дизайна на углах.

Сайтодел | #сниппет #css

🐙 React Virtualized – компоненты React для эффективного отображения больших списков и табличных данных. Библиотека имеет очень мало зависимостей, и большинство из них управляются NPM автоматически.

Сайтодел | #репозиторий #github

💾 Rounded Grid – фотогалерея с закругленными углами. При наведении курсора изображение увеличивается и становится цветным.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Plants Landing":

HEX | RGB
#E1BD9F | rgb(225,189,159)
#A09691 | rgb(160,150,145)
#284624 | rgb(40,70,36)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Card Outer Glow Effect – анимированные карточки с эффектом неоновой подсветки. Будет отлично смотреться на сайтах с темной темой.

Сайтодел | #сниппет #css

🐙 Regexgen – библиотека JavaScript, которая генерирует регулярные выражения, соответствующие набору строк. Чаще всего для обработки передается массив строк.

Сайтодел | #репозиторий #github

💾 Button Hover – анимация для кнопки. При наведении курсора на стрелку вся надпись плавно закрашивается цветом.

Сайтодел | #сниппет #css

🖥 Fitness App – дизайн приложения с программами фитнес-тренировок. Палитра макета строится на контрасте монохромных цветов и ярко-зеленого.

Сайтодел | #макет #figma

💾 3D Fold Out Reaveal – анимированная галерея для изображений. При нажатии на галочку под картинкой появляется блок с текстом.

Сайтодел | #сниппет #css

🐙 Chokidar – минималистичная и эффективная кроссплатформенная библиотека для просмотра файлов. В переводе с хинди название означает "сторож, привратник".

Сайтодел | #репозиторий #github