Публикации по теме 'ux'


Прототипы, баги и эмоции
С точки зрения фронтенд-инжиниринга, ваш код перерабатывается чаще, чем код серверной части. Вы пишете этот масштабируемый, производительный фрагмент кода, который, как вы видите, закрывается, перепроектируется или перестраивается. Раньше я был привязан к своему коду и грустил, когда он исчезал. Но с годами я научился этого не делать. Хотя, я размышляю над тем, почему происходят изменения. Вот некоторые из наиболее распространенных тем, с которыми я столкнулся: Предубеждение..

Дизайн для ИИ: как выбор алгоритма влияет на UX
Машинное обучение - одна из стратегий, которые используют многие компании, пытаясь улучшить и дифференцировать свой продукт, расширяя возможности пользователей. Встраивание искусственного интеллекта в приложения может улучшить то, что можно сделать для клиентов и пользователей, но также может повлиять на то, как клиенты и пользователи взаимодействуют с машиной. В этой статье я расскажу, как как дизайнер вы можете помочь улучшить процесс принятия решений; даже если это инженеры решают,..

Простой способ сделать текст редактируемым в HTML
Узнайте о contenteditable Если вы следили за моими недавними твитами , то, возможно, заметили, что в настоящее время я пишу код вместе с задачей JavaScript30 Уэса Боса. Хотя многие задачи послужили освежением моих знаний в области JavaScript, были моменты, когда мне приходилось приостанавливать обучение и внутренне кричать: «Ого, почему я не узнал об этом раньше?» У меня снова был этот момент, когда я подошел к задаче создания подвижных текстовых теней. Как оказалось,..

4D-дизайн - обещание программируемых физических продуктов
Как смена формы может изменить то, как мы разрабатываем продукты и опыт. Зависимость от твердых материалов ограничивает то, как мы в настоящее время проектируем физические продукты. Он придает физическим объектам постоянный характер, и хотя дизайн по своей сути является человеческим делом, которое использует форму, функции и взаимодействие для удовлетворения потребностей пользователей, дизайну продукта было трудно соответствовать постоянно меняющимся стандартам того, что пользователи..

ReactJS: выпадающие меню
Сегодня веб-приложения в значительной степени полагаются на раскрывающиеся меню, чтобы разгромить пользовательский интерфейс, убирая дополнительные некритические параметры внутри меню, которые можно запускать, наведя курсор мыши или щелкнув значок. Эта статья представляет собой краткое руководство по созданию раскрывающихся меню, таких как 👆. Мы создадим меню со следующими взаимодействиями: - Если щелкнуть значок, появится меню. Щелчок по чему-либо внутри меню не закрывает меню...

Как я добавил темный режим на свой сайт
Недавно я переделал свой сайт . Вот 2 изображения того, как это выглядело для справки: Я разработал этот веб-сайт почти год назад и по ходу дела внес много изменений, как и любой другой веб-сайт. Прежде чем мы продолжим: Загрузите мои 15 бесплатных электронных книг о JavaScript, React, Python, Svelte и многом другом! В конце концов, мне надоел дизайн: заголовок слишком большой, слишком много места потеряно вместо того, чтобы сразу отображать контент, и так далее...

Как создать простую форму с помощью CSS Grid
Вы научились создавать простую форму с помощью Flexbox в предыдущей статье . Сегодня вы поймете, как создать то же самое с помощью CSS Grid. Вот что мы создаем: Создание формы с помощью CSS Grid Из рисунка выше мы знаем, что форма содержит два элемента: Поле электронной почты Кнопка отправки Вот HTML: <form> <input type="email" name="email"> <button type="submit">Send</button> </form> Чтобы создать форму с помощью CSS Grid, вам..