34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 Neumorphic Buttons – объемные кнопки с тенью и скругленными краями. Их также можно использовать как карточки для информации.
Сайтодел | #сниппет #css
💾 WebGL Flowers – эффект для курсора в виде цветов. Кликнув на экран, можно получить дополнительный цветок и провести линию, а нажав повторно – отключить эффект.
Сайтодел | #сниппет #css
🖥 Money Forest – дизайн приложения для ведения личного бюджета. Здесь есть много инфографики, а также фоновые пейзажи в пастельных тонах.
Сайтодел | #макет #figma
✍️ Julius Sans One – гротескный шрифт без засечек, созданный чилийской студией LatinoType. Хорошо подходит для заголовков. Пример есть тут: "Image Hover Effect"
Сайтодел | #шрифт
🎨 Цветовая палитра макета "3D Blobs" HEX | RGB #FEDB83 | rgb(254,219,131) #F189BA | rgb(241,137,186) #50AA82 | rgb(80,170,130)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Pile – приложение для заметок и ведения личного дневника. Есть интеграция с искусственным интеллектом: можно искать и задавать вопросы по написанной заметке.
Сайтодел | #репозиторий #github
🪙 NotCoin – виртуальная игра от команды Telegram, где пользователи зарабатывают монеты кликая по экрану. Страница с коином уже появилась на сайте по отслеживанию цен на криптоактивы - CoinMarketCap.
Сайтодел | #telegram
🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.
Сайтодел | #макет #figma
🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.
Сайтодел | #репозиторий #github
✍️ Kulim Park – шрифт без засечек с округлыми буквами и минимальным контрастом. Посмотреть пример можно в макете "Playful Slide Template"
Сайтодел | #шрифт
🖥 3D Blobs – набор абстрактных глянцевых 3D-фигур обтекаемой формы. В шаблоне также есть примеры их использования в UI.
Сайтодел | #макет #figma
💾 Dots & Ring Loader – необычный лоадер из двух пересекающихся колец. У него также есть переключатель темной и светлой темы.
Сайтодел | #сниппет #css
💾 Glass Progress Ring – индикатор загрузки с неоновым свечением. Он полупрозрачный, поэтому даже при полной загрузке видно кольцо в основании.
Сайтодел | #сниппет #css
🐙 React Complete Guide Course Resources – полезные материалы для изучения React, такие как фрагменты кода, слайды и шпаргалки по основным темам.
Сайтодел | #репозиторий #github
🖥 Meditation App UI Kit – дизайн приложения для медитации в оттенках малахитового и серого. Здесь есть много инфографики и изображений с высоким качеством.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Beauty Product Web Design" HEX | RGB #C6D8BE | rgb(198,216,190)
#A86F38rgb(168,111,56) #304E50 | rgb(48,78,80)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Appium – кроссплатформенный фреймворк для автоматизированного тестирования приложений. Написан с помощью Node.js и использует протокол W3C WebDriver.
Сайтодел | #репозиторий #github
💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.
Сайтодел | #сниппет #css
💾 CSS Only Shimmer Button – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.
Сайтодел | #сниппет #css
💾 Animated Login Form – форма с анимированной рамкой. При наведении курсора рамка подсвечивается яркими цветами.
Сайтодел | #сниппет #css
💾 Gsap Mask Mouse Effect – подсветка курсора, которая убирает маску и показывает слой со скрытым текстом.
Сайтодел | #сниппет #css
✍️ Turret Road – геометрический шрифт без засечек с низким контрастом и многоугольными формами. Пример шрифта можно посмотреть в сниппете "Hex Animation"
Сайтодел | #шрифт
💾 Motion Blur Effect – слайдер с размытием картинок при переключении. Создать такой эффект помогают SVG-фильтры.
Сайтодел | #сниппет #css
💾 Glowy Hover Effect – карточки с приглушенной разноцветной подсветкой. На кнопках применяется эффект глянцевого блеска.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Meditation App UI Kit" HEX | RGB #BDEEE4 | rgb(189,238,228) #1DAB91 | rgb(29,171,145) #121826 | rgb(18,24,38)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Gray & White – диагональный слайдер с прокруткой страницы. В время пролистывания фото меняет свое положение и визуально становится больше.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Modern E-Commerce UI Kit" HEX | RGB #FAF4E7 | rgb(250,244,231) #FBE1A8 | rgb(251,225,168) #ADA195 | rgb(173,161,149)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Dancing Script – декоративный рукописный шрифт, вдохновленный типографикой 1950х гг. Его пример можно увидеть в заголовке макета "DeepBreathe"
Сайтодел | #шрифт
💾 Perspective – реалистичные часы с секундной стрелкой. Числа на циферблате написаны словами, создавая эффект углубления в центре.
Сайтодел | #сниппет #css
💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.
Сайтодел | #сниппет #css