Size: a a a

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

2021 May 25
Веб-стандарты
TDD: зачем и как. Саша Беспоясов рассказывает, что такое разработка через тестирование, в чём её польза и как внедрить такой вид разработки в проект меньшими усилиями.

https://bespoyasov.ru/blog/frontend-crew-2021-tdd/
источник
Веб-стандарты
Что такое семантическая вёрстка и зачем она нужна. Евгений Шкляр пытается разобраться, зачем нужно использовать подходящие теги для разметки.

https://tml.io/x58p3
источник
Веб-стандарты
Управление фичами с помощью флага !default в Sass. Натан Бэбкок рассказывает о возможности задавать переменной значение в том случае, если оно до этого не было задано, и показывает, для чего такая функциональность может быть полезна.

https://css-tricks.com/creating-stylesheet-feature-flags-with-sass-default/
источник
2021 May 26
Веб-стандарты
Текущая вкладка активна? Лия Веру ищет способ определить не только видимость вкладки браузера, но и нахождение её в активном состоянии.

https://lea.verou.me/2021/05/is-the-current-tab-active/
источник
Веб-стандарты
Новый способ уменьшить влияние загрузки шрифта. Барри Поллард рассказывает о дескрипторах шрифтов в CSS, позволяющих более гибко настраивать фолбеки.

https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/
источник
Веб-стандарты
10 простых тестов доступности, которые может сделать каждый. Компания TetraLogical (Леони Уотсон, Иэн Паунси и другие) выпустила серию коротких видео, которые помогут проверить доступность интерфейсов и найти самые очевидные и важные проблемы.

https://www.youtube.com/playlist?list=PLTqm2yVMMUKWTr9XWdW5hJ9tk512Ow0SE
источник
2021 May 27
Веб-стандарты
Новинки Chrome 91 в обзоре Пита Лепажа: улучшения File System Access API, чтение файлов из буфера обмена, разрешение на шаринг паролей между доменами, выход Web Assembly SIMD из-под триала и другие.

Видео https://youtu.be/vy6FXa0n1r0
Текст https://developer.chrome.com/blog/new-in-chrome-91/
источник
Веб-стандарты
Выражения от контейнера для дизайнеров. Ахмад Шадид размышляет, как может измениться подход к разработке адаптивных компонентов ещё на этапе продумывания их дизайна.

https://ishadeed.com/article/container-queries-for-designers/
источник
Веб-стандарты
Построение лучших связей между создателями контента и пользователями. Разработчики мобильного Chrome в эксперименте добавят функцию подписки на RSS-фиды сайтов, встроенную в браузер.

https://blog.chromium.org/2021/05/an-experiment-in-helping-users-and-web.html
источник
2021 May 28
Веб-стандарты
Новинки TypeScript 4.3: синтаксическая конструкция override, улучшенная проверка промисов, разделение типов для геттеров и сеттеров, оптимизация скорости холодной сборки и другие.

Официальный анонс https://devblogs.microsoft.com/typescript/announcing-typescript-4-3/
Тред Али Рагимова в Твиттере https://twitter.com/barinbritva/status/1397840104400506884
источник
Веб-стандарты
25 лет CSS. Эрик Мейер делится заметками с конференции 1996 года и вспоминает, как всё начиналось.

https://meyerweb.com/eric/thoughts/2021/05/25/25-years-of-css/
источник
Веб-стандарты
Утилитарные классы — не то же самое, что инлайн-стили. Сара Даян сравнивает два подхода и отвечает на популярный среди противников утилитарных классов аргумент.

https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
источник
2021 May 31
Веб-стандарты
Четыре видео с Accessibility Club Minsk Meetup #3: барьеры в цифровой среде для слабовидящих, доступность в дизайн-системах, доступность для отдела продаж и работа над ошибками.

https://www.youtube.com/playlist?list=PLTsuZFjKkk4NnLlRwUX8vYElsNKH37rZb
источник
Веб-стандарты
Выпуск №284. Андрей Мелихов, Вадим Макеев, Илья Климов про Safari TP, Chrome 91, Node.js в браузере, Google Docs на Canvas, Flow, смысл TDD и Babel на ESM.

Слушайте на Ютубе https://youtu.be/lKB7OBbjJeQ
Ссылки на сайте https://web-standards.ru/podcast/284/
источник
Веб-стандарты
00:02:02 События
00:09:06 Safari TP
00:10:40 Chrome 91
00:20:20 Node.js в браузере
00:31:38 Google Docs на Canvas
00:41:51 Flow почти всё
00:51:26 Зачем и как TDD
01:01:14 Babel на ESM
источник
2021 June 01
Веб-стандарты
Выражения от контейнера в веб-компонентах. Макс Бёк показывает, как можно будет удобно применять директиву @​container внутри изолированного Shadow DOM веб-компонентов.

https://mxb.dev/blog/container-queries-web-components/
источник
Веб-стандарты
Курс по современному фронтенду Антона Ларичева на Udemy. В программе 19 глав и 130 лекций: React и Next.js, TypeScript, хуки, SSR, анимация и Framer, валидация и отправка форм, CSS-гриды, доступность и ARIA, линтеры и отладка. Цена с промокодом 1090 ₽.

https://www.udemy.com/course/react-nextjs/?couponCode=F7B515D12BBC6ACD783B
источник
Веб-стандарты
Экспериментальный пакет для запуска кодеков из веб-приложения Squoosh с параллельной обработкой изображений.

https://www.npmjs.com/package/@squoosh/lib
источник
2021 June 02
Веб-стандарты
Полезные расширения для VS Code. Козима Мильке делится списком расширений для фронтенд-разработчиков, помогающих с отладкой, восприятием кода и настройкой окружения.

https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/
источник
Веб-стандарты
Новинки Firefox 89: top-level await в модулях, медиафича forced-colors, дескрипторы ascent-override, descent-override и line-gap-override для @​font-face, интерфейс PerformanceEventTiming и другие.

Крис Миллс https://hacks.mozilla.org/2021/06/looking-fine-with-firefox-89/
Марат Таналин https://tanalin.com/blog/2021/06/firefox-89/
источник