💾 Simple CSS Button Hover Effects – эффекты для кнопок, которые появляются при наведении мыши. Анимация не только двигает объекты, но и меняет их прозрачность.

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

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

HEX | RGB
#EC1146 | rgb(236,17,70)
#A83411 | rgb(168,52,17)
#2B211B | rgb(43,33,27)

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

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

💾 CSS 3D Flip Box – карточки для сайта, которые переворачиваются при наведении курсора. Особенность карточек - быстрая и реалистичная анимация.

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

🐙 Mini.css – простой и отзывчивый CSS-фреймворк с обширной документацией. Сам фреймворк создан на основе Sass, а его компоненты основаны на Flexbox.

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

💾 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