34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 Split Slick Slideshow – слайдер с двумя вертикальными частями. При скролле изображение разбивается пополам, а заголовки плавно прокручиваются.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Fitness Mobile Ios App" HEX | RGB #F9F3E4 | rgb(249,243,228)
#F8C06Drgb(248,192,109) #3B867F | rgb(59,134,127)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Date.js – библиотека, которая парсит, валидирует и отображает даты. Все изменения возвращают новый экземпляр даты, что помогает избежать ошибок в коде.
Сайтодел | #репозиторий #github
💾 Wave – анимация загрузки, похожая на волну. Элемент построен из линий, которые меняют свою длину и тем самым создают очертания предмета.
Сайтодел | #сниппет #css
💾 World Places – карточки с 3D-эффектом и размытой внешней тенью. При наведении курсора они плавно переходят в вертикальную позицию.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Vision UI Dashboard React" HEX | RGB #05CD99 | rgb(5,205,153)
#0075FFrgb(0,117,255) #09235E | rgb(9,35,94)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Fitness Mobile Ios App – дизайн мобильного приложения для фитнеса. Акцент тут сделан на шрифтах, контрастных оттенках и сильно скругленных элементах.
Сайтодел | #макет #figma
💾 Check Micro Animation – чекбокс с анимацией при нажатии. Элемент имеет градиентную заливку, которая заполняет всю его площадь в активном состоянии.
Сайтодел | #сниппет #css
✍️ SF Pro Text – современный шрифт без засечек из семейства San Francisco. Подходит как для объемных текстов, так и для кратких подписей. Пример есть в сниппете Glide To Reveal
Сайтодел | #шрифт
🚀 Монетизируй трафик на максимум с clickstar.me! 🚀
clickstar.me — это простое и мощное решение для монетизации трафика через push-уведомления! Если ты владелец сайта, вебмастер или арбитражник, то платформа clickstar.me поможет тебе легко конвертировать трафик в доход:
📈 Высокий RPM — трафик начинает приносить прибыль с первых кликов.
🌍 Глобальный охват — работаем с 200+ стран!
⚡ Мгновенная настройка — интуитивно понятный интерфейс и удобные инструменты для старта в пару кликов.
🔍 Аналитика и статистика — отслеживай результаты в реальном времени и оптимизируй кампании.
Не забудь заглянуть в блог Фредди @freddy_clickstar чтобы быть в курсе всех новостей, трендов и свежих инсайтов о пуш-уведомлениях и монетизации. Фредди раскрывает секреты рынка и делится ценными советами, которые помогут прокачать доход!
🐙 Fabric.js – библиотека JavaScript для работы с <canvas> в HTML. Она поддерживает SVG-парсинг и позволяет создавать интерактивные объекты на холсте.
Сайтодел | #репозиторий #github
💾 Loader – спиннер в виде капли, которая пульсирует и распадается на части. У каждого элемента есть падающая тень.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "DesignCode UI" HEX | RGB #B7F2FA | rgb(183,242,250)
#3380DCrgb(51,128,220) #754098 | rgb(117,64,152)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
Превращайте лиды в клиентов без лишних усилий c помощью LeadPlan
LeadPlan – сервис для создания эффективных поп-апов и виджетов без программирования, который поможет:
- собрать базу для рассылок;
- сегментировать аудиторию;
- настраивать стратегии показа виджетов;
- выбирать моменты, когда посетителю действительно требуется помощь в принятии решения о покупке;
- передавать данные в сервисы email-рассылок с готовыми интеграциями;передавать данные по вебхукам.
LeadPlan – это:
✅ просто: создавайте формы за пару минут, даже если вы раньше этого не делали;
✅ профессионально: режим тонкой настройки для создания индивидуального дизайна;
✅ наглядно: отслеживайте ключевые показатели работы виджетов;
✅ эффективно: проводите A/B-тесты гипотез и выбирайте рабочие стратегии.
➡️ Попробуйте LeadPlan бесплатно прямо сейчас!
Реклама. ООО "ПИСЬМО". ИНН 7811602601.
✍️ Fredericka The Great – шрифт, вдохновленный студенческими постерами, архитектурными эксизами и художественными скетчами. Он подойдет для крупных, но коротких надписей. Пример шрифта есть в сниппете This Is Not A Button
Сайтодел | #шрифт
💾 Cards – карточки, которые разворачиваются как книжка. В каждой из них есть анимированная кнопка и место для изображения.
Сайтодел | #сниппет #css
✍️ IBM Plex Sans – это корпоративный шрифт IBM без засечек, который поддерживает различные языки и алфавиты мира. Посмотреть его использование можно в сниппете Simple Grid With Reveal
Сайтодел | #шрифт
🖥 Meal Planner UI Kit – дизайн приложения для подбора плана питания. В интерфейсах использованы оттенки фиолетового, а также прозрачные элементы в черной обводке.
Сайтодел | #макет #figma
💾 Get Color Palette – фон, который окрашивается в основной цвет с картинки. Для каждого изображения определяются три цвета: основной, вторичный и фоновый.
Сайтодел | #сниппет #css
✍️ DM Serif Display – высококонтрастный шрифт с засечками, разработанный для надписей и заголовков большого размера. Пример шрифта можно посмотреть в сниппете Color Shaders
Сайтодел | #шрифт
🐙 JSON Server – это библиотека с фейковыми REST API. Она поддерживает динамическую генерацию "баз данных", кастомную маршрутизацию и использование модулей.
Сайтодел | #репозиторий #github
💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения.
Сайтодел | #сниппет #css
💾 Dot Clock Preloader – часы, у которых стрелка формируется из маленьких квадратов. Когда все элементы собраны, часы снова распадаются на пунктирную окружность.
Сайтодел | #сниппет #css
🖥 Vision UI Dashboard React – дизайн сайта с инфографикой. Особенность сайта – градиенты синего и разная прозрачность элементов.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Frosted Glass Button" HEX | RGB #E4FBBF | rgb(228,251,191)
#F8B2DArgb(248,178,218) #649EFF | rgb(100,158,255)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Social Media Hover Icons – полупрозрачные иконки со скругленными краями. При наведении курсора появляется подсказка с названием, а фон становится непрозрачным.
Сайтодел | #сниппет #css
💾 Neumorphic Liquid Slider – слайдер для погоды с анимированной шкалой. В зависимости от температуры меняется число градусов и цвет "воды".
Сайтодел | #сниппет #css
🐙 ApiHub – набор бесплатных API, которые можно использовать в учебных целях или для портфолио. Коллекция охватывает различные отрасли и подходит для самых разных целей проекта.
Сайтодел | #репозиторий #github
💾 Color Shaders – зернистый фон с анимированными градиентными бликами. Размытые элементы фона двигаются сами по себе, не зависимо от курсора.
Сайтодел | #сниппет #css
💾 SVG Polygon Generator – генератор многоугольников. Здесь можно задать количество углов фигуры, ее радиус и расположение центра. Затем многоугольник можно вставить в HTML-файл в виде тега.
Сайтодел | #сниппет #css