• 5 минут чтения

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

• Поделись ТвиттерЛинкедин

На этой неделе я буду краток: большое спасибо за отличную конструктивную дискуссию на прошлой неделе о найме людей и основах веб-разработки. Я почерпнул из нее несколько очень интересных мыслей, надеюсь, и вы тоже. Теперь давайте пройдемся по самым новым вещам, которые я нашел.

дальнейшее чтение о разгроме: ссылка

• Контрольный список производительности внешнего интерфейса 2017 г.
• Подготовка к HTTP/2
• Все, что вам нужно знать об AMP

Новости

• На этой неделе Firefox 44 был выпущен для широкой публики. Новая версия предлагает улучшенную поддержку видео (VP9, WebM в дополнение к h.264) и добавляет поддержку сжатия Brotli (новое, лучшее сжатие, чем gzip) для HTTPS-соединений. Сервисные работники теперь также поддерживаются. Кроме того, новый Firefox требует, чтобы надстройки были подписаны, и он больше не подключается к сайтам, которые разрешают шифры RC4 в своей конфигурации HTTPS.
• Новая сборка бета-канала Chrome теперь включает в себя панель безопасности в инструментах разработчика. Эта панель показывает, насколько безопасен ваш сайт, включая сведения о HTTPS и предупреждениях о смешанном содержимом. К сожалению, он еще не очень подробный, а также не предоставляет такую ​​информацию, как HSTS, HKPK и другие сведения о безопасности, но я рад видеть это и держу пари, что со временем они интегрируют больше функций.

Общий

• Франческо Айовин записал, как сделать так, чтобы ваше веб-приложение можно было установить в большинстве мобильных (и некоторых настольных) браузеров и операционных систем с последними веб-стандартами.

Концепции и дизайн

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

Инструменты

• Если у вас уже есть логотип в виде файла SVG, вы можете оптимизировать его не только для яркого, но и для темного фона. С logomono теперь вы можете легко автоматизировать процесс, чтобы получить отличный, надежный SVG, который работает на обоих типах фона.

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

• Брэд Фрост создал супер-простую программу Performance Budget Builder. Вам просто нужно ввести свои личные цели проекта, чтобы увидеть, соответствуете ли вы своему бюджету производительности или нет.
• Поскольку адаптивные изображения — это то, что вы можете (и должны) использовать уже сейчас в производстве, мы сталкиваемся с проблемой изменения размера наших изображений в различных разрешениях, размерах и качествах. Есть несколько изящных серверных интеграций, которые помогают вам в этом, однако во многих случаях это все еще проблема. К счастью, теперь есть инструмент с открытым исходным кодом, который вы можете использовать, а также руководство по всей теме.

HTML/SVG

• Многие люди не знают, что hidden HTML-атрибут имеет вполне приличную поддержку браузерами. Стив Фолкнер объясняет, как его можно использовать, а также описывает другие атрибуты для правильного скрытия элементов.

Доступность

• Адриан Роселли объясняет, когда мы должны использовать <a>а <button>или <input type="submit"> элемент для кликабельного элемента действия и почему использование <div> никогда не является допустимым вариантом для таких случаев.
• Когда мы рассматриваем наш стек разработки как стек доступности и следуем некоторым основным принципам, мы можем легко создать доступное веб-решение, которое интегрирует всех пользователей, независимо от того, как они потребляют контент на веб-сайте.

JavaScript

• Джейк Арчибальд знакомит нас с миром Streams в JavaScript и рассказывает нам, почему мы можем эффективнее и быстрее обслуживать контент с помощью Streams.
• Это не новый ресурс, но его стоит прочитать, если вы еще не до конца поняли, как работает область видимости JavaScript: все, что вы хотели знать о области видимости JavaScript, автор Тодд Мотто.
• В Firefox 44 также представлен Web Push API, и в этой статье вы можете узнать, как использовать его, например, для уведомления пользователей о входящем вызове WebRTC.

CSS / Сасс

• Шаблон плавающей метки в полях ввода формы — хороший способ дать подсказки по полю формы. И теперь есть способ сделать это только с помощью CSS, без необходимости в дополнительном JavaScript.
• С модулем CSS flexbox мы можем относительно легко создать каменную кладку, не добавляя JavaScript для вычисления позиций, а только CSS.
• Микито Такада написал мини-книгу о CSS. Изучите макет CSS педантичным способом объясняет основные свойства CSS очень подробно и понятно, так что ни один вопрос не останется без ответа.

Рабочая жизнь

• Как отрасль, мы привыкли бесплатно получать сотни часов работы и преимущества многолетних знаний. Но мы часто забываем, что свободное программное обеспечение (OSS) не является полностью бесплатным, поскольку за него платят люди, которые платят за него свое время.

Иди за грань…

• Обсуждения Uber должны выходить за рамки того, что они предлагают более дешевую поездку. На самом деле Uber бросает вызов судам и политикам, законодателям и многим другим устоявшимся системам и людям. Они пытаются обойти существующие законы, и хотя это дает законодателям отличный шанс наконец улучшить эти законы, проблема в том, что если Uber добьется успеха в деле, другие компании также будут использовать ту же стратегию.

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

Спасибо и всего наилучшего, Ансельм