Как раз когда я собирался начать публикацию в этом выпуске 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 и другие! В выпуске этой недели есть что раскрыть.
На этой неделе все. Оставайся любопытным.