💾 Fullcreen Layout Page – структура из четырех секций сайта. Станет хорошей основой для верстки и поможет визуально упорядочить секции.

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

✍️ Margarine – это декоративный шрифт, вдохновленный различными источниками. Намеренно закругленные формы букв создают ощущение теплоты и размытости. Шрифт подходит для коротких текстов на карточках или кнопках. Пример есть тут: Obvious CTA Buttons

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

💾 Gradient Buttons – стилизованные кнопки на чистом CSS. Выглядят стильно за счет пастельных тонов и переливающегося фона.

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

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

HEX | RGB
#DFFFE8 | rgb(223,255,232)
#FFD202 | rgb(255,210,2)
#7DAD81 | rgb(125,173,129)

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

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

💾 Snowball Preloader – оригинальный лоадер в виде снежного кома. Выделяется за счет 3D-эффекта, при котором окружность - это тень от снега.

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

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

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

💾 Button Hover Effects – набор эффектов наведения для кнопок. Анимация включает в себя изменение фона, рамки и движение текста.

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

✍️ Dahlia – каллиграфический шрифт, стилизованный под рукописный. Поддерживает 12 языков, не включая языки с кириллическим алфавитом. Подойдет для декоративных элементов сайта. Пример есть в лендинге "Hair Care Product Landing Page"

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

🖥 Travel Booking Mobile App – дизайн мобильного приложения для путешественников. Сочетание мятного и оранжевого цветов создает контраст и освежает дизайн.

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

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

HEX | RGB
#FCD2FF | rgb(252,210,255)
#B373C5 | rgb(179,115,197)
#6D68CF | rgb(109,104,207)

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

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

💾 Rings Navigation Concept – меню навигации, выполненное в виде кругов, вложенных друг в друга. Хорошая альтернатива привычным меню в виде строк или столбцов.

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

🐙 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