Neumorphism CSS — бесплатный неоморфизм генератор.
santhoshsivan.com/neu.html
🎆 Вебдизайнерская
Material Palette Это инструмент, который создает цветовые палитры в стиле Google. Просто выберите два цвета, на которых и будет строиться ваша палитра, а затем инструмент сгенерирует подходящие цвета для текста, разделителей и акцентов.
Пример интерфейса покажет вам, как палитра будет выглядеть в действии. Ее можно будет скачать в CSS, SASS, LESS, SVG, XML и PNG форматах.
#полезность
#цвет
Было: 1 пиздюль от лида в месяц
Стало: 2 похвалы + 5 000 рублей
Внимание, подписчики-джуны и мидлы, смотрите что расскажем. Есть вариант повысить месячный уровень зарплаты, если вы просто сядете и подтянете UI (ну или хотя бы дадите лиду понять, что пытаетесь)
Мы в Sheeep как раз готовим бесплатные эфиры с Викой Бреусовой — ex-lead-дизайнером в Яндекс Путешествиях, победительницей (и судьёй) Awwwards и CSSDA. Пройдут 10, 11 и 15 июня в 20:00 по мск.
Что будет:
✦ Расскажем про график зрелости компаний (и дизайна в них)
✦ Разберёмся, как UI пригождается на разных этапах развития дизайнера (и как с помощью него можно поднять себе зарплату)
✦ Посмотрим на последние тренды: от общих течений до микроштук типа стеклянных экранов (которые рисуются довольно быстро — это наглядно покажем)
✦ Обсудим вечные приёмы, которые нужно прокачивать в первую очередь
✦ Во второй день будет практика и домашка от Вики: нарисуете 1 (один) трендовый экран и получите обратную связь от ведущей
Потом попробуем продать вам UI-курс «Рисуем с Викой», но вы не переживайте — он классный, а эфиры (даже если ничего не купите и не планируете) реально полезные. Приходите, ок?
→ Зарегистрироваться
Портфолио говорит само за себя. Так и на этом сайте. Здесь нет ничего, кроме проектов, небольшой страницы "About" — об авторе, и контактов.
Автор получил огромное количество наград на Awwards и CSSDA.
Вот где, действительно, ничего лишнего.
Ссылка
Web Design Inspiration
CSS edor — расширение для браузера, которое позволяет визуально изменять любой дизайн веб-сайта и экспортировать изменения в CSS.
eazycss.com
🎆 Вебдизайнерская
Ребята, есть новость: 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 Делаем дизайн магазина с помощью нейросети
Пожалуйста просмотрите ролик полностью, это даст ему хороший толчок для просмотров.
Material Palette Это инструмент, который создает цветовые палитры в стиле Google. Просто выберите два цвета, на которых и будет строиться ваша палитра, а затем инструмент сгенерирует подходящие цвета для текста, разделителей и акцентов.
Пример интерфейса покажет вам, как палитра будет выглядеть в действии. Ее можно будет скачать в CSS, SASS, LESS, SVG, XML и PNG форматах.
#полезность
#цвет
Топ-9 сайтов Chipsa.
Это наши проекты, в которые мы вложили душу, бессонные ночи и кучу экспериментов.
И которые это окупили — наградами Awwwards, FWA, CSSDA и не только.
В формате статьи — коротко и по делу рассказываем, чем каждый из них особенный:
WebGL, 3D, дизайн с идеей и… немного безумия для поиска прорывных решений.
https://chipsa.ru/publications/9-proektov-chipsa-kreativnye-saity-kak-proizvedeniia-iskusstva
#статьи
🧰 Flowbite 2.0
Экосистема библиотек, инструментов и продуктов с открытым исходным кодом, созданная на основе Tailwind CSS
💾 Открыть #инструменты
🔥 Design Stock
CSS box-shadow — коллекция бесплатных box-shadow эффектов.
getcssscan.com/css-box-shadow-examples
Привет, это Саша Пшёнкин. Два дня назад этому каналу исполнилось два года! 🎂
То, что я пишу этот пост с опозданием, хорошо характеризует мою работу с каналом за весь прошлый год. Понимаю, что поток постов очень приглух, но зато я выбрал быть счастливым. На днях вспоминал, зачем я создавал этот канал, и понял, что свои поставленные задачи я давно решил: нашел единомышленников среди дизайнеров и активистов.
У меня теперь нет желания подсчитывать количество подписчиков и постов, как это было в прошлом году. Больше всего меня радуют именно люди, которых я нашел благодаря этому каналу. Спасибо вам всем!
Теперь мне хочется помогать другим людям находить единомышленников тоже. Я буду стараться рассказывать об интересных людях и проектах, но также вы можете и сами написать мне всегда в лс, и спросить что-либо. Я еще подумаю, о том, какие форматы придумать для того, чтобы такой нетворкинг работал лучше.
Как вариант, думаю о том, чтобы собрать полную инфу по теме как работает Сеть, как быстро и классно делать веб, а также хочется собрать группу людей, которым нравится кодить и экспеременитровать с html и css. Мне кажется, у активистких проектов есть очень большая нехватка в хороших веб-ресурсах, и это можно начать исправлять.
Спасибо всем, кто еще не отписался! :)
Этот плагин бесплатно генерирует 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, Магазин уроков
Builder.io - Figma to HTML, React, and more.
Плагин позволяет преобразовывать проекты из Figma в качественный код для HTML, CSS, React, Vue и других языков. С помощью плагина вы можете создавать адаптивные веб-страницы и преобразовывать компоненты сайта в компоненты дизайна. Однако, не все свойства CSS и типы мультимедиа поддерживаются плагином.
Ссылочка на плагин — Builder.io - Figma to HTML, React, and more
🗳 Плагины Figma
CSS editor — расширение для браузера, которое позволяет визуально изменять любой дизайн веб-сайта и экспортировать изменения в CSS.
eazycss.com
Новое видео на канале!
Помните совсем недавно вышло обновление Фигмы?
Так вот там появились Гриды, такие же как CSS грид в блочных темах.
В этом видео я рассказал как их использовать и подробное руководство вышло на 20 минут.
Ну вроде все что мог о них рассказал и примеры даже привязал.
Посмотреть видео можно тут на Ютубе
Но лучше если откроете из поиска Яндекса я буду вам очень благодарен ❤️
00:00:00 Что будем делать в этом видео
00:01:00 Где найти Фигма Грид
00:08:00 Карточки постов
00:12:30 Экран сайта в Figma Grid
00:21:50 Автолейауты
