Data Template Generator — плагин для создания массивных шаблонов CSV/XLSX

https://content.desigram.ru/static/53b2b75c-e384-42a1-b5bd-7a0e74567476.jpg

*️⃣Многие просили посты про портфолио. Поделюсь тем, что у меня уже вышло, а вы отпишитесь что еще вам интересно

В рамках Адвент календаря выходило видео о том, как сделать портфолио, которое привлечёт работодателей и клиентов. Там есть презентация из видео и пример кейса. https://t.me/sofyafilippova/510">https://t.me/sofyafilippova/510 *️⃣В вакансиях указано требование "базовое знание html, css". На что конкретно здесь нужно обращать внимание? Вам не нужно быть верстальщиком, но знание основ поможет создавать более адекватные дизайны и находить общий язык с разработчиками. Это про лучшее понимание процесса, а не про кодинг с нуля. 🔵 Понимание, что такое HTML (структура страницы) и CSS (стилизация элементов). 🔵 Разница между фронтенд-разработкой (визуальная часть сайта) и бэкендом (логика, данные). 🔵 Адаптивность: как дизайн подстраивается под экраны. 🔵 Понимание терминов и процессов помогает проще работать с разработчиками. *️⃣Как выбрать стиль, в котором будешь делать заказ? Начните с анализа целевой аудитории и тематики проекта. Подумайте, что нравится вашей аудитории: молодые люди оценят креатив и нестандартные решения, а для корпоративного сектора важны сдержанность и структура. Обратите внимание и на тематику сайта. Например, детский проект лучше не делать в минимализме — добавьте больше «веселья» и яркости, чтобы на фоне конкурентов сайт не выглядел пустым и безликим. Если речь о магазине современной одежды, то отлично подойдёт швейцарский стиль, минимализм или даже необрутализм — всё зависит от того, что подходит к настроению и продуктам бренда. Я снимала подробное видео о стилях — https://t.me/sofyafilippova/507 *️⃣Как подготовить дизайн к вëрстке и что важно учесть дизайнеру, чтобы его дизайн потом сверстали? Все просто, если держать под рукой мой гайд - https://t.me/sofyafilippova/511
https://content.desigram.ru/static/9aa6a168-79ca-4e48-9f8f-8798dff92793.jpg

designer.ru — кухня изнутри:

Как же вам повезло что вы выбрали дизайн, а не программирование! Боли те же, а удары судьбы гораздо мягче. Дизайнеры-новички ноют что их никто не берет, работу ищут по полгода и тп. А вы пробовали заглянуть к программистам? )) Там те же приколы только в разы жестче. Вот кричалки школ программистов: 1) срочно всем нужны IT-шники 2) заскакивайте к нам! Уже скоро будете получать 300 тыс руб 3) какие программисты будут восстребованы в 2025 4) 3 месяца обучения - и тебя возьмут даже джуном! Знакомые кричалки? У дизайнеров "кричат" то же самое. А реалии каковы? 1) Учиться на программеров в разы сложнее, потому что мир технологий стал настолько громадным, что каждый день появляются новые плагины и библиотеки. (у нас же и одной Figma, порой, достаточно) 2) З/п-шечка в лучшем случае 80тр. Это будучи джуном в течение года. У прогеров все конкретно: функционал не изучил? Функционал не работает? Нафиг с пляжа! (у нас же "Почему нет дизайна? Это такой вот дизайн-минимализм"). 3) Реально же что-то из себя представлять станешь в лучшем случае через год. А до этого тебя ждет "долина смерти". Никто не берет, потому что опыта нет и слЁзки слЁзки. (у нас же "рисую карточки для маркетплейсов как из пулемёта, пока не обрасту нетворкингом") 3) Ну и, вишенка на торте, из потока школ выживают и становятся программистами лишь... 2% от заявленных на старте (у нас же 5-7% и то, возьмут потому что ты слышал про "скандинавский дизайн" или знаешь где смотят CSS в браузере). 2% выживших! Знакомо? Что же главное у программистов-новичков? Научиться учиться! Научиться управлять энергией и усидчивостью, фокусом внимания. Это профессия исключительно селф-мейд. Знакомо, дизайнеры? Дизайнер может повторить чужой дизайн или даже купить готовый кит на креативных маркетплейсах, клиент это даже не распознает. А программист должен не просто понимать что он повторяет и сделать так чтобы "это" завелось и скомпилировалось, когда рядом еще мильон зависимых библиотек. И наконец, если прямо очень хотеть дотянуться до 300тр - то это минимум пару лет вжобывания. А то и больше. И все это время надо каждый день погружаться в паттерны программирования, искать ментора, курочить чужой код, пытаться написать свой говногод, изучать новые API и фреймворки, и знать JavaScript как батя. Знакомо? Дизайнерам-новичкам еще даже очень повезло. Порог входа гораздо ниже. P/S: Ролик с юным кибернетиком вы и сами нагуглите :))
https://content.desigram.ru/static/1031a64b-f822-45ce-b69e-785477e8b6e4.jpg

