Интернет
Я внес свой вклад в редактор с открытым исходным кодом, и вы тоже можете
Несколько месяцев назад Джейсон Григсби [сообщение об автозаполнении форм] (https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) получил широкое распространение. Мне понравилась идея позволить пользователям вводить данные своей кредитной карты, фотографируя свою карту. Что мне не понравилось, так это заучить [все возможные значения для автозаполнения] (https://html.spec.whatwg.org/multipage/forms.html#autofill). Я становлюсь ленивым в старости. В последнее время я был избалован использованием редактора, который делает для меня интеллектуальное автозаполнение, что в прошлом предлагалось только массивными сложными IDE. Открыв предпочитаемый мной редактор, я создал элемент input и добавил атрибут autocomplete, но обнаружил, что завершение кода предлагало мне состояние «включено» или «выключено». Разочаровывает.
ПодробнееЭтикет Photoshop для адаптивного веб-дизайна
Прошло почти пять лет с момента запуска [Photoshop Etiquette] (https://photoshopetiquette.com/), что официально делает его пережитком в Интернете. Многое может произойти в сети за несколько лет, и последние пять лет продемонстрировали это лучше, чем большинство других.
ПодробнееКак провести критику дизайна пользовательского интерфейса
Критиковать легко. Кажется, что у каждого есть свое мнение, но, как отмечает писатель Харлан Эллисон, «Вы не имеете права на свое мнение. Вы имеете право на свое обоснованное мнение». Однако, чтобы стать информированным, требуется исследование. Критика дизайна — важная часть любого исследования продукта. Критика дизайна — когда создатель обсуждает и объясняет создание с остальной частью команды и/или клиентом — не сводится к тому, чтобы приставать к дизайнеру или подталкивать его к оправданию каждого принятого решения. Это просто критика. **Хорошая критика дизайна предназначена для изучения дизайна**, определения того, где он работает и где его можно улучшить. Если все сделано правильно, критика дизайна позволяет всем в команде чувствовать, что они были услышаны, и позволяет клиентам давать ценные отзывы.
ПодробнееРуководство для начинающих по прогрессивным веб-приложениям
PWA используют преимущества новейших технологий, объединяя лучшее из веб-приложений и мобильных приложений. В этих статьях рассматриваются последние достижения в области браузеров и возможности, которые мы, как разработчики, имеем для создания веб-приложений нового поколения.
ПодробнееОсновы дизайна опыта: анимированные микровзаимодействия в мобильных приложениях
Дариел Фитцки, известный фокусник, однажды сказал: «Магия заключается как в деталях, так и в исполнении». Интерактивный дизайн именно такой. Дизайнеры любят правильно отображать общую картину, но если детали не будут обработаны должным образом, решение не удастся. **Магия кроется в деталях**. Вот почему хорошо продуманные микровзаимодействия заставляют чувствовать себя созданными. Чтобы лучше понять, как ваш дизайн выигрывает от микровзаимодействий, это поможет набросать идеи вашего приложения. Adobe представила новое приложение для дизайна и создания каркасов под названием Experience Design (или Adobe XD), которое позволяет создавать каркасы и делать их интерактивными. Вы можете скачать и протестировать Adobe XD бесплатно.
ПодробнееРазработчики «владеют» кодом, так не должны ли дизайнеры «владеть» опытом?
Мы все были там. Вы потратили месяцы на сбор бизнес-требований, проработку сложных пользовательских путей, создание точных элементов интерфейса и их тестирование на репрезентативной выборке пользователей только для того, чтобы увидеть конечный продукт, который мало похож на желаемый опыт.
ПодробнееДизайн пользовательской памяти: как спроектировать для длительного опыта
Две диаграммы, изображенные ниже, изменили мое представление о мышлении. Воспроизведенная из классического психологического исследования 1996 года, история, стоящая за этими диаграммами, является яркой иллюстрацией того, что то, что мы, люди, чувствуем в тот момент, когда мы познаем мир, может сильно отличаться от того, что мы чувствуем, когда вспоминаем об этом опыте позже.
ПодробнееКалендари Обои для Рабочего Стола: Август 2016
[Уже восемь лет](https://www.smashingmagazine.com/tag/wallpapers/) наш ежемесячный конкурс обоев для рабочего стола — это фаворит Smashing, который был бы невозможен без неустанных усилий талантливых дизайнеров и художников со всего мира. . В стремлении удовлетворить **обои, которые немного более характерны, чем обычная толпа**, мы призываем вас, сообщество дизайнеров, дать волю своим творческим сокам и создавать интересные и вдохновляющие дизайны каждый месяц заново. Да и в этот раз все было по-другому.
ПодробнееСписок литературы для веб-разработки № 147: рекомендации по безопасности, доступные компоненты пользовательского интерфейса и дизайн, ориентированный на контент
Работая в команде, важно придерживаться правил. Распространенной задачей является создание всех ваших проектов с использованием аналогичного или одного и того же набора инструментов и **рекомендаций по кодированию**. Только вчера я обсуждал, как мы можем перенести проект, который с годами перерос свою первоначальную кодовую базу, на свежий исходный код на основе React.js. Решение было непростым, так как мы уже вложили в этот проект довольно много работы и денег, а переход на React тоже потребует немало времени. Но поскольку переход имеет смысл с технической точки зрения, а команда уже использует React для трех других проектов, мы пришли к выводу, что это хороший шаг. Это позволит большему количеству разработчиков команды внести свой вклад в проект, проверить код и сократить смену технологий в компании. Иногда приходит время переоценить свои проекты и двигаться дальше.
Подробнее