Size: a a a

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

2020 February 04
Веб-стандарты
Выпуск №215: Перфоманс сначала или потом, воркеры, офлайн, без JS, чистый CSS и грязный результат. В гостях Андрей Мелихов. Слушайте на Ютубе https://youtu.be/d8HcVHJSns8, читайте на Медиуме https://medium.com/p/49238637735a
источник
Веб-стандарты
00:01:18 События
00:06:52 Перфоманс: сначала или потом
00:22:01 Воркеры сложнее чем кажутся
00:39:17 Интерфейс для офлайна
00:48:36 Можно ли без JS и нужно ли
01:06:59 Чистый CSS и грязный результат
источник
2020 February 05
Веб-стандарты
Изучаем позиционирование в CSS. Ахмад Шадид собрал иллюстрированное руководство по работе со свойством position — https://ishadeed.com/article/learn-css-positioning/
источник
Веб-стандарты
Веб-компоненты и открытые стандарты. Борис Сердюк делится мнением о недостатках текущего процесса создания стандартов — https://habr.com/p/486500/
источник
Веб-стандарты
Svelte Russia Meetup #1 — первый русскоязычный митап по Svelte пройдёт в Москве 22 февраля в офисе Mail.ru Group. В программе пять докладов, планируется трансляция. Подробности и регистрация — https://corp.mail.ru/ru/press/events/723/
источник
Веб-стандарты
Чему меня научил год изучения и преподавания доступности. Сара Суайдан в переводе Александра Малинина на «Веб-стандартах» — https://medium.com/p/207d1ff0e80c
источник
Веб-стандарты
Долгожданные фотографии с последней 42-й конференции Web Standards Days в Минске!

Альбом в Фейсбуке https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=2758201847580870
Альбом во ВКонтакте https://vk.com/album-32017543_272645532
Видео на Ютубе https://www.youtube.com/playlist?list=PLMBnwIwFEFHdMiEG-wHDouG1A0LQeAEJl
источник
2020 February 06
Веб-стандарты
Яндекс.Практикум открыл набор в бесплатную Школу наставников по фронтенду, бэкенду, дата-сайенсу, дизайну и тестированию. Школа научит управлять командой и передавать опыт другим. Запись и отбор открыты до 24 февраля, обучение пройдёт онлайн 2–20 марта — https://praktikum.yandex.ru/promo/mentors-school
источник
Веб-стандарты
Подробное руководство по <iframe>. Нада Рифки подробно разбирает особенности работы с фреймами и их атрибуты — https://blog.logrocket.com/the-ultimate-guide-to-iframes/
источник
Веб-стандарты
Новинки Chrome 80 в обзоре Пита Лепажа: модульные воркеры, optional chaining, периодическая фоновая синхронизация, Contact Picker API, уведомления по расписанию, ссылки на текстовые фрагменты и другие. Подробнее в статье https://developers.google.com/web/updates/2020/02/nic80
или видео https://youtu.be/lM0qZpxu0Fg
источник
Веб-стандарты
Простой и быстрый тёмный режим на кастомных свойствах. Мишель Баркер показывает, как при помощи prefers-color-scheme и кастомных свойств добавить поддержку тёмной темы на сайте — https://css-irl.info/quick-and-easy-dark-mode-with-css-custom-properties/
источник
2020 February 07
Веб-стандарты
Меньше навязчивой рекламы в видео. С 5 августа 2020 года Chrome планирует начать блокировать рекламу, мешающую просмотру видео, в том числе на YouTube — https://blog.chromium.org/2020/02/videos-with-fewer-intrusive-ads.html
источник
Веб-стандарты
Как я воссоздала старую камеру Polaroid при помощи CSS-градиентов. Сара Л. Фоссхайм делится своим алгоритмом рисования объектов из реального мира при помощи CSS — https://fossheim.io/writing/posts/css-polaroid-camera/
источник
Веб-стандарты
Собираем доступное автодополнение. Адам Сильвер подробно показывает, как сделать кастомный <select> с автодополнением и поддержкой клавиатуры — https://adamsilver.io/articles/building-an-accessible-autocomplete-control/
источник
Веб-стандарты
ResizeObserver — новый мощный инструмент для отзывчивого веба. Кристина Скварок рассказывает об особенностях ResizeObserver API, позволяющего следить за изменениями размеров конкретного элемента, в переводе на Хабре — https://habr.com/p/487146/
источник
2020 February 10
Веб-стандарты
Типизация объектов в TypeScript. Аксель Раушмайер подробно разбирает статическую типизацию объектов и их свойств в TypeScript — https://2ality.com/2020/01/typing-objects-typescript.html
источник
Веб-стандарты
Новая техника создания отзывчивых графиков без JavaScript. Рич Харрис собирает компонент на Svelte, который рендерится в отзывчивый SVG во время сборки — https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp
источник
Веб-стандарты
Вышел релиз 9.0.0 Angular. Стивен Флюин рассказывает о ключевых изменениях: переезд на компилятор Ivy, уменьшение размера бандла, упрощение дебага, улучшенная проверка типов и другие — https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3
источник
Веб-стандарты
Создаём редактируемую веб-страницу с помощью Google-таблиц и Tabletop.js. Дэвид Атанда использует таблицы Google для хранения данных для отображения — https://css-tricks.com/creating-an-editable-webpage-with-google-spreadsheets-and-tabletop-js/
источник
2020 February 11
Веб-стандарты
Выпуск №216: Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook. В гостях Филипп Рябчун. Слушайте на Ютубе https://youtu.be/yzr6GdX7qF4, читайте на Медиуме https://medium.com/p/f4b73389ca5a
источник