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

HEX | RGB
#FDE4C6 | rgb(253,228,198)
#85D5FB | rgb(133,213,251)
#CB83E0 | rgb(203,131,224)

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

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

💾 Liquid UI Elements – элементы, которые при изменении своего состояния имеют "жидкую" анимацию, похожую на капли.

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

🐙 Fabric.js – библиотека для работы с HTML-тегом <canvas>. Включает в себя SVG-парсер и множество инструментов для работы с изображениями.

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

💾 Kippo Hover Card Effect – подвижная галерея из изображений. При наведении курсора каждый раз наверху оказывается новая фотография.

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

🖥 Seafood Restaurant Landing Page – дизайн для ресторана с морепродуктами. Его особенности – это изысканный шрифт заголовков и сетка из крупных изображений.

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

💾 Glowing Blob Effect – подсветка указателя, напоминающая фонарик в темноте. За основу свечения взяты оттенки зеленого и фиолетового.

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

✍️ Consolas – моноширный шрифт, который часто используют программисты. Он установлен по умолчанию в редакторе кода Visual Studio. Пример шрифта можно посмотреть в сниппете "CSS Card Hover Effects"

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

🎨 Цветовая палитра макета "Project Management Dashboard":

HEX | RGB
#CDB8A5 | rgb(205,184,165)
#59A363 | rgb(89,163,99)
#EA602E | rgb(234,96,46)

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

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

💾 Click To Zoom Calendar – полупрозрачный календарь с возможностью увеличивать выбранную дату. Текущий день выделяется белой полоской снизу.

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

​​«SPB Frontend Митап», или традиционная встреча веб-разработчиков в Санкт-Петербурге

Когда: 19 июля в 19:00

Где: В старинном особняке немецких ремесленников «Пальма» в Санкт-Петербурге по адресу переулок Пирогова, дом 18

Кто: спикеры из Х5 Tech, Яндекс Практикум, Яндекс Маркет и международного Yandex

Что в программе?
▪️ Гибридное мобильное приложение с нуля за 3 недели
▪️ Что происходит в браузере после того, как пользователь ввёл адрес в адресную строку
▪️ Последние тенденции на рынке IT глазами HR
▪️ Как в Практикуме удаление одной строчки кода ускорило время ответа сервера в несколько раз

Как участвовать?
Предусмотрено 2 формата - онлайн и офлайн. Регистрация доступна по ссылке

🐙 Transformers.js – библиотека, которая помогает обрабатывать естественный язык, генерировать и переводить тексты, классифицировать изображения, а также распознавать речь.

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

💾 Swirl – сложная спиральная анимация, которая подойдет в качестве лоадера или фона для сайта.

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

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

HEX | RGB
#F4DDF9 | rgb(244,221,249)
#F8F2DA | rgb(248,242,218)
#E1A268 | rgb(225,162,104)

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

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

✍️ Avenir LT 85 Heavy – геометрический шрифт без засечек. Подойдет для заголовков разделов приложений или для инфографики. Пример можно посмотреть на сайте "Gallery CSS"

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

🖥 Review & Rewards Leaderboard – лендинг для студенческой программы. Его особенность - нежные холодные оттенки и размытые градиенты.

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

💾 Rotate – переключатель вкладок, элементы которого двигаются относительно друг друга. Движение направо происходит по часовой стрелке, а обратно - против часовой стрелки.

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

🐙 HTMX – библиотека, которая дает возможность работать с AJAX, CSS-переходами, веб-сокетами и событиями, посылаемыми сервером прямо через разметку HTML.

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

💾 AI Slider – градиентная шкала для выбора значения. Подсвечивает синим указанное число, переходя в более светлые оттенки на соседних числах.

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

🖥 Mobile App For Furniture – минималистичный дизайн мобильного приложения для магазина мебели. Здесь выбран один основной цвет (сине-серый), который дополняется серым и другими цветами с картинок.

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

💾 CSS Single Element Goey Spinner – лоадер из "жидких" капель, которые перетекают друг в друга по направлению движения. Лучше всего будет выглядеть на белом фоне.

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

🎨 Цветовая палитра макета "Review & Rewards Leaderboard":

HEX | RGB
#FCC0DA | rgb(252,192,218)
#09CAD1 | rgb(9,202,209)
#6118CC | rgb(97,24,204)

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

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