Интересные публикации
Ещё одна статья на SmashingMagazine о container queries. Написал её Адриан Беце (Adrian Bece). Он рассказывает, чем технология отличается от медиа-запросов и в каких случаях container queries могут помочь и дополнить существующие фичи CSS. Также в статье есть примеры применения.
Проект StackBlitz — это онлайн-песочница для разработки приложений. Основатель проекта Эрик Симонс (Eric Simons) рассказал о новом механизме запуска Node.js-приложений, который появился на платформе. WebContainers — это механизм для запуска Node.js-приложений внутри браузера с помощью WebAssembly. Работает всё шустро, есть и другие плюсы: изоляция приложения, простое развертывание новых сред, интеграция с отладчиком Chrome DevTools. Пока что технология находится в статусе беты и работает только в Chromium-браузерах.
Дэн Вандеркам (Dan Vanderkam) в своем блоге рассказал о ненадежности TypeScript. Выделяет он целых семь источников этой самой ненадежности: использование any, type assertions, получение значений из объектов и массивов, некорректные определения типов, вариантность при работе с массивами, отсутствие инвалидации уточнения типов после вызова функции и рекурсивные типы. По каждому пункту он поясняет, когда это может стать проблемой, и показывает пример проявления. Получилась интересная статья.
Следующий материал — статья Темани Афифа (Temani Afif) о продвинутых CSS-анимациях с кривыми Безье. В статье рассматривается кривая Безье, математика, которая лежит за анимациями, и много примеров с кучей самых разнообразных форм и анимаций, выполненных при помощи функции cubic-bezier(). В одном из недавних выпусков я уже поднимал эту тему, если вас интересуют анимации — обязательно взгляните. Также Темани делится инструментом для задания параметров CSS-анимаций.
Минко Гечев (Minko Gechev) представил Angular DevTools — расширение для Chrome, которое помогает отлаживать и профилировать Angular-приложения. С его помощью можно инспектировать и редактировать дерево компонентов, профилировать исполнение change detection cycle. Был улучшен DX отладки Angular-приложений: добавили новый API и улучшили сообщения об ошибках. Проект будет развиваться и дальше. Отмечу также, что Angular DevTools поддерживает приложения на Angular 9 и выше, которые пользуются Ivy.
Создание WYSIWYG с нуля. Шалаб Виас (Shalabh Vyas) собирает на React редактор текстов с поддержкой форматирования, работой с изображениями и ссылками. Он пользуется библиотекой SlateJS.
Подъехали доклады про веб-технологии с конференции Google I/O 2021: Web Vitals, веб-компоненты, DevTools для дизайнеров, приватность, PWA, проект Fugu, Angular и другие.
На web.dev появился курс изучения CSS. В нём фундаментальные темы CSS разделены на секции, очень удобно для изучения конкретной части. Курс был подготовлен экспертами сообщества, его обещают поддерживать в актуальном состоянии.
Завершает рубрику небольшое объявление от Яндекса. 5-6 июня Яндекс проведет Weekend offer, на котором можно будет получить оффер на позицию бэкенд-разработчика по своеобразному фаст-треку. До 30 мая нужно пройти предварительный отбор, решив онлайн 2 задачи. Если всё получится, 5 июня вас ждут 2 технических собеседования, а 6 июня — интервью с потенциальным руководителем. Мероприятие создано для разработчиков Middle и Senior уровня, кандидат должен писать на одном из этих языков: C++, Java, Kotlin, Python, C# или Go. Звучит как неплохая возможность как минимум попробовать свои силы, а как максимум — поработать в Яндексе. Так что если Яндекс — компания вашей мечты, дерзайте.
Новости релизов
Sublime Text 4 увидел свет. Добавили поддержку TypeScript, TSX и JSX. Всё как положено: с подсветкой, автодополнением, переходом к объявлению. Движок автодополнения, кстати, переработали: он учитывает структуру проекта и стал полезнее. В списки автодополнения добавили информационные иконки и опцию перехода к месту объявления в коде. Интерфейс тоже ускорился: теперь используется GPU-рендеринг, что помогает редактору не лагать на больших проектах. Также добавлена нативная поддержка M1. Если вы работали еще на второй версии редактора и потом его забросили, это определенно повод дать Sublime Text еще один шанс.
Вышла версия PostCSS 8.3. В новом релизе source map парсится быстрее, был добавлен новый метод для узлов assign(), который позволяет менять несколько свойств сразу. Также был добавлен экспериментальный новый тип узлов Document.
Prettier отметился релизом версии 2.3.0. Теперь он умеет лучше форматировать присвоения значений, лучше работает с каррированными стрелочными функциями, хуками в React, вложенными await и условными операторами. Подъехала пачка небольших багфиксов, а поддержка Handlebars вышла из альфы.
ESLint 7.27.0 — это совсем небольшой релиз. В нём появилась возможность задавать кастомные сообщения об ошибках в свойстве patterns для правила no-restricted-imports.
Также отмечу релизы Solaris 11.4 SRU 33 и Red Hat Enterprise Linux 8.4.
Другие новости
Продолжается борьба с майнерами на CI/CD-серверах. GitLab теперь будет просить пользователей подтвердить аккаунт, при этом нужно будет указать данные банковской карты. Это коснется новых бесплатных пользователей, созданных 17 мая и после. Это не коснется уже платящих пользователей, пользователей образовательной и open source программ, а также self-hosted пользователей. Компания отмечает, что по необходимости меры могут быть расширены и на другие категории пользователей.
Google Docs переходит на движок рендеринга, работающий на canvas. В сообществе сразу появились опасения, что это снизит доступность Google Docs, но, например, озвучка текста по-прежнему работает, и я не думаю, что разработчики допустят ухудшение доступности. Переход мотивируют тем, что кастомный движок выиграет в гонке скорости у HTML-движков из-за узкой специализации. Обновление выпустят постепенно в ближайшие 2 месяца.
Напоследок хорошая новость для любителей Linux и менеджера паролей 1Password: компания объявила, что состоялся полноценный релиз Linux-версии приложения.