💾 CSS Sliding Hover Effect – эффект просмотра изображений на сайте. При наведении курсора полупрозрачный темный фон исчезает ступеньками.

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

🖥 Crypto Wallet App – дизайн электронного кошелька для криптовалют. В нем преобладают оттенки сиреневого и ежевичного.

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

💾 CSS3 Menu Hover Effects – набор эффектов для панели меню. Здесь представлены три типа: горизонтальные линии, вертикальные разделители и выделение текста белым фоном.

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

🐙 Alpine.js – надежный и минималистичный JavaScript-фреймворк с исходным кодом для всех UI-компонентов, необходимых для создания приложений.

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

💾 Animated CSS Gradient Border – рамка для элемента сайта с анимированным градиентным фоном. Цвет меняется автоматически и не зависит от движения курсора.

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

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

HEX | RGB
#F0DAB2 | rgb(240,218,178)
#BCF246 | rgb(188,242,70)
#383F45 | rgb(56,63,69)

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

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

💾 Tab Bar Menu Animation – анимированное меню с плавным переключением вкладок. Если нажать на элемент, появится его название и светло-голубой фон.

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

✍🏻 Raleway – элегантное семейство шрифтов без засечек. Предназначен для заголовков и других больших размеров. Есть поддержка кириллицы. Пример показан в сниппете "Animated CSS Gradient Border"

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

🖥 Cafe Street Landing Page – дизайн лендинга для кофейни, выполненный в кремовых тонах с добавлением коричневого. Особенности лендинга - это минималистичные блоки с текстом и крупные изображения.

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

💾 Magic Menu – анимированное меню, которое выделяет нажатую иконку зеленым цветом, а при наведении курсора окрашивает ее в серый цвет.

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

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

HEX | RGB
#D974BA | rgb(217,116,186)
#7E4E95 | rgb(126,78,149)
#2C1563 | rgb(44,21,99)

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

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

🐙 Monaco Editor – редактор кода для браузера, который поддерживает VS Code. Позволяет писать код сразу в окне браузера.

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

💾 Responsive Blog Card Slider – удобный слайдер для текстов и изображений в теплых оранжевых тонах. Слайды меняются при прокручивании вниз и вверх.

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

✍🏻 Roboto Condensed – шрифт из категории декоративных гротесков. Его можно использовать в заголовках и подписях к иконкам. Шрифт содержит вытянутые узкие буквы. Посмотреть пример можно в сниппете "Tab Bar Menu Animation"

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

Как упростить работу пользователей со сложными сервисами?
У команды РТЛабс есть ответ.
⠀
В своей статье на Хабре мы рассказываем про новый подход к визуалу Госуслуг — удобные, минималистичные и заботливые интерфейсы.
⠀
🔹 Какие две системы восприятия используют юзеры?
🔸 Как когнитивистика связана с подачей заявлений и картинками?
🔹 Каких результатов удалось добиться с новым подходом?
⠀
Всё это — в нашей статье. Ждём ваши лайки и комментарии!

🖥 Masmasgram – дизайн для социальной сети. Это приложение позволит пользователям выкладывать фото и видео, использовать фильтры, хештеги и геотеги.

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

💾 Scroll-Triggered Animations – эффект для карточек, возникающий при прокрутке. Элементы либо перемещаются с краев страницы, либо всплывают на месте.

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

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

HEX | RGB
#F6EADA | rgb(246,234,218)
#EDB159 | rgb(237,177,89)
#302204 | rgb(48,34,4)

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

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

🐙 Fine Uploader – плагин для загрузки нескольких файлов с предварительным просмотром и перетаскиванием изображений. В плагин входят поддержка S3 и Azure, масштабирование изображений, поддержка форм и множество других функций.

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

✍🏻 Fira Sans – семейство шрифтов с округлыми буквами без засечек. Его можно использовать в текстах статей, а также в художественных книгах. Пример шрифта в посте "Responsive Blog Card Slider"

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

💾 Vue Page Transitions – анимация для фона экрана, которая запускается при нажатии кнопки. Проект написан на фреймворке Vue.

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