Size: a a a

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

2021 June 02
Веб-стандарты
Выключение ссылки. Скотт Охара показывает, как выключить переход по ссылке, не ухудшая её доступность и пользовательский опыт.

https://www.scottohara.me/blog/2021/05/28/disabled-links.html
источник
2021 June 03
Веб-стандарты
Нативная валидация ввода в CSS. София Валитова рассказывает про HTML-атрибуты на полях ввода и CSS-псевдоклассы, которые позволяют проверять корректность введённых данных.

https://ariarzer.dev/native-css-validation.html
источник
Веб-стандарты
CSS для метрик Web Vitals. Кейти Хемпениус и Юна Кравец о том, как стили влияют на качество и скорость интерфейсов и что можно сделать, чтобы улучшить CLS и LCP и получить хорошие очки в Lighthouse.

https://web.dev/css-web-vitals/
источник
Веб-стандарты
Как ускорить JavaScript в WebAssembly. Лин Кларк разбирается, зачем может понадобиться запускать JS не в браузерном JS-движке, как это устроено и как сделать это максимально эффективно.

https://bytecodealliance.org/articles/making-javascript-run-fast-on-webassembly
источник
2021 June 04
Веб-стандарты
Тестирование фронтенда для всех. Евгений Клименченко с обзором подходов и инструментов для тестирования веб-приложений.

https://css-tricks.com/front-end-testing-is-for-everyone/
источник
Веб-стандарты
Идеальная ссылка. Риан Ритвельд показывает, как работать с дизайном, кодом и поведением ссылок, чтобы они были предсказуемыми для пользователя.

https://a11y-collective.com/blog/the-perfect-link/
источник
Веб-стандарты
Разработчики Edge, в рамках работы над новыми полями форм, размышляют о позиционировании блоков, которое будет учитывать границы окна или количество контента. Новые CSS-свойства и HTML-атрибуты anchor позволят связывать блоки и управлять их поведением.

https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md
источник
2021 June 07
Веб-стандарты
Подробный анализ CSS-in-JS. Андрей Пфайффер сравнивает возможности десяти CSS-in-JS библиотек и формирует список вопросов, которые стоит задать для выбора подходящей для проекта.

https://css-tricks.com/a-thorough-analysis-of-css-in-js/
источник
Веб-стандарты
Веб-приложения как обработчики файлов. Томас Штайнер рассказывает об экспериментальном File Handling API, позволяющем регистрировать PWA в операционной системе в качестве обработчиков файлов определённых MIME-типов.

https://web.dev/file-handling/
источник
Веб-стандарты
Цикл статей Ника Мостового про работу браузера и оптимизацию перфоманса.

Как браузер рендерит страницу https://xnim.me/blog/frontend-perf-for-newbies-part-1-critical-render-path
Как улучшить FMP и TTI https://xnim.me/blog/frontend-perf-improving-fmp-and-tti
Event loop и конвейер рендеринга https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
источник
2021 June 08
Веб-стандарты
Выпуск №285. Вадим Макеев, Андрей Мелихов, Али Рагимов, Никита Дубко про бету Chrome 92, Firefox 89, якоря и расширения, TeamCity, JS внутри WASM и TypeScript 4.3.

Слушайте на Ютубе https://youtu.be/WmBKYgoM5oQ
Ссылки на сайте https://web-standards.ru/podcast/285/
источник
Веб-стандарты
00:01:30 События
00:04:15 Бета Chrome 92
00:14:52 Новинки DevTools
00:31:15 Firefox 89
00:34:08 Якоря и расширения
00:41:41 Настройка CI в TeamCity
00:47:21 JS внутри WASM
00:57:55 TypeScript 4.3
01:13:48 Сомнения про TS
источник
Веб-стандарты
Вышла бета Safari 15, релиз запланирован осенью: aspect-ratio и новые цветовые функции в CSS, отладчик гридов, <meta name=theme-color>, top-level await, WebGL 2 и поддержка расширений в iOS и iPadOS.

Изменения https://developer.apple.com/documentation/safari-release-notes/safari-15-beta-release-notes
Сессии WWDC по вебу https://developer.apple.com/news/?id=kffgj3af
источник
Веб-стандарты
Что такое Pixel Perfect вёрстка и зачем она нужна. Анастасия Чеснокова в блоге HTML Academy про печальную ситуацию, когда вёрстку сравнивают с макетом, и как с этим быть разработчику.

https://tml.io/kqpuk
источник
2021 June 09
Веб-стандарты
Критический запрос. Бен Шварц рассказывает, как браузер приоритизирует запросы к ресурсам и как разработчики могут влиять на приоритеты для оптимизации перфоманса.

https://calibreapp.com/blog/critical-request
источник
Веб-стандарты
Наблюдение за нагрузкой на процессор. Джефф Посник рассказывает об экспериментальном Compute Pressure API, позволяющем реагировать на изменение нагрузки на CPU.

https://web.dev/compute-pressure/
источник
2021 June 10
Веб-стандарты
Кто может пользоваться? Кори Джинниван делится инструментом определения доступности текста по WCAG с имитацией особенностей зрения.

https://whocanuse.com/
источник
Веб-стандарты
Онлайн-курс «Frontend-разработчик PRO» Skillbox стартовал 9 июня. В программе: вёрстка, веб-приложения, Git и CLI, алгоритмы и структуры данных, Photoshop и Figma, приложения на Node.js. В финале 4 учебных проекта и помощь центра карьеры в поиске работы.

https://clc.am/NHjNDA
источник
Веб-стандарты
Планы React 18. Команда разработки React рассказывает о работе над мажорным релизом и создании рабочей группы для подготовки сообщества к более плавным обновлениям.

https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
источник
2021 June 11
Веб-стандарты
Лучшие практики для шрифтов. Кэти Хэмпениус рассказывает, как собирать, загружать и рендерить шрифты наиболее эффективно для метрик Core Web Vitals.

https://web.dev/font-best-practices/
источник