Size: a a a

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

2020 November 04
Веб-стандарты
Выпуск №254: Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе. В гостях Надя Наширбанова. Слушайте на Ютубе https://youtu.be/gh-_3-N1dnQ, читайте на Медиуме https://medium.com/p/44b42cb7208a
источник
Веб-стандарты
00:01:21 События
00:06:06 Mozilla против фич
00:17:09 Microsoft против IE
00:24:59 Адаптивность от высоты
00:37:37 Миниапы в суперапах
00:57:58 Дизайнер в Яндексе
источник
Веб-стандарты
Интерактивные медиафичи pointer и hover и их потенциал (для неправильных выводов). Патрик Лауке рассказывает о способах определить, как пользователь взаимодействует со страницей — курсором мыши или тапом — и почему легко ошибиться https://css-tricks.com/interaction-media-features-and-their-potential-for-incorrect-assumptions/
источник
Веб-стандарты
В отладчике Chrome Canary появились экспериментальные иконки с подсказками для значений Box Alignment. Эксперимент нужно включить в настройках DevTools — https://twitter.com/argyleink/status/1323306379872882688
источник
2020 November 05
Веб-стандарты
Визуальный редактор и инспектор вёрстки в браузере расширение VisBug Адама Аргайла теперь доступно в Firefox и Safari, до сих пор оно работало только в Chrome.

Firefox https://addons.mozilla.org/en-US/firefox/addon/visbug/
Safari https://apps.apple.com/app/id1538509686
Chrome https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
источник
Веб-стандарты
Сложение анимаций в CSS. Дэниэл Уилсон показывает, как к одному элементу применить разные анимации, которые меняют одно и то же свойство, чтобы применились обе — https://danielcwilson.com/blog/2020/10/additive-css-animations/
источник
Веб-стандарты
Баланс по оси на флексах. Джулиан Меркених придумал хитрый способ, как выровнять несколько флекс-рядов со словами по текущей букве с помощью order и margin: auto.
https://css-tricks.com/balancing-on-a-pivot-with-flexbox/
источник
2020 November 06
Веб-стандарты
Зачем вообще ARIA? Пилот новой видеосерии Webbed Briefs Хейдона Пикеринга: что такое ARIA, какие задачи по доступности она решает, в какой момент её применять и как можно сделать ещё хуже.
https://briefs.video/#pilot
источник
Веб-стандарты
Разработчики Blink планируют внедрить прототип Container Queries (выражений от контейнера), которые для переключения стилей будут учитывать ширину блока, а не ширину окна — в отличие от медиавыражений.

Интент https://groups.google.com/a/chromium.org/d/msg/blink-dev/u1AKdrXhPGI/wrJb-unhAgAJ
Предложение https://github.com/dbaron/container-queries-implementability#proposal
источник
Веб-стандарты
Интернационализация и локализация статических сайтов. Сэм Ричард рассказывает, как на сайте https://chromeos.dev/ сделали редирект на языковую версию с помощью сервис-воркеров и как организовали перевод и хранение контента.

https://www.smashingmagazine.com/2020/11/internationalization-localization-static-sites/
источник
2020 November 09
Веб-стандарты
Топография скорости сайта. Гарри Робертс рассказывает, как он делает начальный анализ производительности сайта, не открывая DevTools.

https://csswizardry.com/2020/11/site-speed-topography/
источник
Веб-стандарты
Netscape: хроника взлетов и падений. Валентин Холмогоров рассказывает историю появления, развития и смерти браузера, давшего начало Mozilla Firefox.

https://habr.com/p/526698/
источник
2020 November 10
Веб-стандарты
Выпуск №255: Подсказки для флексов, File API, выражения от контейнера, ARIA, переменные и темы, масонри. Слушайте на Ютубе https://youtu.be/stSReZwecRU, читайте на Медиуме https://medium.com/p/a1d87e564754
источник
Веб-стандарты
00:00:50 Подсказки для флексов
00:06:01 File API не стандарт
00:15:34 Выражения от контейнера
00:29:43 Зачем вообще ARIA
00:36:18 Переменные и темы
00:45:14 Масонри в гридах
источник
Веб-стандарты
Вышел черновик отчёта Web Almanac по разметке на выборке более 7,5 миллионов страниц: доктайпы, размер документов, язык, комментарии, скрипты, разнообразие тегов, атрибуты, вьюпорт, фавиконки и конечно статистика и тренды.

https://almanac.httparchive.org/en/2020/markup
источник
2020 November 11
Веб-стандарты
Вышла книга «Debugging CSS» Ахмада Шадида. В 300-страничном PDF семь глав: история отладки, введение в CSS-баги, инструменты и окружение, проблемные свойства, как сломать раскладку, особенности браузеров, общие советы. Цена со скидкой 33 $.

https://debuggingcss.com/
источник
Веб-стандарты
Поиск по операторам. Джош Комю сделал справочник по операторам в JavaScript, которые сложно нагуглить, так как они состоят из специальных символов.

https://joshwcomeau.com/operator-lookup/
источник
2020 November 12
Веб-стандарты
Google Fonts планирует убрать из CSS-кода поиск локально установленных шрифтов с таким же именем с помощью функции local, за исключением запроса Roboto на Android. Локально установленные шрифты часто имеют другие характеристики или набор символов.

https://twitter.com/googlefonts/status/1323363090969333762
источник
Веб-стандарты
В погоне за мечтой пиксель-пёрфекта. Джош Камю о мифе, который испортил много вечеров разрабочикам, о его несостоятельности и о том, что нужно поменять в процессах, чтобы не тратить время на погоню за пикселями.

https://joshwcomeau.com/css/pixel-perfection/
источник
Веб-стандарты
Разработчики Chromium планируют убрать поддержку серверных пушей для HTTP/2 и gQUIC (а также из будущего HTTP/3) из-за низкой востребованности технологии. По статистике Google, пуш используется всего в 0,05% соединений.

https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ
источник