Size: a a a

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

2021 January 28
Веб-стандарты
Что но­во­го в WCAG 3.0. Татьяна Фокина разбирается, чем черновик новой версии стандарта по доступности отличается от предыдущих версий, рассматривает причины изменений и новые принципы оценки доступности.

https://web-standards.ru/articles/wcag3-changes/
источник
2021 January 29
Веб-стандарты
Как избежать сдвигов вёрстки из-за загрузки шрифтов. Саймон Харн подробно разбирается, как поймать сдвиги и какие техники могут помочь от них избавиться: от быстрой доставки шрифтов до новых свойств для @​font-face.

https://simonhearne.com/2021/layout-shifts-webfonts/
источник
Веб-стандарты
Новинки беты Chrome 89: аппаратные API WebHID, Web NFC и Web Serial, нативный Web Share API на десктопе, display_override в веб-манифесте, ::target-text и логические псевдонимы для border-radius в CSS, await верхнего уровня в JS и многое другое.

https://blog.chromium.org/2021/01/chrome-89-beta-advanced-hardware.html
источник
2021 February 01
Веб-стандарты
Свойство aspect-ratio. Юна Кравец рассказывает, для чего его полезно применять. Свойство уже поддерживается в Chromium, Safari TP и Firefox Nightly.

https://web.dev/aspect-ratio/
источник
Веб-стандарты
Выпуск №267. Никита Дубко, Андрей Мелихов и Вадим Макеев про новинки браузеров и DevTools, Open Web Docs, элемент popup, HTTPS, WCAG 3, null или undefined.

Слушайте на Ютубе https://youtu.be/77DwHnfqKiY
Читайте на Медиуме https://medium.com/p/1f491aa25fac
источник
Веб-стандарты
00:00:54 События
00:04:47 Firefox 85
00:16:17 Safari TP 119
00:19:55 Бета Chrome 89
00:32:05 Chrome DevTools
00:41:14 Open Web Docs
00:43:58 Элемент popup
00:47:03 Локальный HTTPS
00:54:25 WCAG 3
00:58:40 Null или undefined
источник
Веб-стандарты
Веб-карта с нуля. Владимир Агафонкин показывает, как можно использовать данные OpenStreetMap для написания своей библиотеки рисования статических карт.

https://observablehq.com/@mourner/simple-web-map
источник
2021 February 02
Веб-стандарты
Что не так с WebAssembly? Фернандо Дольо в переводе на Хабре рассуждает, почему WebAssembly не получает широкого распространения, хоть и используется в ряде крупных проектов.

https://habr.com/p/539100/
источник
Веб-стандарты
Лучшие практики для каруселей. Кэти Хэмпениус даёт советы, каким критериям должны соответствовать карусели на странице, чтобы быть производительными, удобными и полезными.

https://web.dev/carousel-best-practices/
источник
Веб-стандарты
Минимальные стили для адаптивных изображений. Зак Лезерман изучает поведение картинок с различными комбинациями свойств width, max-width и атрибутов width, height и srcset.

https://www.zachleat.com/web/fluid-images/
источник
2021 February 03
Веб-стандарты
Element Worklet. Джейсон Миллер предлагает нативный механизм выноса обработчиков кастомных элементов из основного потока в ворклеты и собирает его прототип на воркерах.

https://jasonformat.com/element-worklet/
источник
Веб-стандарты
Первая часть бесплатного курса по Figma Пабло Стенли. Семь видео про Auto Layout на примере списка контактов, карточек, навигации, плиточной раскладки и формы.

Первая часть https://www.youtube.com/playlist?list=PLWlUJU11tp4fVibQ468jiMlgjvYyRE_xE
Продолжение в этом году https://www.figmacrashcourse.com/
источник
Веб-стандарты
Private Click Measurement. Разработчики WebKit представили систему сбора и отправки статистики для рекламы на сайтах, которая сохранит приватность пользователей. Предложение PCM разработано в рамках W3C Privacy Community Group и будет включено в iOS 14.5.

https://webkit.org/blog/11529/introducing-private-click-measurement-pcm/
источник
2021 February 04
Веб-стандарты
Вышел npm 7. Заметка Брайана Дугласа о релизе: большее покрытие кода тестами, уменьшение количества зависимостей, значительное увеличение производительности, новые фичи и ломающие изменения.

Релиз https://github.blog/2021-02-02-npm-7-is-now-generally-available/
Подробнее про npm CLI https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/
источник
Веб-стандарты
Четыре странных трюка, чтобы прокачаться как флексбокс-инженер. Патрик Броссет показывает, как включить в DevTools для Edge 89 и Chrome 89 новые инструменты отладки флексов.

https://patrickbrosset.com/articles/2021-02-02-4-Weird-Tricks-To-Become-A-10x-Flexbox-Engineer/
источник
Веб-стандарты
Перфоманс внутренних систем. Мэтт Хоббс объясняет, почему важно делать производительными внутренние сайты и сервисы для сотрудников, и делится списком инструментов, позволяющих анализировать перфоманс.

https://nooshu.github.io/blog/2021/02/03/the-importance-of-internal-system-performance/
источник
2021 February 05
Веб-стандарты
Сделайте селфи с атрибутом capture. Михаэль Шарналь продолжает серию «Fun with Forms» заметкой про малоизвестный способ запросить доступ к камере или микрофону на мобильных с помощью <input type="file">.

https://funwithforms.com/posts/capture-attribute/
источник
Веб-стандарты
Школа разработчиков Х5 по фронтенду стартует 25 февраля, участие бесплатное. В программе основы веб-технологий, окружение, сеть, Git, React, Node.js, PostgreSQL, GraphQL. Приём заявок до 7 февраля, дальше идут вступительные тесты и собеседования.

https://x5-frontend-academy.ru/
источник
Веб-стандарты
Новый App History API, предложенный в рамках WICG, заменит существующий History API для задач современных веб-приложений, чтобы стать заменой или основой для роутинга. Главное отличие в области действия (текущий ориджин или фрейм) и в удобстве API.

https://github.com/WICG/app-history
источник
2021 February 08
Веб-стандарты
Онлайн-конференция Я 💛 Фронтенд пройдёт в Яндексе 27 февраля. В программе шесть докладов, три воркшопа и фронтендерский турнир.

https://ilovefrontend.ru
источник