Калейдоскоп Frontenders ~ Издание 11 ~ 2018

Как раз когда я собирался начать публикацию в этом выпуске Frontenders Kaleidoscope, я понял, что у меня есть буквально одно уведомление о выпуске. Это казалось очень неправильным, поэтому я подумал, что это может быть GDPR, и пропустил уведомление, где мне нужно было снова зарегистрироваться. Нет, оказывается Sibbell.com, который я использовал для уведомлений по электронной почте о наблюдаемых репозиториях на Github, закрылся 15 мая :(

Есть несколько альтернатив этому, или вы можете просто подписаться на ленту атома каждого репо. Я по-прежнему считаю, что такая услуга, как Sibbell, была бы полезна, поэтому не могли бы вы заинтересоваться такой услугой? Любопытно узнать.

Я вместо этого, есть ряд постов, которые вы можете прочитать, а также два отличных эпизода подкастов. До следующего выпуска.

Читательский вид

Представляем npx: средство запуска пакетов npm

Этот пост от Кэт Марчан уже некоторое время находится в моем списке невыполненных работ, и как мне грустно и приятно одновременно. Печально, потому что мне потребовалось столько времени, чтобы узнать о npx. Happy, потому что вау, это определенно ситуация, когда использование awesome допустимо;) Из сообщения:

npx - это инструмент, призванный помочь улучшить опыт использования пакетов из реестра npm - точно так же, как npm упрощает установку и управление зависимостями, размещенными в реестре, npx упрощает использование инструментов CLI и других исполняемых файлов, размещенных на реестр. Это значительно упрощает ряд вещей, которые до сих пор требовали некоторых церемоний, связанных с простым npm.

7 основных правил дизайна кнопок

Отличный пост Ника Бабича на UX Planet. Этому базовому элементу пользовательского интерфейса часто не уделяется достаточно внимания. Если вы будете помнить эти 7 советов при просмотре текущего пользовательского интерфейса или следующего проекта, это определенно улучшит пользовательский интерфейс. Из сообщения:

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

Взгляд на JavaScript API Resize Observer

На alligator.io они разместили небольшую красивую статью с довольно интересной демонстрацией, посвященную Resize Observer. Из сообщения:

Resize Observer - это новый JavaScript API, который очень похож на API других наблюдателей, таких как Intersection Observer API. Это позволяет элементам получать уведомления об изменении их размера.

Глобальный атрибут HTML5« hidden »

Интересно, сколько еще таких маленьких самородков существует в отношении HTML в целом и HTML5 в частности. Как следует из названия, к языку был добавлен атрибут hidden, который ведет себя аналогично display: none; Из сообщения:

Как вы, вероятно, знаете, существует ряд атрибутов HTML, которые считаются глобальными, поскольку их можно применять к любому элементу HTML. Общие примеры включают class, id, style и tabindex.

Тот, который был добавлен несколько лет назад в HTML5, и вы, возможно, забыли о

Медленная смерть Internet Explorer и будущее прогрессивных улучшений

В разделе A List Apart Оливер Уильямс опубликовал отличное чтение, которое очень своевременно для меня. Я хотел точно переключиться на MDN Web Docs, и после прочтения его сообщения я снова считаю, что это правильно. На самом деле это открывает контент для гораздо более широкой аудитории. Это улучшает рабочий процесс разработчика, позволяет избежать проблем с пользовательским интерфейсом и не истощает тарифный план пользователя, забивая их мегабайтами полифилов.

Какой инструмент тестирования доступности вам следует использовать?

В блоге Pulsar Пол Стэнтон очень хорошо описывает некоторые инструменты автоматического тестирования, которые разработчики могут использовать в качестве первого шага для обеспечения доступности нашего веб-опыта. Я бы обязательно добавил к этому списку инструменты с pa11y.org. Из сообщения:

Мне потребовалось время, чтобы поэкспериментировать с несколькими популярными расширениями и инструментами для тестирования доступности, которые мы используем для проверки доступности наших пользовательских интерфейсов. Эти инструменты дадут вам хорошую основу для доступности, прежде чем вы перейдете к ориентированному на пользователя тестированию с участием реальных людей и / или полномасштабному аудиту доступности.

Известные релизы

Игровой движок HTML impact.js имеет открытый исходный код

Послушай

JS Party ~ Инструментальная феерия!

Кевин Болл, Алекс Секстон, Ник Ниси и Кристофер Хиллер рассказывают обо всем, что касается инструментов. Инструменты для сборки, линтинг, форматирование, IDE и небольшая часть Vim.

Слушай сейчас

Подкаст веб-платформы ~ NG-CONF 2018

Ng-conf произошло! Было много отличных выступлений и отличных людей. Джефф Велпли был одним из них! Джефф помогает нам разобраться в том, что будет с Angular. Angular 6, новый интерфейс командной строки Angular, RxJs 6 и другие! В выпуске этой недели есть что раскрыть.