34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
✍️ Fraunces – экранный шрифт с небольшими засечками, вдохновленный гранитурами начала ХХ века. Подходит для заголовков и крупных надписей. Пример шрифта есть в сниппете CSS Scroll-Driven Animations
Сайтодел | #шрифт
🖥 HaHo Mobile UI Kit – дизайн-система для мобильных приложений, которая включает самые разные элементы интерфейса: формы, календари, инфографику, галереи, чаты и тд.
Сайтодел | #макет #figma
💾 3D Cards – карточки в стиле журнала National Geographic. При наведении курсора карточка поворачивается в сторону от пользователя.
Сайтодел | #сниппет #css
💾 Fancy Hover Effect On Avatar – эффект приближения для аватарки. Изображение выходит за пределы рамки и приближается.
Сайтодел | #сниппет #css
💾 Colorful Mobile Navigation Bar – меню, которое меняет цвет фона страницы и элементов иконки. Для поиска появляется поле ввода.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Sleep Time App" HEX | RGB #F1F56E | rgb(241,245,110)
#5BCDF3rgb(91,205,243) #9993D1 | rgb(153,147,209)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Anchor Positioning Hover Cards – карточки с эффектом наведения курсора. Иконка становится цветной, а фон приобретает рисунок в клетку.
Сайтодел | #сниппет #css
💾 Pure CSS Gravity Button – кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Grass" HEX | RGB #F4F9DB | rgb(244,249,219)
#96F34Drgb(150,243,77) #13C9FA | rgb(19,201,250)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.
Сайтодел | #сниппет #css
🖥 Ecommerce App – дизайн приложения для интернет-магазина. Здесь есть два типа карточек: заполненные градиентом и прозрачные с круглым фоном для товара.
Сайтодел | #макет #figma
🐙 OpenLayers – высокопроизводительная библиотека для создания интерактивных географических карт. Библиотека написана на JavaScript и имеет открытый исходный код.
Сайтодел | #репозиторий #github
✍️ Thunder – узкий шрифт, который подходит для крупных заголовков и используется для создания контраста. Пример можно увидеть в макете Abstract 3D Coral Shapes
Сайтодел | #шрифт
💾 Skillet Switch – необычный анимированный переключатель в виде сковородки с яичницей, который двигается по оси в сторону наблюдателя.
Сайтодел | #сниппет #css
💾 Price Range Slider – слайдер для цен с градиентом, который адаптируется под выбранную длину. При движении ярлык с ценой покачивается как реальный предмет.
Сайтодел | #сниппет #css
💾 Glide To Reveal – форма со скрытым паролем. Эффект размытия создан с помощью псевдокласса :has() в CSS.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Template Plants Animated" HEX | RGB #A4C590 | rgb(164,197,114)
#EEBB50rgb(238,187,80) #244031 | rgb(36,64,49)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 JS2Flowchart – библиотека для визуализации JavaScript-кода. Она генерирует блок-схемы, позволяет настроить стиль и показать код на разных уровнях абстракции.
Сайтодел | #репозиторий #github
🐙 Expo – платформа для создания и тестирования приложений на React. Содержит готовые инструменты и сервисы для работы с iOS, Android и веб-приложениями.
Сайтодел | #репозиторий #github
🖥 Вам нужен сайт? — Мы найдем исполнителя!
➖ Сайт под ключ;
➖ Верстка;
➖ Дизайн;
➖ Лендинг;
➖ Интернет магазины.
Мы найдем разработчика под любую задачу. Достаточно указать пожелания по сайту в свободной форме, нажав на кнопку ниже. ⬇️
✍️ Mabry – шрифт без засечек, который можно использовать как основной для приложения. Пример шрифта есть в макете Sleep Time App
Сайтодел | #шрифт
🖥 Template Plants Animated – дизайн веб-страниц в оттенках холодного и теплого зеленого. Приятный бонус - изображения растений без фона в формате PNG.
Сайтодел | #макет #figma
🐙 Monaco Editor – редактор кода, который используется в VS Code. Он написан на TypeScript и имеет высокую скорость работы.
Сайтодел | #репозиторий #github
✍️ Bubblegum Sans – декоративный шрифт, вдохновленный надписями 1930-х годов. Он подходит для сайтов и приложений из сферы развлечений. Пример шрифта – в заголовке сниппета 80s Music Facts
Сайтодел | #шрифт
💾 Grainy & Gradients Text – текст с переливающимся градиентом. На фон и на саму надпись добавлен крупный зернистый эффект.
Сайтодел | #сниппет #css
💾 Motion Blurred Number – счетчик цены с заданными точками на "круглых" числах. Ползунок можно перетаскивать, а можно и кликать на любую точку шкалы.
Сайтодел | #сниппет #css
💾 Jackie's Pet Store – лендинг для зоомагазина. Здесь есть крутые 3D-иллюстрации, выпадающие окна и эффект зума при наведении курсора на карточки.
Сайтодел | #сниппет #css
🖥 Grass – макет для сайта про ИИ. Основной цвет – салатовый, смешанный с бирюзовым. В макете есть небольшие модальные окна и интересная инфографика.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Ice Cream Landing Page" HEX | RGB #F094DF | rgb(240,148,223)
#A10520rgb(161,5,32) #400404 | rgb(64,4,4)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Phoenix-MD – бот для WhatsApp с расширенной функциональностью. Он позволяет находить аудио и изображения, управлять чатами и многое другое.
Сайтодел | #репозиторий #github