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

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

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

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

🐙 Phaser – это бесплатный и быстрый фреймворк для создания 2D-игр. Работает с HTML5, JavaScript, TypeScript, а также поддерживает Canvas и WebGL.

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

🖥 Positivus Landing Page Design – дизайн лендинга для маркетинговых агентств. Акцент сделан на ярком зеленом оттенке, есть версия для компьютеров и для мобильных устройств.

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

💾 Rotating Links – анимация для логотипов, которая вращает текст и рамку по кругу. Этот эффект подойдет для сайтов небольших брендов.

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

✍️ Open Sans - это шрифт без засечек, который был спроектирован с акцентом на вертикальное положение и открытые формы. Шрифт подходит для печати, веб- и мобильных интерфейсов, а также обладает отличными характеристиками разборчивости буквенных форм.

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

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

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