💾 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)

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

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

✍️ Roslindale – шрифт с засечками, вдохновленный гарнитурой De Vinne из 1890х, а также изяществом шрифтов 1970х гг. Он выглядит стильно и напоминает о старинной типографии. Пример шрифта можно увидеть в заголовках макета "Seafood Restaurant Landing Page"

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

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.

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

🐙 Yuka – библиотека JavaScript, которая дает возможность разрабатывать игры. Она предоставляет классы для управления состояниями и действиями игроков.

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

💾 Moon/Sun Clip – переключатель светлой и темной темы. Он меняет не только цвет фона, но и само изображение небесного тела. Переход при этом плавный и комфортный для глаз.

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

🐙 React Datepicker – компонент React для выбора дат, который содержит разные типы календарей и дает возможность создавать свои варианты инпутов.

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

💾 Neu Toggle – реалистичный переключатель с подсветкой. В дизайн добавлен визуальный шум, чтобы сделать эффект материала правдоподобнее.

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

🖥 Food Delivery Mobile App – дизайн мобильного приложения доставки еды. Выполнен в аппетитных теплых оттенках оранжевого и кремового.

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

💾 For The Love Of Coffee – анимированное меню, в котором можно выбрать тип кофе. На картинке отображаются ингредиенты выбранного напитка.

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