Новости 512

#137

В этом выпуске: Firefox 84 и Safari Technology Preview 117, январские security-релизы Node.js, тренды фронтенда от Тинькофф, ленивая загрузка JS при взаимодействии и результаты MDN Web DNA 2020.
Прослушать аудио-версию
Человек с громкоговорителем оглашающий новости
RSS подкаста, Apple Podcasts, Google Podcasts, SoundCloud, Я.Музыка

Интересные публикации

Филипп Нехаев на Хабре рассказывает о планах компании Тинькофф относительно фронтенд-технологий на 2021 год. Технологии разделены на несколько категорий: адаптированные, проверяемые и те, от которых стоит отказаться. Например, от JS отказались в пользу TypeScript, а с Vue не работают потому, что React и Angular покрывают все потребности разработчиков. Также в статье рассматривают другие технологии и методики — всего 15 пунктов. В конце есть ссылка на более подробный технологический радар Тинькофф.

Эдди Османи (Addy Osmani) в своём блоге рассказывает о ленивой загрузке JavaScript при взаимодействии. Идея простая — отображать неинтерактивный фасад-заглушку, пока пользователь не начнёт взаимодействовать с элементом. Например, если у вас на сайте есть кнопка, открывающая чат, можно показывать заглушку и загружать JS чата только после нажатия. Как именно реализовать подход, Эдди показывает на ванильном JS, React и Vue.

Ахмад Шадид (Ahmad Shadeed) написал статью о том, как работает scroll snap и группа свойств для управления поведением прокрутки. Основное применение — улучшение пользовательского опыта при свайпе. Ахмад показывает примеры и реальные кейсы, для которых это может пригодиться.

Картер Ли (Carter Li) на css-tricks создаёт легковесный event bus, или шину событий, на JavaScript. Это паттерн, который нужен для упрощения взаимодействия компонентов c помощью механизма publish/subscribe. Картер предлагает реализовать его самостоятельно, используя HTML-комментарий как шину.

На wev.dev Адам Аргайл (Adam Argyle) рассказывает о центрировании в CSS. Всего он рассматривает 5 способов центрирования и разбирает, какой из них лучший. Для определения победителя каждый способ оценивается по 5 критериям. Небольшой спойлер — лучшим он признал центрирование на флексах с justify-content и align-items.

Теперь тестировать WebAssembly будет ещё проще. Возможности отладки и профилирования кода на языках C и C++ были значительно улучшены. Имена переменных при отладке будет соответствовать именам в коде, и их можно будет инспектировать. Появилась возможность отлаживать чистый WebAssembly и даже заглянуть внутрь памяти.

Завершает рубрику чек-лист SEO оптимизации на Smashing Magazine. Фредерик О’Браен (Frederick O’Brien) собрал практики и вопросы, на которые стоит ответить при оптимизации. Он разделил их на несколько категорий: постановка целей, определение окружения, что можно сделать на самой странице и вне её, а также как это тестировать и мониторить.

Новости релизов

Вышел Firefox 84. Слегка опережая Chrome, добавили поддержку сложных селекторов в псевдоэлементе :not(). Появились инспектор порядка фокуса на странице и новый интерфейс PerformancePaintTiming — для измерения времени рендеринга. Адреса localhost теперь считаются безопасными для упрощения тестирования, а AppCache был удалён.

Доступно Safari Technology Preview 117. В этом выпуске: включены статические публичные и приватные поля классов, расширен API интернационализации, для многих CSS-свойств добавлена поддержка дискретной анимации, и началось внедрение aspect-ratio.

Команда Node.js анонсировала январские security-релизы. Обновления выйдут для всех поддерживаемых версий платформы, а именно 10, 12, 14 и 15. Релиз запланирован на понедельник, 4 января. Будут исправлены две критические уязвимости и одна минорная.

Кроме того, вышла версия Node.js 14.15.3. Исправили небольшую регрессию в модуле stream, а версия npm была обновлена до 6.14.9.

Перейдём к другой среде исполнения. Вышел Deno 1.6. В этой версии добавили поддержку TypeScript 4.1, Language Server Protocol и экспериментальную поддержку Apple Silicon. Также с этой версии приложения на Deno можно распространять в виде бинарного файла.

Laravel обновился до версии 8.19. В этой версии задачи в очередях приостанавливаются на время транзакций в базе данных. У компонентов появился метод has(). Была добавлена команда schedule:list, которая отображает все запланированные таски.

Помимо этого стала доступна версия nginx 1.19.6.

Другие новости

Наверняка вы уже немного устали от подведения итогов года. Я даже подумал о том, что тоже могу учредить какой-нибудь ежегодный опрос. Но сегодня речь пойдет об опросе MDN Web DNA 2020. Итоги были подведены и опубликованы в виде отчёта. В 2020 в опросе поучаствовало в два раза меньше респондентов. Больше всего разработчики были недовольны инструментами для доступности, а также приватностью и безопасностью в сети. Самой большой головной болью по-прежнему остаётся поддержка конкретных версий браузеров и кроссбраузерная поддержка.

Пишите нам и читайте

Telegram—канал CSSSR

Twitter CSSSR

Twitter новостей

Telegram ведущего

Twitter ведущего

Комментарии

Продолжая пользование данным Сайтом, вы даете свое согласие на сбор и обработку технической информации (cookies). Подробнее о cookies читайте вПолитике конфиденциальности.