CSS edor — расширение для браузера, которое позволяет визуально изменять любой дизайн веб-сайта и экспортировать изменения в CSS.

Ребята, есть новость: 19 июня стартует наш 2-х месячный Taptop-курс!

Бесплатник — это круто для старта, но после полного обучения вы сразу получите оффер или возьмете клиентские заказы. За 2 месяца вы: • Освоите базу веб-разработки: HTML, CSS, JavaScript • Научитесь стилизовать сайт как профи и узнаете продвинутые фишки Taptop • Начнете продвигать себя как full-cycle спеца на фрилансе или в команде • Получите от 3-х проектов в портфолио А всему научат преподаватели, с которыми точно получится: • Николай — 10 лет опыта в разработке. Обучил более 1000 человек и помог с нуля 300+ людям выйти на доход от 100к • Даниил — 6 лет в дизайне. Начинал с лендингов на Тильде за 1500-3K руб, а сейчас ведет проекты от $1000. Делал сайты для Setters, Самоката и других Только сегодня и завтра дарим скидку 30% для первых 10 человек. Промокод FORSTART30 Это предпродажная стоимость для тех, кто точно решил развиваться с нами. Дальше цена будет только расти: 15.400 22.000 руб – тариф ONLY 20.300 29.000 руб – тариф BASIC (с поддержкой) Занять место на курсе можно по ссылке https://taptop.pixelperfect.school/
Изображение поста

#UI8 #UI #Finance #WebDesign

Finto - Finance Website Coded Template Finto is an exclusively coded Finance Website Template, meticulously crafted with React+Tailwind, HTML, CSS, and JS. This template is not just another web design. @iReponline
Изображение поста

Так нужны дизайнеры сайтов или всех заменит нейросеть?

