🐙 FloatUI – библиотека компонентов пользовательского интерфейса, которая позволяет создавать сайты для мобильных устройств, планшетов и компьютеров. Для этого не обязательно обладать хорошими навыками веб-дизайнера.

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

💾 Canvas Slider Gsap Parallax – слайдер, который делит изображение на несколько диагональных полос. Если не переключать картинки вручную, он сам через некоторое время переходит к новому слайду.

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

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

HEX | RGB
#FC9867 | rgb(252,152,103)
#23C6C3 | rgb(35,198,195)
#666870 | rgb(102,104,112)

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

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

💾 Hamburger Icons Animations – анимированные иконки для гамбургер-меню, которые могут превращаться в стрелки, крестики, указатели, а также знаки плюс и минус.

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

✍️ Century Gothic – геометрический шрифт без засечек, на который повлиял стиль шрифтов 1920-1930х гг. Подойдет для заголовков и статей цифровых изданий, а также для небольших рекламных текстов.

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

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

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

💾 Switches – набор из переключателей с ненавязчивым дизайном и плавной анимацией. Элементы созданы с помощью CSS.

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

Митап по фронтенду от X5 Tech. Расскажут про React Native, аксессибилити и возможности 11ty для создания статических сайтов.

📅 12 апреля в 18:00, в день космонавтики.
📺 Событие пройдет онлайн.

В программе:
➖ Как в кратчайшие сроки запустить MVP версию мобильного приложения [Андрей Поляков]
➖ Тренды и влияние аксессибилити на разработку приложений. [Лена Райан]
➖ Как вместо CMS обходиться встроенными возможностями GitHub [Никита Дубко]

Зарегистрироваться на мероприятие можно на сайте.

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

💾 Error/Success Message – два варианта анимированных карточек для успешного события сайта и для ошибки. Их особенность - плавный градиент, светлые оттенки и отсутствие острых углов.

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

🖥 Cubeville – набор изометрических иллюстраций в виде маленьких комнат. Каждая комната состоит из элементов, которые также представлены отдельно.

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

💾 CSS Perspective Text Hover – это 3D-модель для текста с эффектом прокрутки, которую можно двигать курсором. Текст "перетекает" по невидимой лестнице вверх и вниз.

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

🐙 PostCat – бесплатная кроссплатформенная программа с открытым исходным кодом для разработки и тестирования API. Поддерживает REST, Websocket и другие протоколы (скоро будут поддерживаться GraphQL, gRPC, TCP, UDP). Подходит для работы в небольших командах.

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

💾 Elite Dangerous Inspired Loader – яркий шестиугольный лоадер, вдохновленный компьютерной игрой. Подойдет для сайтов с черным фоном или для темной темы.

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

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

HEX | RGB
#CECCF4 | rgb(206,204,244)
#FF9400 | rgb(255,148,0)
#362D62 | rgb(54,45,98)

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

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

💾 Flyout Menu – заготовка для раскрывающегося меню в форме сегмента круга. При выборе одной из опций меню закрывается, а на ее месте появляется полупрозрачный круг.

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

🐙 DPaint.js – веб-редактор изображений, который может работать с файлами Amiga. Включает в себя такие возможности, как создание слоев, маскировка, преобразование изображений, эффекты, фильтры, многократная отмена/повтор и сглаживание.

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

💾 Knob Rotation – элемент в виде ручки с вращающейся подсветкой. Подойдет для выделения кнопок или в качестве лоадера для темной темы.

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

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

HEX | RGB
#F5D198 | rgb(245,209,152)
#F38BA4 | rgb(243,139,164)
#8E84C6 | rgb(142,132,198)

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

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

💾 Moving Head – трехмерный аватар, который поворачивает голову вслед за движением курсора. Такой аватар будет интересно смотреться в личном кабинете пользователя.

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

✍️ Aldrich – рубленый шрифт без засечек, который имеет скругленные квадратные формы и напоминает готические шрифты начала ХХ века. Пример можно найти в логотипе сниппета "Hoster"

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