#коротко

Знаете ли вы, что... В индизайне можно с лёгкостью делать ресайзы ваших макетов. И, что характерно, программа подстроит ваш контент под новый формат, даже если он непропорциональный. В видео нарезка из урока с курса «Вёрстка для дизайнера», где я показываю, как умный алгоритм перестраивает многостраничный гайд со стандартного А4 до произвольного 150х250 мм. Что важно, программа при этом не деформирует графику (я в конце об этом сказала). Конечно, глазами проверить макет после ресайза придётся. Но проверить — не переверстать! Если не ошибаюсь, такая опция доступна в Adobe InDesign с версии CS6. Знали о такой функции? Ну огонь же! 🔥 Кстати, вы помните, что мы с вами встречаемся в прямом эфире уже завтра? Ставьте напоминалку на 14-00, и не забудьте зайти в канал предзаписи, ссылка на эфир придёт туда.
📚 Релиз 1.5.0 (2-е поколение, React) и 1.2.0 (Vue)
Алоха! Первый релиз в новом году. Улучшили работу компонентов и добавили новый пропс 📙 atomaro/vue-ui-kit 1.2.0 и atomaro/ui-kit 1.5.0 — Select: добавлен новый prop deselectEnabled, переключающий возможность отмены выбора при повторном клике на опцию — Modal: Изменены css-стили в компоненте. Убраны статически заданный отступ в контейнере и скругление — Drawer, Modal, Floating Action Button: исправлена работа Overlay. Tеперь при использовании нескольких компонентов на странице оверлеи не накладываются друг на друга — InputDate: При повторном клике на иконку не закрывался календарь. Исправлено — Slider: При включённом disabled можно было выбрать значение по клику на трек. Исправлено 📗 atomaro/vue-ui-kit 1.2.0 — DropdownMenu: Исправлена ошибка, при которой divider выбирался как значение в Select — Tabs: исправлена ошибка рендера табов при использовании цикла
https://content.desigram.ru/static/f5accf87-e7bc-47f6-b9ca-856dc72bc0fb.jpg
#промо
Вакансия: Senior UX/CX Researcher в Garage Eight Международная продуктовая IT-компания в сфере финтеха Garage Eight ищет рисёчера в команду.  Задачи: — Совместно с командой определять потребность в исследованиях, формулировать гипотезы, управлять и приоритезировать бэклог исследовательских задач; — Проводить CX и UX исследования полного цикла; — Формулировать выводы и рекомендации по итогам проведенных исследований; — Формировать и поддерживать в актуальном состоянии базу знаний; — Обеспечивать прозрачность и вовлекать команду в процесс проведения исследований; — Консультировать коллег в процессе реализации изменений; — Участвовать в проработке CJM и других продуктовых артефактов; — Внедрять новые методы и инструменты исследования; — Развивать культуру исследований в компании. Требования: — Опыт работы от 3х лет; — Знание методов качественных, количественных и кабинетных исследований; — Знание основных фреймворков (CJM, JTBD и др.) и метрик клиентского опыта (NPS, CSI и др.); — Опыт самостоятельного проведения исследований полного цикла; — Английский на уровне В2 или выше. Условия: — Белая зарплата и официальное оформление с первого дня; — ДМС “Ультра всё включено” со стоматологией, подключением родственников, чекапом организма, КТ и прочими радостями взрослой жизни; — Гибридный гибкий график в Питере или другой локации (посещение современного комфортного офиса 2 раза в неделю); — Релокация в любой из наших офисов с покрытием перелета и первого месяца проживания; — Частично компенсируем спорт и работу с психологом после испытательного срока; — Обеды и снеки в офисе; — Транспортный бенефит на выбор; — Занятия английским, оплата курсов и поддержка в профессиональном развитии. Ссылка для отклика
https://content.desigram.ru/static/79c6bb1e-2067-45f2-85e1-b2f9ed2ade46.jpg
Творческие, для вас: в одном месте собраны самые полезные инструменты для дизайна и разработки.
В библиотеке — поисковики шрифтов, генераторы текста, конвертеры, редакторы фотографий и даже отдельный раздел с инструментами для CSS. Ссылку оставляем.
Портфолио говорит само за себя. Так и на этом сайте. Здесь нет ничего, кроме проектов, небольшой страницы "About" — об авторе, и контактов.
Автор получил огромное количество наград на Awwards и CSSDA. Вот где, действительно, ничего лишнего. Ссылка Ui Web Design
Доступ к бесплатному курсу по Webflow 🦾
Начало года — самое подходящее время, чтобы начать начать свой путь в разработке сайтов. В этот раз будем вместе создавать сайт из четырех блоков для мобильного приложения. ↗️ [Начать курс] Курс состоит из 16 уроков, каждый день будет выходить 4 новых урока. Какие видео выйдут вас уже ждут сегодня: ▪️ вводный урок — познакомимся и расскажем, что будет на курсе и чего от него ждать. ▪️ 2 урок — подробно разберем, что такое Box model. ▪️ 3 урок — углубимся в HTML, это нужно для того, чтобы понимать принципы построения сайтов ▪️ 4 урок — расскажем, что такое CSS Завтрашние уроки будут посвящены функционалу Webflow. Разберемся с навигацией и некоторыми блоками нашего сайта. А теперь о самом приятном — домашние задание и вознаграждение за их выполнение. Нам очень хочется, чтобы курс не прошел для вас даром. Одно дело — просто посмотреть уроки, а другое — сдать ДЗ и получить по нему обратную связь. Поэтому те, кто сдаст все домашние работы, будут участвовать в розыгрыше бесплатного места на полный курс. Сам розыгрыш проведем в прямом эфире. Все остальные получат скидку 40% на любой тариф курса ✨ Ребята, ждем всех! Присоединяйтесь к новому формату, комментируйте, задавайте вопросы и пишите, мы всегда на связи 🥹
https://content.desigram.ru/static/181f2d71-5316-4d25-8993-2e9e944d96ba.jpg
IT-сеанс: погружение в мир данных
Центр непрерывного образования факультета компьютерных наук НИУ ВШЭ открывает регистрацию на зимнюю школу. Вас ждут лекции и мастер-классы от спикеров из таких компаний, как: Яндекс, Т-Банк, Купер, Okko, Авито, Билайн, Банк России, Эйч. Приглашаем всех, кто хочет разобраться: - Зачем переходить в IT? - Как построить карьеру в аналитике и Data Science? - Как Data Science применяется в разных индустриях? Школа подойдет как тем, кто только решил освоить новую профессию, так и начинающим специалистам. Когда: 2 февраля Где: Центр Культур НИУ ВШЭ, г. Москва, Покровский бульвар, 11 Участие бесплатное для всех желающих, требуется регистрация Узнать больше #реклама 16+ cs.hse.ru О рекламодателе
https://content.desigram.ru/static/d39cd42d-f3f0-43de-ae69-0461dd97c3a4.jpg
ДИЗАЙН С ЛЕГКОСТЬЮ: НОВЫЕ МЕТОДЫ UI ДИЗАЙНА
В статье Prototypr.io раскрываются два эффективных метода, помогающих создавать пользовательские интерфейсы с лёгкостью. 🌟 Первый метод — работать в обратном направлении, используя современные фреймворки, как React и Tailwind CSS. Это экономит время и усилия. Второй метод — Mobbin, каталог лучших экранов и взаимодействий, который вдохновляет и упрощает процесс дизайна. 🖌️ #UIDesign #WebDesign #Prototyping #Mobbin #Creativity ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
https://content.desigram.ru/static/718e8ef6-765a-42c4-a54c-c2cd3aa54fd1.jpg
Следующую неделю начинаем с бесплатного курса по Webflow 🦾
Помните, мы рассказывали, что в этот раз формат будет несколько отличаться? Вот детали. ➝ в курсе будет 16 уроков ➝ планируем выкладывать по 4 урока в день, начиная с понедельника ➝ уроки в среднем будут длиться по 7 мин В итоге каждый участник добавит в портфолио готовый сайт из четырех блоков для мобильного приложения. Этот курс направлен на получение базовых знаний о верстке на Webflow. Немного разберем HTML, CSS и основной функционал Webflow. Изменения коснутся и домашек ☺️ Появится дополнительная мотивация их сдавать и дойти до конца курса. Подробнее об этом расскажем чуть позже. И по традиции, ловите макет, который уже готов и вас ждет. Жмите ❤️, если планируете присоединиться.
https://content.desigram.ru/static/6968efa5-796c-44bc-9fc2-13cc15ef5d9f.jpg
Приглашаем вас на онлайн-занятие «Метрики счастья пользователей», которое проведёт Руслан Саввотин, ux-эксперт, Head of UX ex-Ostrovok.ru, ex-Doumo.
🗓24 января 18:00-19:00 (МСК) Вы знакомы с основными показателями продукта, такими как конверсия, просмотры, посещения и количество загрузок приложения? Эти метрики важны, но они не всегда отражают реальную удовлетворенность ваших пользователей. Руслан поделится с вами новыми подходами к оценке отношения клиентов к вашему продукту. Вместо того, чтобы полагаться только на традиционные метрики, вы научитесь напрямую спрашивать пользователей об их опыте. На занятии вы узнаете: • передовые метрики для измерения удовлетворенности пользователей; • когда нужно наблюдать, а когда опрашивать напрямую; • различные виды опросов: на продукте, в поддержке и при исследованиях; • работа с метриками NPS, CSI, CES для максимальной отдачи. Занятие будет полезным для исследователей клиентского опыта, менеджеров продукта и всех, кто стремится усовершенствовать свой продукт. ✏️Записывайтесь на занятие. Ждём вас!)
Придумала как использовать CSS в отчетах с пользой, спасибо за идеи.
PBIX внутри
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке от эксперта; 6. Научишься использовать ChatGPT и Giga во Frontend-разработке; 7. Узнаешь 9 способов найти первый заказ даже без опыта. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
Код пишет код. Будущее уже наступило. Скайнет просыпается
Шутки шутками, но... пробовали ли вы использовать ИИ для создания CSS и стилизации лендингов? Максим Ежов попробовал, вдохновился и подготовил мастер-класс, в котором поделится своим опытом. Завтра, 19 января в 14.00 мск. Стоимость участия: 1 000 руб. 🤩 РЕГИСТРАЦИЯ Что вы получите на мастер-классе? 1. Вы узнаете, как использовать CSS, сгенерированный нейросетью. Вы вводите параметры, а искусственный интеллект генерирует стиль. Настроить результат под ваши нужды просто. 2. Вы задаёте нужные параметры, а ИИ тут же подбирает решения для вашего сайта. Работать будем на платформе GetCourse — сразу всё протестируем и внедрим. 3. Вы получите пошаговые инструкции и примените знания прямо на мастер-классе. Мы вместе превратим ваши идеи в работающий сайт. Ещё раз условия участия: Завтра, 19 января в 14.00 мск. Стоимость участия: 1 000 руб. 🤩 РЕГИСТРАЦИЯ
https://content.desigram.ru/static/514468e5-24c7-4c6b-879e-ea3c54085a29.jpg
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Зимний дизайн
#МагияUXUI Я вот смотрю на экран своего разблокированного телефона в середине января и начинаю испытывать морозящее дежа вю. Как будто что-то давно забытое, вэбовское, нафталиновое начинает вырываться наружу с экрана мабилы. И потом понимаю! Всё дело в отвратном зимнем оформлении иконок. Уровень всратости подобного дизайна: «шапки сайта нулевых с эффектом падающих снежинок на CSS». Среди привычных мне иконок приложение подкладывает мне свинью в виде новой иконки, которую я теперь должен идентифицировать. Мышечная память устроена так, что мне не надо искать иконку приложения. Палец сам помнит куда нажать, чтобы открыть нужную аппку. А вот когда в этом процессе включается ненадолго мозг, он начинает ломаться: «А это что ещё за дерьмо? Я такого не устанавливал». Внимание вопрос: Сколько пользы и сколько вреда от подобных сезонных изменений в дизайне иконок? Если будете проводить исследование на тему неизмеримого показателя эмоционального дизайна, призванного вызывать улыбки и приятное настроение, а также напоминать пользователю, что дорогой любимый бренд живёт и обновляет ваше любимое приложение — то можете зафиксировать один отзыв как крайне негативный.
https://content.desigram.ru/static/11b21fc6-0fef-4a99-989a-9d40d085fe4d.jpg
🗂 Этот плагин позволяет преобразовывать дизайн-проекты, созданные в Figma, в высококачественный код для различных языков, таких как HTML, CSS, React, Vue и другие.
Однако, плагин поддерживает не все свойства CSS и типы мультимедиа. 🔗 УСТАНОВИТЬ ПЛАГИН #плагины #полезное 🔥Божественный фотошоп
https://content.desigram.ru/static/de19eb7c-fad8-4529-9220-8287418c59ce.jpg
Когда-то давно Олег Краснов для пластисити сделал очень крутую вещь, а именно новую тему для старого дизайна. Она стала легче, и красивее и во многом удобнее.
Так как процесс кастомизации усложнен структурой программы, хоть и упрощен наличием консоли разработчика (Ctrl+Shift+I прям в пластике) Встроить свой дизайн так просто нельзя. Однако! Олег совершил чудо-чудное и создал батник, который редактирует файлы интерфейса встраивая туда свой CSS с более гибкой настройкой стилей. В комментарии я прикреплю архив с двумя файлами. Инструкция: 0) Заранее бэкапим файл index.html, находящийся по пути Program Files\Plasticity\app-X.X.XX\resources\app\.webpack\renderer\main_window\index.html 1) Содержимое распаковываем в C:\Users\<Твоё имя пользователя>\.plasticity 2) В файле custom.cmd пишем (через любой редактор текста) путь до пластисити. После "$f =" в одинарных кавычках. 3) Потом исполняем файл custom.cmd, моргнет окно команд значит все ок, и запускаем пласт. Делитесь успехами и вашим дизайном в комментариях. 📐
https://content.desigram.ru/static/db1c4341-634f-4ceb-ac86-06f22ae5885e.jpg