Size: a a a

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

2021 January 11
Веб-стандарты
Онлайн-курс про цифровую доступность для разработчиков, тестировщиков и дизайнеров стартует 6 февраля. В программе: теория доступной разработки, применение знаний на практике и тестирование работ вместе с незрячими людьми.

https://kurmak.info/
источник
Веб-стандарты
Выпуск №264. Андрей Мелихов, Никита Дубко, Маша Просвирнина и Дэн Абрамов про Safari, подсветку ошибок, загрузку HTML по частям, Suspense, Concurrent, Server Components и SSR в React.

Слушайте на Ютубе https://youtu.be/aynRTt51pps
Читайте на Медиуме https://medium.com/p/fd8a603c9a21
источник
Веб-стандарты
00:01:19 Safari TP 118
00:11:59 Подсветка ошибок на CSS
00:15:19 Загрузка HTML по частям
00:23:34 Suspense и Concurrent
00:40:07 Серверные компоненты
01:01:43 React уже фреймворк?
01:10:16 Сложный бэкенд и SSR
источник
2021 January 12
Веб-стандарты
Прогрессивные веб-приложения (PWA) в 2021. Максимилиано Фиртман с обзором текущего состояния, рыночной доли, новинок, отсутствующих возможностей и новых вызовов для платформы.

https://firt.dev/pwa-2021/
источник
Веб-стандарты
Многофункциональная кнопка. Адриан Розелли собирает доступную кнопку, которая имеет несколько состояний: готовность к действию, прогресс, ошибка, успех.

https://adrianroselli.com/2021/01/multi-function-button.html
источник
Веб-стандарты
Будущее CSS. Брамус Ван Дамм рассказывает, как сейчас работают кастомные свойства и какие возможности может принести внедрение спецификации высокоуровневых кастомных свойств.

https://www.bram.us/2020/12/30/the-future-of-css-higher-level-custom-properties-to-control-multiple-declarations/
источник
2021 January 13
Веб-стандарты
Перфоманс-чеклист для фронтенда. Виталий Фридман делится подробным списком вещей, которые можно сделать для оптимизации производительности веб-приложений: от планирования, сбора метрик и управления сборкой до настройки сервера и тестирования.

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
источник
Веб-стандарты
Результаты опроса State of JS 2020: демография участников опроса, возможности JS, технологии, инструменты разработки, блоги и подкасты, взгляды на развитие JS и другие.

https://2020.stateofjs.com/ru-RU/
источник
Веб-стандарты
Обновление вашего PWA в продакшене. Тимур Самойлов делится способами поддержания актуальности приложения у пользователя, когда к сайту подключён сервис-воркер.

https://habr.com/p/535428/
источник
2021 January 14
Веб-стандарты
Qui, новая библиотека компонентов для Vue: больше 30 компонентов, коллекция иконок, цвета и сетки, в стиле неоморфизма, песочница в Storybook. Поддерживает Vue 2, но работа над поддежкой Vue 3 уже в плане.

GitHub https://github.com/Qvant-lab/qui
Storybook https://qvant-lab.github.io/qui/
источник
Веб-стандарты
Компилируем Svelte в уме. Тан Ли Хау разбирается, как Svelte видит ваш код и компилирует его в конечный JavaScript.

Перевод 1 части https://habr.com/p/536468/

Оригинал в 3 частях
https://lihautan.com/compile-svelte-in-your-head-part-1/
https://lihautan.com/compile-svelte-in-your-head-part-2/
https://lihautan.com/compile-svelte-in-your-head-part-3/
источник
Веб-стандарты
Вышло обновление Snowpack v3.0, лёгкого сборщика для фронтенда: импорт собранных зависимостей как ES-модулей, оптимизация и минификация с помощью esbuild, новый JS API для настройки сервера и сборки, новый рантайм для Node.js.

https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0
источник
2021 January 15
Веб-стандарты
Filament Group предлагает сравнять возможности <video> с <picture> и, как минимум, поддержать атрибут media для <source> или даже srcset и sizes. Это позволит более гибко запрашивать нужные размеры видео прямо из разметки, без серверных решений.

https://github.com/filamentgroup/html-video-responsive
источник
Веб-стандарты
BBC World Service мигрировал с PHP-монолита на изоморфное SPA на React с серверным рендерингом. В основе собственная платформа Simorgh и библиотека компонентов Psammead.

Подробности https://medium.com/p/26b08f7abfcc
Simorgh https://github.com/bbc/simorgh
Psammead https://github.com/bbc/psammead
источник
2021 January 18
Веб-стандарты
Инструмент визуальной генерации плавных теней для блока при помощи нескольких слоёв от Филиппа Брамма.

https://brumm.af/shadows
источник
Веб-стандарты
Выпуск №265. Вадим Макеев, Никита Дубко и Виталий Фридман про Smashing Conf, Puppeteer и Firefox, состояние всего, video как picture и чек-лист по перфомансу.

Слушайте на Ютубе https://youtu.be/NKVNIKzk5aU
Читайте на Медиуме https://medium.com/p/881d5392b0f4
источник
Веб-стандарты
00:02:07 События и Smashing Conf
00:17:50 Puppeteer для Firefox
00:22:19 Состояние всего
00:38:55 Video как picture
00:53:59 Чек-лист по перфомансу
01:09:13 Нужен ли перфоманс
источник
Веб-стандарты
Восходящие звёзды JavaScript 2020. Ежегодный обзор тенденций в мире JavaScript, основанный на сравнении количества звёзд на GitHub за последние 12 месяцев.

https://risingstars.js.org/2020/ru
источник
2021 January 19
Веб-стандарты
Тестирование доступности в браузере. Кристиан Хайльманн показывает возможности инструментов разработчика, которые могут быть полезны для проверки доступности сайтов.

https://christianheilmann.com/2021/01/11/seven-ways-to-test-for-accessibility-of-your-web-site-with-browser-developer-tools/
источник
Веб-стандарты
Опубликован первый рабочий черновик спецификации CSS Cascading and Inheritance 5 уровня. Главная новинка — директива @​layers, предложенная Мириам Сюзанн, которая позволит создавать и управлять слоями каскада.

https://www.w3.org/TR/css-cascade-5/#at-ruledef-layer
источник