Игра где нужно лягушке двигаться вперед и обходить корабли.

Сделана с помощью: html, css, js В верхнем левом углу насчитываются баллы за количество ходов. Спорим не сможешь набрать более 100 баллов 😀 Ссылка на игру
Изображение поста

Завтра начнется наша программа Webflow СТАРТ 🥹

Которая поможет освоить профессию, выделиться среди новичков, сразу начать брать заказы и выйти на зарубежный рынок. 🟡Уметь кодить и рисовать не нужно. Курс начинается с основ HTML и CSS. Даём конкретные шаги и фокусируемся только на том, что реально нужно для работы с Webflow. 🟡Через месяц у тебя будет готовый сайт на Webflow для портфолио, с которым можно привлекать клиентов. То есть ты инвестируешь не в теорию, а в конкретный результат. 🟡Курс идет 1 месяц и делится на 8 модулей. Четкая программа с детально подобранными уроками, чтобы ты не захотел всё забросить через неделю. Полную программу можно посмотреть здесь — это наша самая доступная программа, которая в 3-6 раз дешевле Only, Basic и с Нуля до PRO. Если у тебя остались вопросы или ты сомневаешься, подойдёт ли тебе этот курс — можно записаться на бесплатную консультацию с Пашей. Он поможет разобраться, стоит ли идти на СТАРТ и какой карьерный трек будет у начинающего Webflow-разработчика. А если сил терпеть больше нет, заполняй анкету предзаписи на курс. Стартуем уже завтра ❤️
Изображение поста

Anton Pecheritsa

@pecherits4 Moscow, Russia • Russian, English #WebDesign #Creative #Motion ● Career — Art Director at beta — Ex-Digital Designer at Geex Arts — Ex-Product Designer at Jet Admin ● Achivements — 8+ years of multidisciplinary design experience — Awwwards Jury from 2020 — x1 Site of the Month and x2 SOTD on CSSDA, x1 SOTD on Awwwards and dozens of other awards — Author of a telegram channel about animation and interface interactions (https://t.me/uimotion) ● Open to — Art Direction and Design Review sessions — Public speaking, interviews and podcasts — Collaborations (Creative projects, UI animations) — Mentoring and consultations — Talking and coffee ● Links → Portfolio on Dribbble → Networking on LinkedIn → Blog on https://t.me/uimotion">Telegram channel → Chat in Telegram → Email to info@uxdesigner.im
Изображение поста

Neat Mesh Gradients

