Drag&Drop-конструктор интерфейсов на чистом JavaScript.

Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса.

Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике.

27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».

Регистрация открыта: https://vk.cc/cRtOQC

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Минутка дизайнера:

Дизайнер Es Devlin в двух коротких видео. Уже известная и знаменитая своими мировыми проектами и начинающая в начале 90х за работой.

Признанный профи и начинающая дизайнер.

Важно видеть свою профессию как способ и метод построения жизни вокруг любимого дела и того, что будет долго служить твоему развитию пока ты «делаешь проекты клиента как собственные».

Начинающим дизайнерам будет полезно сравнить как фактически творческий взгляд и амбиции остаются с годами огоньками в глазах и не гаснут. Научиться сохранять такой настрой.

Опытным дизайнерам будет полезно заметить как важно уметь коммуницировать и артикулировать свои профессиональные размышления и не стесняться «работать руками». Опыт демонстрации рабочего процесса и умение «работать перед камерой», что немаловажно.

Стиль. У дизайнера должен быть свой персональный стиль и внешний и внутренний.

Проживи день в роли продуктового дизайнера. Реальные задачи, встречи с коллегами и ревью – все как в жизни. Только от твоих решений зависит, сможешь ли ты довести проект до конца. Если пройдешь все испытания – выдадим зарплату скидками на дизайн-тулы, менторские встречи и откроем доступ к уроку про визуальный шум в интерфейсах → ссылка на тест.

Реклама.
ООО "ПРАГМАТИКА"
ИНН 6670504318
erid: 2Vtzqvqw1i1

Проживи день в роли продуктового дизайнера. Реальные задачи, встречи с коллегами и ревью – все как в жизни. Только от твоих решений зависит, сможешь ли ты довести проект до конца. Если пройдешь все испытания – выдадим зарплату скидками на дизайн-тулы, менторские встречи и откроем доступ к уроку про визуальный шум в интерфейсах → ссылка на тест.

Реклама.
ООО "ПРАГМАТИКА"
ИНН 6670504318
erid: 2Vtzqvqw1i1

Основы геймификации и её применения в продукте

Игровые механики — не просто украшение: они помогают мотивировать пользователей, показывая прогресс, создавая цели и вовлекая в процесс

В статье разбираются ключевые элементы: очки, бейджи, уровни, квесты, взаимодействие между пользователями, цель-задача — и когда их действительно стоит внедрять.

читать на дизайнерс | #продукт #геймификация

Седьмой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018.

Реклама.
Ветров Юрий
ИНН 780163214320
erid: 2VtzqxDqgfa

Миниатюрные баночки эспрессо кофейного бренда David’s Choice

Дизайнеры использовали высокий цветовой контраст и крупную типографику, а также оригинально обыграли символ бренда — ✓

#awd_pack via reesaw.com/item/David

Meta* представила SAM 3D, новую модель, которая умеет создавать полноценные 3D-реконструкции из обычных 2D-изображений.

*признана экстремистской в РФ

Как я пыталась в ИИ и что из этого вышло

Статья о том, как автор использовал проект как эксперимент. Он обычно накидывает структуру и черновики вручную, но в этот раз решил попробовать другой способ. Как это повлияло на результат, читайте далее

Читать на дизайнерс | #статья

Я: пишу про необходимость изменения собеседований в эпоху AI

META: начинает шевелиться

Тот-самый-азиат:

Перевод:

Слышал об собеседующем из ByteDance, который проводил удаленное собеседование. Способ, которым он решил поймать кандидата на жульничестве с использованием ИИ, был настолько наивным, что это даже абсурдно.
Интервьюер внезапно сказал: «Закройте глаза и ответьте на этот вопрос».

Совершенствуем Baseline для реальной разработки. Патрик Броссет о том, как статусы Baseline newly/widely available помогают быстро оценить поддержку в основных браузерах, а группа WebDX продолжает работу над сигналами по доступности, прогрессивным улучшением и полифилами, маппингом с другими браузерами и новыми инструментами. #baseline #tools

https://piccalil.li/blog/perfecting-baseline/

Комплект пользовательского интерфейса для мобильного приложения по аренде автомобилей

• Иконки, кнопки, иллюстрации

#UIK

Открыть в Figma

Space X выпустила симулятор ручной стыковки корабля Dragon.

iss-sim.spacex.com

Шрифт Alcotton by Stepan Lyaptsev, Alexandra Cotton

Бесплатно для личных и коммерческих проектов.

📁Скачать Шрифт

#Latin #Free #Cyrillic