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

Как посмотреть разницу между релизами npm-пакета. Стефан Джудис рассказывает о команде npm diff и показывает, как использовать инструмент delta для более наглядного отображения изменений.

https://www.stefanjudis.com/snippets/how-to-create-a-diff-of-npm-package-releases-on-the-command-line/

Углубляемся в логические CSS-свойства. Ахмад Шадид разбирается в базовых понятиях и новых вариантах знакомых CSS-свойств, которые опираются на направление письма и помогают делать интерфейсы, готовые к удобной локализации.

https://ishadeed.com/article/css-logical-properties/

Разрабатываем браузерное расширение в 2021. Александр Коновалов рассказывает, как создавать кроссбраузерное расширение с переиспользуемыми компонентами, на примере расширения «Hello, Word!».

https://habr.com/p/545664/

10 видео с конференции Я 💛 Фронтенд: сервис-воркеры, менеджер состояний, доставка JSON, доступность для незрячих, V8, виртуальная реальность, разбор CTF, анимации на CSS, Dependency Injection, приложения для голосовых ассистентов.

https://youtube.com/playlist?list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEF

Расшифровка интервью с Дэном Абрамовым в блоге JUG Ru. Наталия Теплухина и Наталия Короткова поговорили с Дэном про React 17, Suspense, Concurrent mode, Redux и стейт-менеджеры, нормализацию данных на клиенте, прошлое React, хуки, холивары и личное.

https://habr.com/p/545024/

Evolution запускает бесплатный буткемп по TypeScript для разработчиков с опытом работы во фронтенде. Курс пройдёт с апреля по июль с занятиями 3 раза в неделю. Заявки на участие принимаются до 15 марта.

Подробности https://typescript-bootcamp.evolution.com/by
Программа https://github.com/evolution-gaming/typescript-bootcamp/blob/main/Schedule.md

Подробное руководство по стримам. Томас Штайнер рассказывает о Streams API, который позволяет получать, передавать и обрабатывать ресурсы по частям.

https://web.dev/streams/

Анимации, привязанные к скроллу. Брамус Ван Дамм показывает, как работает экспериментальное правило @​scroll-timeline, позволяющее привязать анимацию к позиции элемента внутри прокручиваемого контейнера.

Часть 1: https://www.bram.us/2021/02/23/the-future-of-css-scroll-linked-animations-part-1/
Часть 2: https://www.bram.us/2021/03/04/the-future-of-css-scroll-linked-animations-part-2/

Design is Frontend. Онлайн-конференция Affinage на стыке дизайна и вёрстки 24 марта. В программе 6 докладов: чек-лист по дизайну для фронта, мастер-класс по Figma, дизайн-система Райффайзена, почему нужна или не нужна дизайн-система и можно ли без неё.

https://dif.affinage.ru/?utm_source=telegram&utm_medium=post&utm_campaign=promo&utm_content=webstandards_ru

Веб-компоненты легче, чем вы думаете. Джон Ри собирает с нуля простой веб-компонент для отображения карточки персонажа и объясняет каждый шаг: от создания шаблона и подключения к нему логики до стилизации.

https://css-tricks.com/web-components-are-easier-than-you-think/

Системные шрифты не должны быть уродливыми. Иэн Бин предлагает сначала на сайте использовать системные шрифты и дополнять их веб-шрифтами только при необходимости.

https://iainbean.com/posts/2021/system-fonts-dont-have-to-be-ugly/

Яндекс.Практикум запустил профессию «React-разработчик» — двухмесячный интенсив для погружения в экосистему React. В программе базовая теория по React и TypeScript, практика в тренажёрах и дополнительные материалы для закрепления.

Выпуск №272. Никита Дубко, Андрей Мелихов, Вадик Матвеев и Юля Миоцен про Chrome 89 и DevTools, релизы и приватность, историю веба, цвета из спеки и дизайн-систему Consta.

Слушайте на Ютубе https://youtu.be/uq9X4ae6Frs
Читайте на Медиуме https://medium.com/p/95a80ffa8cbc

00:01:26 События
00:02:52 Chrome 89
00:11:00 Chrome DevTools
00:22:31 Релизы и приватность
00:29:44 История веба
00:37:55 Цвета из спеки
00:44:45 Зачем Consta
00:53:49 Как Consta
01:01:00 Когда Consta
01:07:00 Лендинг Consta

Я со­всем за­был про сти­ли для пе­ча­ти. Мануэль Матузович напоминает, что стили для печати всё ещё актуальны и предлагает небольшую коллекцию полезных CSS-техник. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/print-style-sheets/

Unicode Range Interchange. Простой инструмент Зака Лезермана для добавления символов в существующие сабсеты unicode-range и подключения специально подготовленных версий шрифта.

Принципы работы https://www.zachleat.com/web/unicode-range-interchange/
Сам инструмент https://www.zachleat.com/unicode-range-interchange/

Flutter для веба вышел из беты с релизом Flutter 2. Главные сценарии использования фреймворка для веба: PWA для универсальности и интеграции, SPA для сложных веб-приложений, а также реиспользование кода мобильных приложений в вебе.

https://medium.com/p/d6b84e83b425

Google Chrome ускорит релизный цикл: вместо релиза каждые 6 недель, браузер будет выходить каждые 4 недели. Изменения стартуют с Chrome 94, который выйдет 21 сентября, а не 12 октября.

Анонс изменений https://developer.chrome.com/blog/faster-release-cycle/
Календарь релизов https://chromiumdash.appspot.com/schedule