Size: a a a

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

2019 July 29
Веб-стандарты
Выпуск №186: Новинки Firefox, удобно читать JSON, книга и спор про CSS, компоненты в монорепе, a11y: тултипы, AOM, ссылки, Slack и ответственный JS. В гостях Андрей Складчиков из JetBrains. Ссылки на Медиуме или на Ютубе.
источник
Веб-стандарты
01:54 События
12:53 Новинки Firefox
19:31 Удобно читать JSON
24:27 Книга и спор про CSS
37:38 Компоненты в монорепе
50:00 A11y: тултипы, AOM, ссылки
57:16 Slack и ответственный JS
источник
Веб-стандарты
Динамические SVG-анимации с CSS-переменными. Лизи Линхарт управляет цветами иллюстрации и анимирует её с помощью GSAP — https://lisilinhart.info/posts/svg-animation-css-variables/
источник
Веб-стандарты
19 видео с JSHeroes 2019: будущее веб-анимаций, машинное обучение для фронтендеров, WebAssembly, зависимости в приложениях и другое — https://www.youtube.com/playlist?list=PLB9NqTp0uKrR8WFXitMvLMGd-kGGZ4RkX
источник
Веб-стандарты
Ваш первый бюджет производительности в Lighthouse. Ире Адеринокун настраивает Lighthouse для аудита производительности в CI — https://bitsofco.de/your-first-performance-budget-with-lighthouse/
источник
Веб-стандарты
Tic Tac Toe на Svelte, серия статей Владимира Номхоева: от сравнения Svelte и React до работы с бэкендом:

https://habr.com/p/456474/
https://habr.com/p/458752/
https://habr.com/p/459630/
https://habr.com/p/459906/
https://habr.com/p/460621/
https://habr.com/p/460991/
https://habr.com/p/461531/
источник
2019 July 30
Веб-стандарты
Шпаргалка для переезда с jQuery на ванильный JavaScript. Тобаяс Алин находит эквиваленты самым частым jQuery-сценариям — https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/
источник
Веб-стандарты
Стандартный браузерный API Payment Request. Индрек Ласн пошагово собирает простое демо в переводе на Хабре — https://habr.com/p/460799/
источник
Веб-стандарты
Бесплатное расширение ARC Toolkit от Paciello Group для тестирования доступности. Расширение встраивается в Chrome DevTools и проверяет веб-приложения на соответствие WCAG 2.1 уровней A и AA — https://www.paciellogroup.com/toolkit/
источник
2019 August 01
Веб-стандарты
Больше 500 фотографий с Web Standards Days в Петербурге 13 июля: ВКонтакте https://vk.com/album-32017543_267373308 или Фейсбук https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=2375289439205448
источник
2019 August 02
Веб-стандарты
Новинки Chrome 76 в обзоре Пита Лепажа: prefers-color-scheme, кнопка установки PWA на десктопе, Promise.allSettled, новые методы чтения Blob, картинки в Clipboard API и другое. Статья https://developers.google.com/web/updates/2019/07/nic76 и видео https://youtu.be/I1nosVzVbB4
источник
Веб-стандарты
Проектирование и разработка прогрессивного веб-приложения без фреймворка. Серия статей Бена Фрейна:

1. https://www.smashingmagazine.com/2019/07/progressive-web-application-pwa-framework-part-1/
2. https://www.smashingmagazine.com/2019/07/progressive-web-application-pwa-framework-part-2/
3. https://www.smashingmagazine.com/2019/07/progressive-web-application-pwa-framework-part-3/
источник
2019 August 05
Веб-стандарты
Всё, что вы хотели знать об inputmode. Кристиан Олифф про атрибут, определяющий не тип поля, как <input type="…">, а тип клавиатуры, которая поможет удобнее ввести нужные данные в мобильных браузерах. В переводе на Хабре — https://habr.com/p/454606/
источник
Веб-стандарты
Псевдо-3D движок Zdog для рисования в плоском стиле на canvas и SVG — https://zzz.dog/
источник
Веб-стандарты
SVG в реальной жизни. Расшифровка доклада Артёма Пендюрина об использовании SVG для создания внутреннего календаря в Яндексе — https://habr.com/p/461571/
источник
Веб-стандарты
Как git stash поможет вам жонглировать множеством веток. Мишель Баркер о возможностях полезной команды — https://css-irl.info/how-git-stash-can-help-you-juggle-multiple-branches/
источник
2019 August 06
Веб-стандарты
Свойство font-display не совместимо с иконочными шрифтами. Зак Лезерман объясняет, почему стандартные стратегии загрузки не подходят для иконочных шрифтов — https://www.zachleat.com/web/font-display-icon-fonts/
источник
Веб-стандарты
Большое обновление «Современного учебника по JavaScript» Ильи Кантора: последний стандарт ECMAScript и новые темы — https://learn.javascript.ru/
источник
Веб-стандарты
Как работает Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске. Бен Шварц в переводе на Хабре о механизмах работы инструмента и изменениях в PageSpeed 5.0 — https://habr.com/p/462005/
источник
Веб-стандарты
Собираем самый недоступный сайт с идеальным рейтингом в Lighthouse. Мануэль Матузович на примерах показывает, почему нельзя полностью доверять автоматическому тестированию доступности — https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/
источник