Этот плагин генерирует сложные градиенты — статичные или анимированные — и сразу выдаёт готовый CSS-код. Три типа цветовых сочетаний, от монохромного до комплементарного, настройка шума для текстуры, возможность добавлять и убирать цвета точечно. #цвет Людочка, плагины – отборные плагины в Фигме
Video is not supported
Uiverse — большая база UI-компонентов в HTML и CSS. Полностью бесплатно
Изображение поста
Inline — а это расширение позволяет узнать, какие шрифты используются на веб-сайте, и скопировать SVG, CSS или HTML
Изображение поста
Изображение канала: Figma от 0 до 1
Export styles to CSS variables — экспорт стилей в CSS с заданными параметрами.
Install plugin Figma от 0 до 1
Изображение поста
Изображение канала: Гиперссылка
🔗 Epic Easings
Визуальный справочник по CSS-анимациям с различными вариантами ускорения (easing). Полезный инструмент для дизайнеров и разработчиков, работающих с плавными переходами в UI. #анимация #CSS #UI #разработка #ресурсы Посмотреть 🔗
Video is not supported
Изображение канала: Философия дизайна с Филипповой Софьей
⚡ Делюсь сервисами для вдохновения и поиска референсов для сайтов
Чтобы всегда было, на что опереться, когда кажется, что «ничего не нравится». Сайты-сервисы с работами: 🔵lapa.ninja.com 🔵onepagelove.com 🔵land-book.com 🔵siteinspire.com 🔵minimal.gallery 🔵collectui.com 🔵mobbin.com 🔵cosmos.so 🔵curated.design 🔵webframe.xyz 🔵bentogrids.com Сайты с наградами: 🔵awwwards.com  🔵cssdesignawards.com 🔵madeontilda.ru 🔵csswinner.com 🔵webflow.com/made-in-webflow Классика: 🔵behance.net 🔵dprofile.ru 🔵dribbble.com 🔵pinterest.com #полезное ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
Изображение канала: design by max | Максим Щукин
Всем привет, так уж получилось, что сегодня последний день самой низкой цены на новый курс по стилизации стандартных и zero-блоков на тильде😀
Кто пропустил, не знал, не видел или забыл – то сейчас тот самый момент залететь на обучение и хорошенько так прокачать свои навыки по работе с тильдой и CSS Ссылочка на сайт курса: https://study.dsgnmax.ru/pro
Изображение поста
Изображение канала: Макеты для вёрстки сайтов | Figma
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке от эксперта; 6. Научишься использовать ChatGPT и Giga во Frontend-разработке; 7. Узнаешь 9 способов найти первый заказ даже без опыта. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
Video is not supported
Изображение канала: Rectangle | Гайды
Плагин в Figma
Copy Figma variables to CSS variables позволяет копировать CSS-переменные из Figma в режиме Dev Mode. 🟩 Rectangle. Подписаться
Изображение поста
Изображение канала: Figma макеты для верстки
😡 Устал от нудных уроков на YouTube, где половина — вода?
Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть: ➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять. ➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора. ➧ Всё чётко, лаконично и по делу. Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное! Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)
Изображение поста
Изображение канала: design by max | Максим Щукин
Новый курс — Tilda Custom▶️◀️
⚫️Старт — 28 марта ⚫️Длительность — 4 недели ⚫️Чат предзаписи – https://t.me/+RGRQsiP7JedlODNi">Вступить Результаты курса: ⚫Освоите новые CSS-свойства и узнаете дополнительные возможности уже пройденных ⚫Научитесь стилизовать все виды элементов внутри zero-блока ⚫Сможете создавать уникальные решения в связке новых автолейаутов и CSS ⚫Научитесь с нуля писать структуру для блока и стилизовать его ⚫Закроете вопрос с ценообразованием за стилизацию блоков ⚫Получите 6 уникальных решений с готовым кодом и инструкциями для ваших проектов Что входит в курс: ⚫️5 модулей ⚫️43+ урока ⚫️40+ домашних заданий ⚫️60+ тестов ⚫️удобный личный кабинет ⚫️доступ — 3-6 месяцев ⚫️бонусы и скидки ⚫️уникальные готовые решения с кодом 🆕 работа с автолейаутами и CSS Тарифы: ⚫️Самостоятельный ⚫Наставничество ⚫️VIP-тариф (Всего 10 мест) Способы оплаты: ✅ В рассрочку от Т-Банка и др. ✅ Долями на 4 платежа ✅ Яндекс Сплит на 6 месяцев без переплат ✅ Картой или СБП ✅ Зарубежными картами Более подробную информацию о курсе, модулях и ценах я буду выкладывать в чате предзаписи, поэтому вступайте в чат, чтобы ничего не пропустить https://t.me/+RGRQsiP7JedlODNi 👨‍💻 Также, во вторник будет прямой эфир по разным решениям с кодом в моих проектах, на котором я открою продажи к курсу по самым выгодным ценам, пост про эфир будет немного позже
Изображение поста
Изображение канала: UX/UI [by Uprock]
Доброе утро!
📌В новой подборке вас ждут «Полезные ресурсы для дизайнеров»: — платформа для быстрого создания мокапов, логотипов и промо-материалов без сложных программ. — коллекция готовых градиентов с возможностью копирования CSS-кода одним кликом. — стоковый сервис фотографий, который подбирает цветовые палитры 🎨 к изображениям и предлагает фотосессии в едином стиле. 5 интересных кириллических шрифтов для самых разнообразных проектов: — трафаретный шрифт, — декоративный вариант, вдохновленный ар-нуво, — мультяшный и дружелюбный шрифт, — шрифт, созданный в традициях пиксельной графики 🤝, — утонченный вариант с современным характером. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Изображение канала: Study Kvo. Обучение веб-дизайну и UX/UI
Что происходит с дизайном дальше?
Короче, оказалось, что не все дизайнеры понимают, что нужно сделать, чтобы макет из Фигмы стал живым сайтом, который открывается в интернете по имени, например sanya-kvo.ru Если всё упростить, то существует два популярных способа: собрать сайт при помощи no-code инструментов (привет, Тильда) или при помощи кода html, css, js (привет верстальщикам) У всего есть свои плюсы и минусы, которые надо знать и доносить до заказчиков. Так что залетай смотреть 🔣https://youtu.be/1SCuj3l_wL8 p.s: бонусом в этом видео можно увидеть Симбу 😈и получить инвайт в «‎5 войсов» p.p.s: посмотреть можно также в ВК и на Rutube
Изображение поста
Изображение канала: Полезное дизайнеру
Реалистичные тенюшки сделаны на CSS!
Отдаляясь от поверхности, становятся и светлее и блюрнее. Вот так сделано: .layer:hover { transform: translate3d(0, 0, 10px); } .layer:hover .sibling-shadow {/* translate + opacity */ }
Video is not supported
Изображение канала: Frila school
Мне часто задают вопрос а как же Элементор?
Кто не знает - это тоже конструктор внутри ВордПресс который используют очень давно, это такой мамонт среди конструкторов, но он все еще актуален для своих задач. Так вот на этот вопрос я дал исчерпывающий ответ в видео которое чуть ниже в этом посте. После просмотра видео у вас скорее всего возникнет вопрос! А как же мне столько всяких конструкторов знать, я же просто запутаюсь? И ответ мега простой... Все эти конструкторы работают на основе HTML CSS а значит функции у них очень похожи. Даже больше - у них интерфейсы очень схожи. Научившись работать с блочными темами - Элементор будет для вас как орешки. Это как пересесть с одной машины на другую. Вы же все равно поедете? Просто привыкнуть нужно пару дней. Самая основная цель для вас понять как работают сайты и блочную модель. А все остальное будет уже идти само к вам. Так для чего мы используем Элементор а для чего Блочный редактор? Пожалуйста прошу вас ищите видео по запросу в Ютубе Elementor в WordPress все еще нужен? Или только Блочные темы? Этот текст можно скопировать просто нажав на него Если вам не охота искать (а это очень нужно для продвижения видео❤️) Можно посмотреть тут https://www.youtube.com/watch?v=K2BbWI6BPbY
Изображение поста
Изображение канала: Дизайн-Телега 🔥
🗂 Этот плагин позволяет преобразовывать дизайн-проекты, созданные в Figma, в высококачественный код для различных языков, таких как HTML, CSS, React, Vue и другие.
Однако, плагин поддерживает не все свойства CSS и типы мультимедиа. 🔗 УСТАНОВИТЬ ПЛАГИН #плагины #полезное 👨 Дизайн-телега
Изображение поста
Изображение канала: Pixel Perfect
Это что у нас тут? Site of The Day на Awwwards?
Именно так! Недавно рассказали про эту премию, а вчера увидели классную новость 🔥 Наша ученица Лена выиграла свой первый SOTD в добавок к 3 CSSDA (CSS Design Awards, Website of the Day) и 3 HM (Honorable Mention от Awwwards). Немного про сам проект: 🟡Откуда пришел клиент? «Давно сотрудничаю со студией по разным фриланс проектам и они пришли и с этим заказом ко мне, так как задача изначально планировалась как очень креативная» 🟡Сколько длилась работа над сайтом? «Примерно 1,5 мес длился дизайн с учетом правок, итераций и согласований и еще недели 2 – разработка» 🟡Как тебе ощущения от твоего первого SOTD? «Я очень горжусь этим проектом, так как задача стояла изначально сделать что-то очень классное для Awwwards. У меня были развязаны руки в плане анимаций и дизайна и я воплотила классные дизайн решения. Очень визуально кайфую от сайта, который получился. Отдельным челленджем было сделать анимации технически на Webflow на главном экране) Так как ты сначала придумала, а далее уже вопрос реализации 🤣 🟡Есть какие-то интересные особенности проекта? «Мы нашли для главного экрана готовое 3D и оно легло в основу дизайна сайта. Так как это уникальная генерация, в такой стилистике на стоках больше ничего найти нельзя. Поэтому особой задачкой для меня было сделать генерации в Midjourney, которые бы мэтчились с главным экраном» Кстати, мы тут с Леной планируем сделать один образовательный проект по дизайну, только тссс. Что интересно было бы узнать? Кому актуально? ↗️ Ссылочка на сайт (сделан на Webflow, конечно же)
Изображение поста