Вот каждый день эта истерика в инете все возрастает. И да нейросети иногда поражают своими возможностями. Но вот смогут ли они заменить дизайнеров? сейчас пока это лишь помощники. Я записал для вас новое видео на Ютубе по этому поводу. Нашел новую нейросеть от Гугла, а сами понимаете какие у них возможности. Она создает не только дизайн в Фигме но и пишет HTML CSS и возможно JS https://youtu.be/w-D67KysFqQ Тайм-коды работают на Ютубе и есть в описании к ролику 00:00:00 Вступление что за нейросеть от Google 00:00:50 Пишем промпт через ChatGPT 00:04:09 Генерируем дизайн через Google Stitch 00:10:50 Делаем дизайн магазина с помощью нейросети Пожалуйста просмотрите ролик полностью, это даст ему хороший толчок для просмотров.
Изображение поста
Шрифт CS Magix
💾 Скачать и использовать https://disk.yandex.ru/d/kIYt4i8chLAavA 🔎 Посмотреть описание https://craftsupply.co/product/cs-magix-display-serif-font/ #font #paid #latin 🔥 Design Stock
Изображение поста
Material Palette Это инструмент, который создает цветовые палитры в стиле Google. Просто выберите два цвета, на которых и будет строиться ваша палитра, а затем инструмент сгенерирует подходящие цвета для текста, разделителей и акцентов.
Пример интерфейса покажет вам, как палитра будет выглядеть в действии. Ее можно будет скачать в CSS, SASS, LESS, SVG, XML и PNG форматах. #полезность #цвет
Изображение поста
Adobe Creative Master Collection 2025 v02.06.2025 Win
🟣Adobe Creative Cloud Collection — это сборник приложений из линейки Creative Cloud 2025 и ряда программ младшей версии, объединенных единым установщиком с возможностью выбора пути установки и языка установленных программ. По функционалу все очень похоже на хорошо зарекомендовавший себя в прошлом Adobe Master Collection CS6. Только вот изменился интерфейс инсталлятора, текущий пакет включает в себя значительно больше программ, чем его тезка Creative Suite 6, а версии самих программ в основном более свежие. ✅ Содержимое пакета - Adobe Acrobat Pro DC 2025.001.20474 - Adobe After Effects 2025 v25.2.2 - Adobe Animate 2024 v24.0.9 - Adobe Audition 2025 v25.2.0 - Adobe Bridge 2025 v15.0.4 - Adobe Character Animator 2025 v25.0 - Adobe Dimension v4.1.2 - Adobe Dreamweaver 2021 v21.5.0 - Adobe Fresco v5.5.0 - Adobe Illustrator 2025 v29.5.1 - Adobe InCopy 2025 v20.3.1 - Adobe InDesign 2025 v20.3.1 - Adobe Lightroom Classic 2025 v14.3.1 - Adobe Media Encoder 2025 v25.2.0 - Adobe Photoshop 2025 v26.7.0 - Adobe Premiere Pro 2025 v25.2.3 - Adobe Premiere Rush v2.10.0.30 - Adobe Substance 3D Designer v14.1.2 - Adobe Substance 3D Modeler v1.22.0 - Adobe Substance 3D Painter v11.0.1 - Adobe Substance 3D Sampler v5.0.2 - Adobe Substance 3D Stager v3.1.2 - Adobe XD v58.0.12 🔸Объем: 37,5 ГБ 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #pack #soft #Adobe #free #бесплатно
Изображение поста
Топ-9 сайтов Chipsa.
Это наши проекты, в которые мы вложили душу, бессонные ночи и кучу экспериментов. И которые это окупили — наградами Awwwards, FWA, CSSDA и не только. В формате статьи — коротко и по делу рассказываем, чем каждый из них особенный: WebGL, 3D, дизайн с идеей и… немного безумия для поиска прорывных решений. https://chipsa.ru/publications/9-proektov-chipsa-kreativnye-saity-kak-proizvedeniia-iskusstva #статьи
Изображение поста
Deadpool VR | CS 1.6 - VR мод | Teenage Mutant Ninja Turtles VR: Empire City | VR Новости — Portal News
Изображение поста
🧰 Flowbite 2.0
Экосистема библиотек, инструментов и продуктов с открытым исходным кодом, созданная на основе Tailwind CSS 💾 Открыть #инструменты 🔥 Design Stock
Изображение поста
CSS box-shadow — коллекция бесплатных box-shadow эффектов.
getcssscan.com/css-box-shadow-examples
CSS color-mix
CSS инструмент для создание градиентов и сплошных заливок 💾 Открыть Dropzz #Plugin
Изображение поста
Barchartrace – это простой генератор гистограмм с открытым исходным кодом и MIT-лицензией. Его можно использовать для создания анимированных диаграмм, которые вы ранее видели в соцсетях. Просто вставьте свою информацию (загрузите CSV файл), выберите настройки анимации и вперед.
Изображение поста
Привет, это Саша Пшёнкин. Два дня назад этому каналу исполнилось два года! 🎂
То, что я пишу этот пост с опозданием, хорошо характеризует мою работу с каналом за весь прошлый год. Понимаю, что поток постов очень приглух, но зато я выбрал быть счастливым. На днях вспоминал, зачем я создавал этот канал, и понял, что свои поставленные задачи я давно решил: нашел единомышленников среди дизайнеров и активистов. У меня теперь нет желания подсчитывать количество подписчиков и постов, как это было в прошлом году. Больше всего меня радуют именно люди, которых я нашел благодаря этому каналу. Спасибо вам всем! Теперь мне хочется помогать другим людям находить единомышленников тоже. Я буду стараться рассказывать об интересных людях и проектах, но также вы можете и сами написать мне всегда в лс, и спросить что-либо. Я еще подумаю, о том, какие форматы придумать для того, чтобы такой нетворкинг работал лучше. Как вариант, думаю о том, чтобы собрать полную инфу по теме как работает Сеть, как быстро и классно делать веб, а также хочется собрать группу людей, которым нравится кодить и экспеременитровать с html и css. Мне кажется, у активистких проектов есть очень большая нехватка в хороших веб-ресурсах, и это можно начать исправлять. Спасибо всем, кто еще не отписался! :)
Изображение поста
Bookshelf Brushset (Photoshop, CSP, Procreate)
Скачать: t.me/procreatezip/92 ✒️ ProcreateiOS
Изображение поста
Table Generator
Плагин Table Generator автоматизирует добавление табличных данных. Скопируйте и вставьте данные (в настоящее время в поддерживаемом формате CSV) и все, таблица сгенерирована. Плагин предоставляет пользовательские параметры, которые можно настроить для предварительного определения стилей ячеек таблицы. 💾 Открыть Dropzz #Плагин
Изображение поста
🔆 Как продуктовым дизайнерам использовать UX-метрики в работе
#процессы Метрики помогают понять, где интерфейс ломается, как его улучшить и как дизайн влияет на продукт. UX-метрики можно легко встроить в исследования, тесты и работу с гипотезами. Разбираем каждую метрику ✦ Task Success Rate — сколько пользователей успешно выполнили задачу. Как использовать: — на UX-тестах: дайте человеку конкретную задачу и зафиксируйте, справился он или нет. — в глубинных интервью: спрашивайте, удаётся ли решить задачу без посторонней помощи. — в гипотезе: «Если упростим структуру формы, Task Success вырастет с 60% до 85%». Как влияет: высокая успешность задач = меньше обращений в поддержку, выше удовлетворённость и скорость работы. Это бьёт по бизнесу напрямую. ✦ Time on Task — сколько времени уходит на выполнение действия. Как использовать: — на UX-тестах: включите таймер, измерьте, сколько уходит на каждую задачу. — в интервью: «Как быстро вы обычно находите нужный документ?» — при проектировании: анализируйте путь пользователя — какие шаги можно сократить или автоматизировать? Как влияет: чем меньше времени уходит на задачу — тем выше скорость, удовлетворённость, продуктивность. Это особенно важно для внутренних систем, где счёт идёт на тысячи операций в день. ✦ Drop-off Rate — на каком шаге пользователь уходит. Как использовать: — в исследовании: отслеживайте, где люди останавливаются и сдаются. — в аналитике: стройте воронки по событиям и ищите шаги с максимальными потерями. — в гипотезах: «Если разбить сложную форму на экраны, drop-off на 2 шаге снизится». Как влияет: уменьшение отвалов = выше завершение ключевых сценариев = рост CR и выручки. ✦ Engagement Rate — насколько активно пользователь взаимодействует с интерфейсом — клики, скроллы, переходы, повторные входы. Как использовать: — в исследовании: наблюдайте, какие элементы человек действительно использует. — в аналитике: собирайте данные по кликам и действиям в разных модулях. — при проектировании: усиливайте наиболее вовлекающие элементы, прячьте лишнее. Как влияет: рост вовлечённости → выше удержание, больше действий в продукте, рост LTV. ✦ Rage Clicks — пользователь яростно кликает на неработающий элемент — сигнал фрустрации. Как использовать: — в тестах и сессиях: обращайте внимание, где пользователь «застревает». — в аналитике: инструменты типа Hotjar или FullStory показывают такие действия. — в гипотезах: «Если добавим явную обратную связь, снизим количество Rage Clicks на экране». Как влияет: снижает уровень стресса, обращений в поддержку, повышает доверие к интерфейсу. ✦ Scroll Depth — до какого места пользователь доскроллил. Как использовать: — в тестах: наблюдайте, куда человек реально доходит. — в аналитике: трекеры показывают глубину просмотра страниц. — при проектировании: выносите важное вверх, тестируйте порядок блоков. Как влияет: если CTA или ключевой блок не видят — он не работает. Глубина скролла = шанс, что до него дойдут. ✦ CSAT (Customer Satisfaction Score) — быстрая оценка опыта пользователя после действия. Как использовать: — встроить в интерфейс после завершения действия («насколько вам было удобно?») — использовать на тестах как финальный вопрос — собирать по каждому флоу, чтобы видеть, где UX проседает. Как влияет: высокая оценка → рост лояльности, ниже отток, меньше негатива в поддержку. ✦ NPS (Net Promoter Score) — готов ли пользователь рекомендовать продукт другим. Как использовать: — спрашивать в конце сценария или в email — использовать на этапе анализа лояльности — смотреть в динамике после релизов. Как влияет: отражает общее качество UX, удобство, доверие. Особенно важно для B2B и долгосрочных продуктов. Исходя из текста выше, ux-метрики можно внедрить в исследования, тесты, и даже в обсуждения задач с продактом — это сделает тебя сильнее как продуктового дизайнера. ➿➿➿➿➿➿➿➿➿➿ Навигация Пост 4 @design_awesome
Изображение поста
Этот плагин бесплатно генерирует Mesh-градиенты, а также позволяет экспортировать их в формате CSS или PNG для дальнейшего использования.
Установить плагин 🔥 Дизайник — ежедневные полезные материалы!
Изображение поста
Color gradients - Enhance your UI / UX design
Мощный генератор градиентов с тонкой настройкой и огромной библиотекой готовых пресетов. Можно экспортировать результат в PNG, JSON или CSS. #цвет Людочка, плагины – отборные плагины в Фигме
😞 Почему «просто аккуратно» больше не работает
Раньше аккуратно = хорошо Сейчас аккуратно = как у всех 🔵Новички тоже умеют делать «аккуратно» Именно так учат на первых курсах. Но этим сейчас никого не удивишь, значит, за это будут меньше платить 🔵Нейросети научились рисовать шаблон за 3 секунды Ты больше не конкурируешь только с фрилансерами. Теперь ты конкурируешь с AI, а он быстрый и дешевый 🔵Эмоции не украшение, а бизнес-инструмент Исследования показывают, если сайт вызывает эмоции, то пользователь остаётся, запоминает и возвращается. UX без эмоций работает хуже, а с ними повышает лояльность, конверсии и вовлечённость. 🔵Клиенты все меньше платят за простые сайты Дороже стоят проекты с настроением и идеей. Эмоциональный дизайн = способ поднять ценник и выйти из конкуренции. 🔵В топе те, кто вызывает чувства Почти все сайты с Awwwards, CSS Design Awards и Made on Tilda - это не шаблоны, а проекты с вайбом и идеей. Вот такие пироги... В следующем посте покажу, как работает эмоциональный дизайн на конкретных сайтах, что вовлекает и почему ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста