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

Цвета в CSS. София Валитова с неполным переводом спецификации CSS Color Module L4 на CSS-live: способы задания цветов, цветовые схемы RGB, HSL, HWB, LAB, LCH и даже CMYK.

https://css-live.ru/css/css-colors.html

История фронтенда: Браузер, который умел всё. Первый эпизод серии CSSSR про историю веба и веб-технологий: первые браузеры и первый HTML.

Видео https://youtu.be/7nrDctGYOIk
Текст https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/

Почему тестировать веб на мобильных важно. Кельвин Омерешон рассказывает о текущем состоянии рынка смартфонов и делится списком сервисов, позволяющих тестировать страницы на мобильных.

https://www.smashingmagazine.com/2021/03/mobile-app-web-testing/

Генератор CSS-кода для создания эффекта в стиле глассморфизма, помогающего передавать глубину интерфейсов и показывать наложение элементов.

https://glassmorphism.com/

Новинки Chrome 89 в обзоре Пита Лепажа: выход из-под триала WebHID, WebNFC и Web Serial, новые требования для возможности установки PWA, шаринг для десктопа и другие.

Видео https://youtu.be/O-gv6zLZHKw
Текст https://developer.chrome.com/blog/new-in-chrome-89/

Три способа нарисовать кляксу на CSS и SVG. Акаш Миттал показывает основные инструменты: SVG-пути, комбинации фильтров, border-radius.

https://css-tricks.com/three-ways-to-blob-with-css-and-svg/

Дебаг лишних перерисовок после CSS-переходов. Джават Ушев разбирается в причинах неочевидного поведения контекстов наложения и оптимизирует перерисовки на своей странице.

https://dzhavat.github.io/2021/02/18/debugging-layout-repaint-issues-triggered-by-css-transition.html

Массовая перегрузка функций. Лия Веру показывает, зачем может быть нужно поддерживать разные сигнатуры одной и той же функции и как это делать эффективно.

https://lea.verou.me/2021/02/mass-function-overloading-why-and-how/

Погружение в тени. Роб О’Лири рассказывает о физической природе теней и показывает, как использовать это знание в веб-дизайне.

https://css-tricks.com/getting-deep-into-shadows/

Create App. Якоб Линд делится инструментом генерации базового кода приложения с конфигурациями сборки и списком зависимостей. Поддерживает Webpack, Parcel и Snowpack.

https://createapp.dev/

00:01:41 Свежий Safari TP
00:04:32 Firefox 86
00:08:31 Быстрый SVG на GPU
00:12:18 Куки в Firefox и Яндекс.Браузере
00:22:58 WebP, AVIF и JPEG XL
00:32:30 Офер в Яндекс за день
00:42:49 Буткемп и ШРИ
00:51:37 Зачем нужен ODO

Выпуск №271. Никита Дубко, Вадим Макеев и Михаил Трошев про Safari TP, Firefox 86, SVG на GPU, куки в браузерах, WebP, AVIF, JPEG XL и офер в Яндекс за день.

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

Прямая трансляция конференции Я 💛 Фронтенд с докладами про сервис-воркеры, стейт-менеджмент, доставку JSON, доступность для незрячих, V8, виртуальную реальность.

Начало в 12:00 (GMT+3) — https://youtu.be/-1I8LuqcCNA
Программа — https://ilovefrontend.ru

Перфоманс JavaScript за пределами размера бандла. Нолан Лоусон подсвечивает особенности работы приложений, на которые полезно обращать внимание: расход памяти, использование CPU, потребление энергии.

https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/

Погружение в псевдоэлементы ::before и ::after. Уилл Бойд объясняет принципы работы с псевдоэлементами и показывает, что можно с ними делать.

https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/

Время свергнуть JPEG. Джон Снейерс сравнивает существующие кодеки и кодеки следующего поколения, среди которых JPEG XL, по качеству и скорости сжатия, ограничениям, поддержке анимаций и другим фичам.

https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg

Как прятать контент ответственно. Хьюго Жирадель свёл вместе все способы доступно спрятать элемент и разобрался, в каком случае какой из методов подходит лучше.

https://hugogiraudel.com/2021/02/17/hiding-content-responsibly/

Новости аппаратно-ускоренной анимации в Chrome. Юна Кравец о том, как браузер научился обрабатывать SVG-анимации и трансформации в процентах на видеокарте, а также планирует делать это и для анимации background-color и clip-path.

https://developer.chrome.com/blog/hardware-accelerated-animations/