💾 Longcat SVG Loader – спиннер в виде кота, написанный без использования JavaScript. Элемент может менять длину и ускоряться.

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

💾 Microchip Preloader – многослойная анимация загрузки с эффектом "тока". Каждый кружок на ветке – это отдельный SVG-элемент внутри тэга <symbol>.

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

🎨 Цветовая палитра макета "Travel App Concept"

HEX | RGB
#FEF6DA | rgb(254,246,218)
#EE8B52 | rgb(238,139,82)
#05BFAB | rgb(5,191,171)

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

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

💾 Stretchy Coffee – анимация в виде растяжимой чашки кофе. В каждой из позиций чашки ее ручка всегда повернута внутрь.

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

🖥 HyperMart App – дизайн для магазина продуктов. Здесь акцент сделан на заметные, но слегка приглушенные оттенки: бирюзовый, малиновый, темно-розовый.

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

✍️ Outfit – округлый геометрический шрифт без засечек. Подходит для текстов и небольших заголовков. Пример есть в сниппете Service Section

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

🐙 Mostly Adequate Guide – книга по функциональному программированию на JavaScript. Всего в книге 13 глав, а также есть папки с упражнениями.

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

💾 Code Driven Animation – трехмерная текстовая анимация в виде гибкой спирали. В HTML-файле находятся всего три слова, которые копируются через код JavaScript.

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

🖥 Smart Home Automation App – дизайн приложения "умного дома". Здесь обыгрывается сочетание рассеянного света с монохромными оттенками и часто используется блюр.

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

💾 Horizontal Loop – галерея с прокруткой изображений по кругу. При наведении курсора на картинку остальные фото затемняются.

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

🐙 App Ideas – подборка JavaScript-проектов трех уровней сложности. Каждый проект содержит само задание, полезные ссылки и похожие примеры.

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

💾 Glass Card – карточка с 3D-эффектом вращения, которая имитирует полупрозрачное стекло. Особенности дизайна: легкая подсветка углов и средняя зернистость.

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

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

HEX | RGB
#FDAA5D | rgb(253,170,93)
#EA7173 | rgb(234,113,115)
#4AB7B6 | rgb(74,183,182)

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

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

✍️ El Messiri – шрифт, вдохновленный традиционной арабской письменностью. Поддерживает латиницу и кириллицу. Пример шрифта можно посмотреть в дизайне Skincare App Concept

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

🐙 Noi – платформа для интеграции искусственного интеллекта с веб-сайтами. Она содержит наборы инструментов, плагины и функционал для создания заметок.

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

💾 Triple Venn Diagram Dots – спиннер из трёх окружностей. Каждая из них вращается, имеет свой цвет и состоит из пульсирующих элементов.

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

🐙 Frontend Dev Bookmarks – список полезных ресурсов для фронтенд-разработчиков. Тут есть материалы по языкам, API, рабочим процессам, архитектуре проектов и совместимости.

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

💾 Deconstructed Cards – два варианта карточек с эффектом зума и подвижным фоном. Текст в активном режиме становится ярче, а графика – заметнее.

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

✍️ Instrument Sans – скругленный шрифт без засечек, вдохновленный неогротесками. Подходит для крупных блоков текстов. Шрифт используется в поле ввода имени в сниппете Signature Animation

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

🖥 Hubspot – пример дизайна приложения для тренировки полезных привычек. Основные приёмы – контраст основных цветов, иллюстрации с черным контуром и крупные заголовки.

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