Веб-стандарты. Страница 22

Qui, новая библиотека компонентов для Vue: больше 30 компонентов, коллекция иконок, цвета и сетки, в стиле неоморфизма, песочница в Storybook. Поддерживает Vue 2, но работа над поддежкой Vue 3 уже в плане.

GitHub https://github.com/Qvant-lab/qui
Storybook https://qvant-lab.github.io/qui/

Обновление вашего PWA в продакшене. Тимур Самойлов делится способами поддержания актуальности приложения у пользователя, когда к сайту подключён сервис-воркер.

https://habr.com/p/535428/

Результаты опроса State of JS 2020: демография участников опроса, возможности JS, технологии, инструменты разработки, блоги и подкасты, взгляды на развитие JS и другие.

https://2020.stateofjs.com/ru-RU/

Перфоманс-чеклист для фронтенда. Виталий Фридман делится подробным списком вещей, которые можно сделать для оптимизации производительности веб-приложений: от планирования, сбора метрик и управления сборкой до настройки сервера и тестирования.

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/

Будущее CSS. Брамус Ван Дамм рассказывает, как сейчас работают кастомные свойства и какие возможности может принести внедрение спецификации высокоуровневых кастомных свойств.

https://www.bram.us/2020/12/30/the-future-of-css-higher-level-custom-properties-to-control-multiple-declarations/

Многофункциональная кнопка. Адриан Розелли собирает доступную кнопку, которая имеет несколько состояний: готовность к действию, прогресс, ошибка, успех.

https://adrianroselli.com/2021/01/multi-function-button.html

Прогрессивные веб-приложения (PWA) в 2021. Максимилиано Фиртман с обзором текущего состояния, рыночной доли, новинок, отсутствующих возможностей и новых вызовов для платформы.

https://firt.dev/pwa-2021/

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

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

Слушайте на Ютубе https://youtu.be/aynRTt51pps
Читайте на Медиуме https://medium.com/p/fd8a603c9a21

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

https://kurmak.info/

Для тех, кто пропустил: на праздниках вышел традиционный новогодний выпуск «Веб-стандартов» с видео! Никита, Андрей и Вадим в студии, Оля, Маша и Лёша с приветами и пожеланиями.

Смотрите на Ютубе https://youtu.be/Td8wYUlMQos

Должен ли веб предоставлять аппаратные возможности? Ноам Розенталь, ревьюер WebKit и контрибьютор Chromium, размышляет о конкурирующих моделях развития платформы: смелой модели Google и осторожной Apple и Mozilla.

https://www.smashingmagazine.com/2021/01/web-expose-hardware-capabilities/

Разработчики Igalia планируют написать для Blink прототип подсветки ошибок правописания с помощью псевдоэлементов ::spelling-error и ::grammar-error и значения spelling-error и grammar-error свойства text-decoration-line из модуля CSS Pseudo-Elements L4.

https://groups.google.com/a/chromium.org/g/blink-dev/c/8UEcRJViPEU/m/YZml0HGxCQAJ

Во­ди­тель или ме­ха­ник? Питер-Пол Кох задаёт вопрос о роли веб-разработчика и о балансе между инструментами и знаниями. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/driver-or-mechanic/

Опубликованы результаты опроса State of CSS 2020, в котором приняли участие более 11 000 разработчиков со всего мира. Эра утилитарного CSS, рост популярности CSS-in-JS, развитие CSS и новые возможности.

Краткий обзор https://2020.stateofcss.com/report/
Полный отчёт https://2020.stateofcss.com/

Искусство создания компонентов для реального использования. Ахмад Шадид на примере простой карточки из мессенджера Facebook показывает, что вёрстка это совсем не просто: состояния, изменения контента, темизация, локализация, доступность, кроссбраузерность.

https://ishadeed.com/article/building-real-life-components/

Кнопка type="image". Михаэль Шарналь показывает, как сделать графическую кнопку отправки формы, что она умеет отправлять на сервер и почему её лучше не использовать.

https://funwithforms.com/posts/input-type-image/

Интенсив по тестированию на React для JS-разработчиков пройдёт в GeekBrains 16–17 января. В программе: автоматизация тестирования, интеграция в CI и релизы, принципы тестирования, тестирование скриншотами, практика с Jest, React Testing Library, Cypress.

https://geekbrains.ru/link/Ia~4Nl