Size: a a a

Веб-стандарты

2021 February 24
Веб-стандарты
Максимальная оптимизация загрузки изображений для веба в 2021 году. Мальте Убл разбирается с современными возможностями браузеров и техниками вставки изображений для максимальной скорости. В переводе на Хабре.

https://habr.com/p/543434/
источник
2021 February 25
Веб-стандарты
Firefox и Яндекс.Браузер запретят использование куки-файлов для сторонних сайтов в свежих релизах браузеров, что усложнит трекинг пользователей. Firefox сделает ограниченное исключение для авторизации.

Mozilla https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/
Яндекс https://zen.yandex.ru/media/yandexbrowser/60361f63084cc34524b766d0
источник
Веб-стандарты
Новости аппаратно-ускоренной анимации в Chrome. Юна Кравец о том, как браузер научился обрабатывать SVG-анимации и трансформации в процентах на видеокарте, а также планирует делать это и для анимации background-color и clip-path.

https://developer.chrome.com/blog/hardware-accelerated-animations/
источник
Веб-стандарты
Как прятать контент ответственно. Хьюго Жирадель свёл вместе все способы доступно спрятать элемент и разобрался, в каком случае какой из методов подходит лучше.

https://hugogiraudel.com/2021/02/17/hiding-content-responsibly/
источник
2021 February 26
Веб-стандарты
Время свергнуть JPEG. Джон Снейерс сравнивает существующие кодеки и кодеки следующего поколения, среди которых JPEG XL, по качеству и скорости сжатия, ограничениям, поддержке анимаций и другим фичам.

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

https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/
источник
Веб-стандарты
Перфоманс JavaScript за пределами размера бандла. Нолан Лоусон подсвечивает особенности работы приложений, на которые полезно обращать внимание: расход памяти, использование CPU, потребление энергии.

https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
источник
2021 February 27
Веб-стандарты
Прямая трансляция конференции Я 💛 Фронтенд с докладами про сервис-воркеры, стейт-менеджмент, доставку JSON, доступность для незрячих, V8, виртуальную реальность.

Начало в 12:00 (GMT+3) — https://youtu.be/-1I8LuqcCNA
Программа — https://ilovefrontend.ru
источник
2021 March 01
Веб-стандарты
Выпуск №271. Никита Дубко, Вадим Макеев и Михаил Трошев про Safari TP, Firefox 86, SVG на GPU, куки в браузерах, WebP, AVIF, JPEG XL и офер в Яндекс за день.

Слушайте на Ютубе https://youtu.be/hBEbELxUzvI
Читайте на Медиуме https://medium.com/p/54ee3762bdcc
источник
Веб-стандарты
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
источник
Веб-стандарты
Create App. Якоб Линд делится инструментом генерации базового кода приложения с конфигурациями сборки и списком зависимостей. Поддерживает Webpack, Parcel и Snowpack.

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

https://css-tricks.com/getting-deep-into-shadows/
источник
2021 March 02
Веб-стандарты
Массовая перегрузка функций. Лия Веру показывает, зачем может быть нужно поддерживать разные сигнатуры одной и той же функции и как это делать эффективно.

https://lea.verou.me/2021/02/mass-function-overloading-why-and-how/
источник
Веб-стандарты
Дебаг лишних перерисовок после CSS-переходов. Джават Ушев разбирается в причинах неочевидного поведения контекстов наложения и оптимизирует перерисовки на своей странице.

https://dzhavat.github.io/2021/02/18/debugging-layout-repaint-issues-triggered-by-css-transition.html
источник
Веб-стандарты
Три способа нарисовать кляксу на CSS и SVG. Акаш Миттал показывает основные инструменты: SVG-пути, комбинации фильтров, border-radius.

https://css-tricks.com/three-ways-to-blob-with-css-and-svg/
источник
2021 March 03
Веб-стандарты
Новинки Chrome 89 в обзоре Пита Лепажа: выход из-под триала WebHID, WebNFC и Web Serial, новые требования для возможности установки PWA, шаринг для десктопа и другие.

Видео https://youtu.be/O-gv6zLZHKw
Текст https://developer.chrome.com/blog/new-in-chrome-89/
источник
Веб-стандарты
Генератор CSS-кода для создания эффекта в стиле глассморфизма, помогающего передавать глубину интерфейсов и показывать наложение элементов.

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

https://www.smashingmagazine.com/2021/03/mobile-app-web-testing/
источник
2021 March 04
Веб-стандарты
История фронтенда: Браузер, который умел всё. Первый эпизод серии CSSSR про историю веба и веб-технологий: первые браузеры и первый HTML.

Видео https://youtu.be/7nrDctGYOIk
Текст https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/
источник
Веб-стандарты
Цвета в CSS. София Валитова с неполным переводом спецификации CSS Color Module L4 на CSS-live: способы задания цветов, цветовые схемы RGB, HSL, HWB, LAB, LCH и даже CMYK.

https://css-live.ru/css/css-colors.html
источник