Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 144: Ошибки CSP, отладка JS и тестирование на отказ

Краткое описание по статье Список литературы для веб-разработки № 144: Ошибки CSP, отладка JS и тестирование на отказ

Название: Список литературы для веб-разработки № 144: Ошибки CSP, отладка JS и тестирование на отказ . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 03.02.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

[ad_1]

  • Ансельм Ханнеманн

  • 0 Комментарии

Список литературы для веб-разработки № 144: Ошибки CSP, отладка JS и тестирование на отказ

  • 4 минуты чтения

  • Список литературы по веб-разработке

Краткое резюме ↬

Каждая неделя — это учебная неделя, и на этой неделе мне напомнили, что не все единицы области просмотра хороши для использования. Кроме того, выбор правильного кода состояния HTTP может быть затруднен и может даже не поддерживаться версией Apache, работающей на вашем сервере. Я также узнал, как можно расширить ведение журнала ошибок JavaScript, чтобы вы, наконец, могли получать удобные для чтения и полезные отчеты. Как будто этого было недостаточно, я снова многое узнал о специальных возможностях и прогрессивном улучшении, а также обнаружил презентацию о том, как можно обойти CSP и почему браузеры могут отображать элементы с известными границами, а также с ограничениями макета невероятно быстрее, чем с неизвестными. Вы готовы? Теперь и ваша очередь научиться всему этому.

Каждая неделя — это учебная неделя, и на этой неделе мне напомнили, что не все единицы области просмотра хороши для использования. Кроме того, выбор правильного кода состояния HTTP может быть затруднен и может даже не поддерживаться версией Apache, работающей на вашем сервере. Я также узнал, как можно расширить ведение журнала ошибок JavaScript, чтобы вы, наконец, могли получать удобные для чтения и полезные отчеты.

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

Дальнейшее чтение на SmashingMag:

  • Ошибки дизайна приложений для iPhone: слишком раздутые визуальные эффекты
  • Tale Of A Top-10 App, часть 1: идея и дизайн
  • Как добиться успеха с вашим мобильным приложением
  • Строительные блоки прогрессивных веб-приложений

Общий

  • Эти милые блок-схемы помогут вам решить, каким правильным кодом состояния HTTP должно отвечать ваше приложение.

Инструменты и рабочие процессы

  • WebPageTest — отличный инструмент для проверки вашего сайта на наличие проблем с производительностью. Однако инструмент может сделать гораздо больше, чем вы думаете. С его помощью вы можете имитировать единую точку отказа (например, тайм-аут сторонней библиотеки), сценарии входа в систему для страниц, аутентифицированных пользователем, и интегрировать его в свой CI или запустить свой собственный экземпляр. Дин Хьюм собрал пару таких трюков в своей статье.

Еще после прыжка! Продолжить чтение ниже ↓
Знаете ли вы, что вы можете настроить способ отображения каскадной диаграммы в WebPageTest? После того, как вы запустите тест, нажмите на изображение водопада и немного прокрутите вниз. Вы увидите ссылку под названием «Настроить водопад». (Источник изображения)

Безопасность

  • Политика безопасности контента [CSP] имеет отличные функции, но также приносит свои собственные проблемы и риски. Микеле Спагнуоло и Лукас Вейхсельбаум представили наиболее распространенные проблемы, ошибки реализации, некоторые обходные пути и то, как снова сделать CSP великолепным в своих слайдах.

Веб-производительность

  • PerfTool от разработчиков devbridge — это отличный пакет npm для отображения статистики о ваших веб-страницах, включая оценку Google PageSpeed ​​Insights, количество ресурсов, рекомендации по устранению проблем с производительностью, ошибки HTML и многое другое на одной пользовательской веб-странице.

HTML и SVG

  • Иногда дизайнеры упрощают форму, удаляя метки. Проблема в том, что минимализм не всегда означает простоту — что, безусловно, относится к этикеткам. Этикетки, по сути, являются неотъемлемой частью разработки простых в использовании форм.
Увеличенная площадь поражения помогает пользователям с двигательными нарушениями активировать элемент управления.
Увеличенная площадь поражения помогает пользователям с двигательными нарушениями активировать элемент управления. (Источник изображения)

Доступность

  • Хейдон Пикеринг пишет книгу об «Инклюзивных шаблонах проектирования», и вы можете предварительно заказать ее прямо сейчас. Я уже смог получить некоторое представление, и я весьма впечатлен различными точками зрения на семантику, прогрессивное улучшение и доступность в книге, и могу порекомендовать ее, если вы хоть немного интересуетесь этими темами.
  • Хизер Миглиоризи написала огромный сборник о создании доступных SVG, который вам обязательно следует прочитать, если вы используете файлы SVG в своих проектах (а кто не использует их?).

Крутая SVG-кошка от Heather Migliorisi user=»hmig»]См. Pen Simple Inline Accessible SVG Cat — использование title и desc от Heather Migliorisi (@hmig) на CodePen.

Крутая SVG-кошка от Heather Migliorisi user=«hmig»]См. Pen Simple Inline Accessible SVG Cat — с использованием title и desc от Heather Migliorisi (@hmig) на CodePen.

JavaScript

  • Даниэль Рейс опубликовал несколько практических трюков с консолью, которые значительно упрощают отладку ваших приложений. И если вы хотите пойти дальше, logerr — это экспериментальная вспомогательная библиотека ошибок, которая может дать вам много информации.

CSS/Sass

  • Композиция макета CSS часто довольно медленная в браузерах из-за неизвестного поведения элементов. Теперь, если у вас есть элемент, который, например, имеет overflow: hidden уже установлен и является непрозрачным, вы можете помочь браузеру отрисовываться намного быстрее, предоставив информацию о сдерживании CSS. Аналогичная оптимизация will-change и, вероятно, только временная вещь, которую нам, надеюсь, не нужно будет использовать слишком долго или вообще.
  • Если вы используете vw или другие единицы измерения окна просмотра для размера элемента, всегда помните, что Элементы размера окна просмотра не масштабируются пользователем. Вы можете попробовать самостоятельно с этой демонстрацией. Альтернативой может быть использование calc(1em + 0.25vw) или аналогичные вычисления, которые не полностью зависят от единиц измерения окна просмотра и, следовательно, являются масштабируемыми.
  • Firefox 49 выйдет на следующей неделе, а вместе с ним 68Цвета -digit alphatransparent-hex будут поддерживаться, и поэтому вам следует проверять свои сайты, если у вас есть какие-либо из таких значений случайно, потому что они внезапно будут оценены!

И на этом я закончу на этой неделе. Если вам нравится то, что я пишу каждую неделю, пожалуйста, поддержите меня пожертвованием или поделитесь этим ресурсом с другими людьми. Подробнее о стоимости проекта можно узнать здесь. Он доступен по электронной почте, RSS и онлайн.

Сокрушительная редакция
(ах)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Список литературы для веб-разработки № 144: Ошибки CSP, отладка JS и тестирование на отказ

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Кнопка «Наверх»