Size: a a a

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

2021 May 17
Веб-стандарты
Введение в выражения от контейнера. Стефани Эклз на примере адаптивной карточки статьи показывает, как работают CSS Container Queries.

https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries/
источник
Веб-стандарты
Выпуск №282. Никита Дубко, Александра Шинкевич, Андрей Мелихов, Ольга Алексашенко про Rome, CloudFront Functions, кроссбраузерность, has() и другой современный CSS, мониторинг и GDE.

Видеоверсия на Ютубе https://youtu.be/F25gTnQ8PcM
Ссылки на сайте https://web-standards.ru/podcast/282/
источник
Веб-стандарты
00:01:07 Компания Rome
00:05:38 CloudFront Functions
00:13:31 Кроссбраузерность
00:27:06 Can I has
00:31:45 Container Queries
00:39:03 Скроллер из будущего
00:44:27 Кастомные свойства
00:54:27 Мониторинг фронтенда
01:05:37 Александра и GDE
источник
Веб-стандарты
Можно ли использовать :has()? Брайан Карделл рассказывает о работе Igalia над исследованием производительности псевдокласса, проверяющего вложенные селекторы, и делится планами о его реализации в браузерах.

https://bkardell.com/blog/canihas.html
источник
2021 May 18
Веб-стандарты
Design is Frontend. Онлайн-конференция Affinage на стыке дизайна и вёрстки пройдёт 2 июня. Программа посвящена развитию джуниора в синьоры: условия для роста в синьоры, развитие дизайнера для проектной команды, темпы роста и обучение на работе.

https://dif.affinage.ru/?utm_source=telegram&utm_medium=post&utm_campaign=promo&utm_content=webstandards_ru
источник
Веб-стандарты
Оптимизация метрик Web Vitals с помощью Lighthouse. Эдди Османи показывает возможности инструментов для работы с метриками производительности сайтов и рекомендует некоторые решения. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/web-vitals-lighthouse/
источник
Веб-стандарты
Поддержка не-неизвестного. Мириам Сюзан объясняет сложности внедрения в CSS синтаксиса отрицания неподдержки фичей через директиву @​supports для написания фолбеков для старых браузеров.

https://www.oddbird.net/2021/05/14/support-unknown/
источник
2021 May 19
Веб-стандарты
Скроллер. Адам Аргайл показывает, как, используя современные возможности CSS, собрать адаптивный и доступный компонент горизонтальной галереи карточек со скроллом.

https://web.dev/building-a-media-scroller-component/
источник
Веб-стандарты
Learn CSS. Вечнозелёный курс и справочник на Web.Dev, который поможет разобраться в CSS. 24 пополняемых раздела (от блочной модели до режимов смешивания) с примерами кода, демками и подкастом Юны Кравец и Адама Аргайла про CSS.

https://web.dev/learn/css/
источник
Веб-стандарты
Server-Sent Events. Андрей Мелихов рассказывает о способе односторонне передавать данные с сервера на клиент небольшими порциями продолжительное время без использования веб-сокетов.

https://youtu.be/CJrmK3IXC8o
источник
2021 May 20
Веб-стандарты
Сравнение стратегий оптимизаций изображений. Дэвид Уолш сравнивает различные способы: ручную адаптивную разметку через srcset, оптимизацию во время сборки, отправку оптимальных для браузера форматов, использование знаний об устройстве пользователя.

https://davidwalsh.name/image-optimization-strategies-compared
источник
Веб-стандарты
Эффект неонового текста на CSS. Сильвия О’Дуайер делится креативным применением свойства text-shadow с анимацией.

https://css-tricks.com/how-to-create-neon-text-with-css/
источник
Веб-стандарты
Трасси... что? Расшифровка доклада Алексея Охрименко о способах получать информацию о каждой строчке кода во время выполнения.

https://habr.com/p/556510/
источник
2021 May 21
Веб-стандарты
Angular DevTools. Минко Гечев рассказывает про официальное расширение для Chrome DevTools, упрощающее отладку и профилирование приложений на Angular.

https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f
источник
Веб-стандарты
Переход на User-Agent Client Hints. Роуэн Меревуд рассказывает, как подготовиться к заморозке заголовка User-Agent в браузерах.

https://web.dev/migrate-to-ua-ch/
источник
Веб-стандарты
Вышел Sublime Text 4. Среди новинок: обновлённый интерфейс, улучшенная работа со сплитами, контекстный автокомплит, поддержка TS, JSX, TSX, улучшенная подсветка и другие. Новая система лицензий позволяет получать обновления в течение 3 лет с покупки.

https://www.sublimetext.com/blog/articles/sublime-text-4
источник
2021 May 24
Веб-стандарты
Все доклады про веб-технологии с конференции Google I/O 2021: Web Vitals, веб-компоненты, DevTools для дизайнеров, приватный веб, PWA, проект Fugu, Angular и другие темы в отдельном плейлисте.

https://youtube.com/playlist?list=PLNYkxOF6rcIAK3hg7C9WVBaGgWZeQCD12
источник
Веб-стандарты
Создание WYSIWYG с нуля. Шалабх Вьяс собирает на React редактор текстов с поддержкой форматирования, работы с изображениями и ссылками, при помощи библиотеки SlateJS.

https://www.smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/
источник
Веб-стандарты
Выпуск №283. Полина Гуртовая, Юля Миоцен, Вадим Макеев, Алёна Батицкая про Sublime Text 4, Sass, Svelte после React, Container Queries, Learn CSS, Google I/O и новых GDE.

Слушайте на Ютубе https://youtu.be/iXf_5eIb464
Ссылки на сайте https://web-standards.ru/podcast/283/
источник
Веб-стандарты
00:02:10 События
00:07:19 Sublime Text 4
00:14:04 Совместимый Sass
00:17:09 Svelte после React
00:24:17 Container Queries
00:31:35 Learn CSS
00:41:00 Google I/O
00:53:14 Гибридные команды
01:02:29 Новые GDE
01:16:07 Зачем GDE
источник