Веб-стандарты. Страница 90

12 базовых рефлексов верстальщика. Николай Громов предлагает свой взгляд на поведение хорошего верстальщика, без которых он — ну, такое — https://nicothin.pro/page/reflex

К уже известным HEX-цветам из 3 и 6 символов, которые читаются как слова (вроде #bada55), добавились новые из 4 и 8 значений с альфа-прозрачностью. Эрик Мейер собирает новый словарь и подсказывает как писать фолбэки — https://meyerweb.com/eric/thoughts/2019/04/01/color-me-face1e55/

Избавляемся от дублей пакетов. CLI-скрипт ostap помогает автоматизировать подобор оптимальных версий пакетов и сократить размер бандла — https://habr.com/p/445878/

Выпуск №167: WebStorm, редакторы, GitLab, LitElement, Svelte, рантайм, образование онлайн и офлайн и Илья Климов в гостях. Ссылки на Медиуме https://medium.com/p/65d8865812d4 или на Ютубе https://youtu.be/LFaVUR-spdU

Всё, что нужно знать об автоматических переносах в CSS. Ричард Раттер углубляется в нюансы в переводе на Хабре — https://habr.com/p/445166/

Иллюстрированное (и озвученное) руководство Юны Кравец по методам массива: map, reduce и filter — https://css-tricks.com/an-illustrated-and-musical-guide-to-map-reduce-and-filter-array-methods/

Новинки PWA в стабильном релизе iOS 12.2 в обзоре Максимилиано Фиртмана: новый жизненный цикл с сохранением состояния, встроенный браузер для внешних ссылок, жесты для навигации, Web Share для нативного шаринга из приложения и многое другое — https://medium.com/p/75c348f8e945

AMP: будущее электронной почты. После периода тестирования, Gmail (совместно с партнёрами) запускает поддержку интерактивных писем на основе AMP. Подробнее в официальном блоге на Хабре — https://habr.com/ru/company/google/blog/445528/

Знакомство с lit-element и веб-компонентами на его основе. Подробное введение Валентина Федякова — https://habr.com/p/445438/

Обзор новинок Firefox 66 в блоге Марата Таналина: отключение autoplay, min-content и max-content для width, height и flex-basis, inputType для определения типа ввода и другое — http://tanalin.com/blog/2019/03/firefox-66/

Подробный обзор новинок WebStorm 2019.1: умные интеншены для JavaScript, лучшая поддержка Angular, обновлённая документация CSS и HTML, новая консоль отладки и многое другое — https://blog.jetbrains.com/webstorm/2019/03/webstorm-2019-1/

Ndm, десктопный менеджер для npm. Помогает управлять деревом зависимостей в интерфейсе приложения для Windows, macOS и Linux — https://720kb.github.io/ndm/

Preload, prefetch и другие теги <link>, которые префетчат ресурсы, резолвят домены и даже предварительно рендерят страницы для максимального ускорения. Иван Акулов в переводе на Хабре — https://habr.com/p/445264/

Выпуск №166: Chrome 74 без мельтешения, Firefox 66 и редактор фигур, Safari и подчёркивание, мечты про aspect ratio, гриды в продакшене, Яндекс.Касса и Whitepaper, рисование на CSS и Юля Музафарова в гостях. Ссылки на Медиуме https://medium.com/p/ba09a383e765 или на Ютубе https://youtu.be/Zk86fpbYqi0

Самый быстрый сайт в Формуле 1. Джейк Арчибальд решил предсказать результаты сезона гонок не по аэродинамике болидов команд, а с помощью WebPageTest. Методика, подробные раскладки и выводы — https://jakearchibald.com/2019/f1-perf/

Внутри Fiber: подробный обзор алгоритмов согласования в React. Как и почему: начиная от React-элементов и заканчивая Fiber-узлами. Макс Корецки в переводе — https://medium.com/p/66485d12bd37

Preload, prefetch и другие теги <link> для ускорения сайтов. Иван Акулов разбирает синтакс и ситуации для использования — https://3perf.com/blog/link-rels/

Будущее веба без Webpack: используйте бандлер, когда он вам на самом деле нужен. Pika собирает зависимости в web_modules отдельными ES-модулями и запускает их прямо в браузере. Теперь вы снова можете смотреть исходный код ваших приложений — https://www.pikapkg.com/blog/pika-web-a-future-without-webpack