Size: a a a

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

2020 November 13
Веб-стандарты
Новинки инструментов разработчика в Chrome 88: ускоренный запуск, визуальный редактор градиентов, возможность выключить поддержку некоторых форматов изображения для тестирования, Web Vitals во вкладке Performance и другие.

https://developers.google.com/web/updates/2020/11/devtools
источник
Веб-стандарты
Простые круговые диаграммы с фолбэком. Лия Веру предлагает использовать конические градиенты в CSS и рисовать линейные диаграммы в устаревших браузерах.

https://lea.verou.me/2020/11/simple-pie-charts-with-fallback-today/
источник
Веб-стандарты
Основы JavaScript в формате марафона. 16 ноября стартует курс Зара Захарова: короткие видеоуроки, домашние задания, код-ревью менторов. Учебный проект — игра в браузере. Первая неделя тест-драйва 290 ₽, полная стоимость 2590 ₽.

Подробности в чат-боте tg://resolve?domain=MentorCode_bot&start=ml66
источник
2020 November 16
Веб-стандарты
Выпуск №256: Chrome DevTools, HTTP-пуш, Apple ARM, разметка, CSS-книга, пиксель-пёрфект, миниапы ВКонтакте. В гостях Глеб Воронцов и Иван Недзвецкий. Слушайте на Ютубе https://youtu.be/FYfGVCz09RI, читайте на Медиуме https://medium.com/p/7a4c76670377
источник
Веб-стандарты
00:01:27 События
00:06:29 Chrome DevTools
00:17:20 Прощай HTTP-пуш
00:24:29 Apple на ARM
00:30:02 Состояние разметки
00:37:11 Новая книга по CSS
00:41:33 Пиксель-пёрфект
00:52:29 Миниапы ВК
00:59:00 Технологии
01:06:27 Зачем это всё
01:13:29 Где деньги
источник
Веб-стандарты
Does it ARM? Список совместимости программ для macOS с новой ARM-архитектурой Apple. Например: Chrome, Atom, Photoshop и Python пока не работают вообще, поддержка Firefox, VS Code и Node.js в работе, а WebStorm и Sublime Text работают с эмулятором.

https://github.com/ThatGuySam/doesitarm
источник
Веб-стандарты
Глубокое погружение в функцию minmax. Ахмад Шадид рассказывает, как minmax работает в шаблонах гридов, про ключевые слова auto-fill и auto-fit и сравнивает поведение с флексами.

https://ishadeed.com/article/css-grid-minmax/
источник
2020 November 17
Веб-стандарты
Не очень короткая заметка об использовании aria-label. Стив Фолкнер объясняет, как работает атрибут aria-label с различными HTML-элементами.

https://html5accessibility.com/stuff/2020/11/07/not-so-short-note-on-aria-label-usage-big-table-edition/
источник
Веб-стандарты
Эффективные экраны со скелетонами. Тим Кадлек разбирается, когда загрузка приложений с плейсхолдерами вместо контента действительно помогает пользователям, а когда мешает.

https://timkadlec.com/remembers/2020-11-02-skeleton-screens/
источник
Веб-стандарты
Как мы распилили монолит. Часть 3, Frame Manager без фреймов. Станислав Петров с продолжением серии про архитектуру приложений в блоге Tinkoff на Хабре.

https://habr.com/p/527922/
источник
2020 November 18
Веб-стандарты
Новинки Chrome 87 в обзоре Пита Лепажа: управление PTZ-камерами из браузера, range-запросы в сервис-воркерах, триальный Font access API и другие.

Статья: https://developers.google.com/web/updates/2020/11/nic87
Видео: https://youtu.be/NCKMMzVn1c8
источник
Веб-стандарты
Полное руководство Джофа Грэма по CSS-градиентам на CSS-Tricks: линейные, радиальные, конические и повторяющися, трюки, доступность, спецификации и близкие к ним свойства.

https://css-tricks.com/a-complete-guide-to-css-gradients/
источник
Веб-стандарты
Нативная раскладка масонри с помощью CSS-гридов. Рейчел Эндрю про новый режим упаковки блоков из черновика 3 уровня Grid Layout, который заработал в Firefox Nightly. Как его включить, как настроить порядок и поведение блоков, как проверить поддержку.

https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
источник
2020 November 19
Веб-стандарты
Спустя два месяца после выхода, официальный список изменений Safari 14: WebP, optional chaining, BigInt, новые CSS-селекторы, HDR, новая совместимая система расширений, HTTP/3, Touch ID и Face ID для веба.

Пост в блоге https://webkit.org/blog/11340/new-webkit-features-in-safari-14/
Видео с WWDC https://developer.apple.com/videos/play/wwdc2020/10663/?time=114
источник
Веб-стандарты
Кэш для навигации вперёд и назад. Филип Уолтон рассказывает о браузерном механизме, позволяющем мгновенно возвращаться к уже посещённой странице, и способах оптимизировать веб-приложения под него.

https://web.dev/bfcache/
источник
Веб-стандарты
Новинки Firefox 83: поддержка конических градиентов в CSS, режим HTTPS-Only, улучшение быстродействия JS-движка SpiderMonkey и другие.

Обзор Марата Таналина https://tanalin.com/blog/2020/11/firefox-83/
Список изменений на MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/83
источник
2020 November 20
Веб-стандарты
Стандартизация <select> и не только. Стефани Стимак рассказывает про историю появления нативных элементов управления формами в вебе, способах их стилизации в наши дни и возможном будущем в связанных с ними стандартах.

https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/
источник
Веб-стандарты
Языки, которые почти стали CSS. Зак Блум рассказывает, как появились таблицы стилей, почему у них именно такой синтаксис и какие были альтернативы на заре становления веба, в переводе на Хабре.

https://habr.com/p/528942/
источник
Веб-стандарты
Полное визуальное руководство по флексам и гридам. Исчерпывающие руководства CSS-Tricks в переводе Игоря Агапова на Хабре.

https://habr.com/p/528672/
источник
2020 November 23
Веб-стандарты
Устройство современного браузера на примере Chrome. По-прежнему актуальный лонгрид Марико Косаки 2018 года с понятными картинками в переводе на Хабре:

Часть 1 https://habr.com/p/526696/
Часть 2 https://habr.com/p/529248/
Часть 3 https://habr.com/p/529252/
Часть 4 https://habr.com/p/529258/
источник