Size: a a a

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

2021 May 06
Веб-стандарты
Лучшие практики для уведомлений о куках. Кэти Хэмпениус разбирается, как уведомления об использовании кук влияют на производительность сайта, её замеры и пользовательский опыт.

https://web.dev/cookie-notice-best-practices/
источник
2021 May 07
Веб-стандарты
Тестовое задание для фронтендера. Евгений Шкляр и Даша Владыко собрали опыт собеседований джунов в «Лигу А.» и рекомендуют, на что смотреть в первую очередь.

https://habr.com/p/538400/
источник
Веб-стандарты
На Гитхабе появился простой способ обновить форк из апстрима одним нажатием на кнопку. До сих пор подгружать изменения из основного репозитория приходилось вручную, в клоне форка — теперь это можно сделать прямо в интерфейсе.

https://twitter.com/github/status/1390382527588798477
источник
Веб-стандарты
Что нужно от фронтендеров и дизайнеров, чтобы работать эффективно. Два треда Романа Шамина из «Злых марсиан» в Твиттере.

Для фронтендеров
https://twitter.com/romanshamin/status/1389959711202680834

Для дизайнеров
https://twitter.com/romanshamin/status/1390610669255467008
источник
2021 May 10
Веб-стандарты
Адаптивные эффекты с изображениями. Стефани Эклз показывает, как при помощи CSS-масок и aspect-ratio сделать карточки изображений с фиксированными пропорциями.

https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
источник
Веб-стандарты
Кастомные псевдоклассы в Chrome 90. Шиме Видас про новый API добавления собственных псевдоклассов вида my-element:--pseudo для кастомных элементов.

https://css-tricks.com/custom-state-pseudo-classes-in-chrome/
источник
Веб-стандарты
Состояние кроссбраузерной разработки CSS. Ахмад Шадид сравнивает приёмы для вёрстки разных лет и показывает, какие проблемы кроссбраузерности в CSS есть сейчас.

https://ishadeed.com/article/cross-browser-development/
источник
2021 May 11
Веб-стандарты
Выпуск №281. Андрей Мелихов, Владимир Гриненко, Вадим Макеев, Никита Дубко про 25 лет SpiderMonkey, Safari TP, Bootstrap 5, Гитхаб, префиксы, монорепы и свой git в Яндексе.

Слушайте на Ютубе https://youtu.be/D7cy6GOg5to
Ссылки на сайте https://web-standards.ru/podcast/281/
источник
Веб-стандарты
00:01:49 События
00:09:09 SpiderMonkey 25 лет
00:11:11 Safari TP 124
00:17:24 Bootstrap 5
00:28:38 Подарок от Гитхаба
00:31:42 Веб-компоненты в Гитхабе
00:39:00 Нужны ли ещё префиксы
00:51:46 Что за монорепы
00:59:07 Зачем монорепы
01:03:57 Взгляд пользователя
01:16:53 Свой git и Гитхаб
источник
Веб-стандарты
Вендорные префиксы мертвы? Роб О’Лири рассказывает, откуда пришла необходимость добавлять вендорные префиксы к свойствам в CSS и нужно ли с ними работать в 2021 году.

https://css-tricks.com/is-vendor-prefixing-dead/
источник
Веб-стандарты
Обработчик URL для PWA. Томас Штайнер рассказывает о возможности зарегистрировать PWA как приложение по умолчанию для открытия ссылок с кастомным протоколом, доступной за флагом в Chrome.

https://web.dev/url-protocol-handler/
источник
2021 May 12
Веб-стандарты
Дизайн для чтения. Сара Суайдан делится советами, как оптимизировать контент и разметку для режима чтения и приложений-читалок.

https://www.sarasoueidan.com/blog/tips-for-reader-modes/
источник
Веб-стандарты
Солидные фронтенды: мониторинг. Игорь Камышев рассказывает, за какими серверными и клиентскими метриками важно следить и какие инструменты могут с этим помочь.

https://blog.kamyshev.me/solid-frontend-monitoring/
источник
Веб-стандарты
Нужен ли джуну идеальный код? Лайв HTML Academy с Вадимом Макеевым и Алексеем Симоненко 13 мая в 13:00 (GMT+3): можно ли добиться идеала и нужно ли это, что мешает фронтендерам делать хорошо, как улучшить код и какие правила существуют.

https://youtu.be/YeER_U6a7kQ
источник
2021 May 13
Веб-стандарты
Версия для слабовидящих? А можно не надо? Расшифровка доклада Лены Райан на CSS-live: почему отдельная версия для слабовидящих не нужна и какие существуют альтернативы.

https://css-live.ru/articles/versiya-dlya-slabovidyashhix-a-mozhno-ne-nado-rasshifrovka-doklada.html
источник
Веб-стандарты
Поговорим о box-shadow. Короткое видео Юлии Миоцен с визуальным объяснением работы свойства box-shadow.

https://youtu.be/w6Mr5qBZAH8
источник
Веб-стандарты
Оптимизация Web Vitals при помощи Lighthouse. Эдди Османи показывает, как при помощи встроенных в браузер Lighthouse и DevTools работать с ключевыми метриками производительности сайта.

https://web.dev/optimize-vitals-lighthouse/
источник
2021 May 14
Веб-стандарты
Прямая трансляция записи 282 выпуска подкаста «Веб-стандарты» пройдёт сегодня, в пятницу 14 мая, в 20:00 (GMT+3). Никита Дубко, Александра Шинкевич, Андрей Мелихов и Ольга Алексашенко обсудят новости фронтенда за прошедшую неделю.

https://youtu.be/ZoGjb6VWThs
источник
Веб-стандарты
Курс по работе с git Ильи Кантора. 50 видео: основы, работа с ветками, сброс изменений, просмотр истории, слияние веток, копирование, перемещение и отмена коммитов.

https://www.youtube.com/playlist?list=PLDyvV36pndZFHXjXuwA_NywNrVQO0aQqb
источник
Веб-стандарты
Практические примеры использования CSS-переменных. Ахмад Шадид собирает компоненты, в которых кастомные свойства полезно использовать не как переменные препроцессоров.

https://ishadeed.com/article/practical-css-variables/
источник