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

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

🐙 Eruda – консоль для мобильных браузеров. Отображает JavaScript-логи, показывает локальное хранилище, информацию о файлах cookie и статусы запросов.

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

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

HEX | RGB
#D9D9D9 | rgb(217,217,217)
#E3431F | rgb(227,67,31)
#38444C | rgb(56,68,76)

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

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

💾 Tab Bar Animation – анимированные иконки для мобильного приложения. При нажатии они вращаются вокруг своей оси и меняют цвет контура.

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

💾 Timeline – шкала времени, которая работает в двух режимах. Текст показывается либо в модальном окне, либо на экране внизу.

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

🖥 Project Management Dashboard – дизайн для доски управления проектами в карамельно-кремовых тонах. В инфографике использованы три основных цвета: зеленый, желтый и красный.

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

✍️ Kosugi Maru – округлый готический шрифт с низкой контрастностью штрихов. Шрифт основан на дизайне 1950-х годов и значительно вдохновлен японскими иероглифами.

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

🎨 Цветовая палитра макета "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"

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