Новинки инструментов разработчика в Chrome 88: ускоренный запуск, визуальный редактор градиентов, возможность выключить поддержку некоторых форматов изображения для тестирования, Web Vitals во вкладке Performance и другие.
Простые круговые диаграммы с фолбэком. Лия Веру предлагает использовать конические градиенты в CSS и рисовать линейные диаграммы в устаревших браузерах.
Основы JavaScript в формате марафона. 16 ноября стартует курс Зара Захарова: короткие видеоуроки, домашние задания, код-ревью менторов. Учебный проект — игра в браузере. Первая неделя тест-драйва 290 ₽, полная стоимость 2590 ₽.
Выпуск №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 работают с эмулятором.
Глубокое погружение в функцию minmax. Ахмад Шадид рассказывает, как minmax работает в шаблонах гридов, про ключевые слова auto-fill и auto-fit и сравнивает поведение с флексами.
Эффективные экраны со скелетонами. Тим Кадлек разбирается, когда загрузка приложений с плейсхолдерами вместо контента действительно помогает пользователям, а когда мешает.
Как мы распилили монолит. Часть 3, Frame Manager без фреймов. Станислав Петров с продолжением серии про архитектуру приложений в блоге Tinkoff на Хабре.
Полное руководство Джофа Грэма по CSS-градиентам на CSS-Tricks: линейные, радиальные, конические и повторяющися, трюки, доступность, спецификации и близкие к ним свойства.
Нативная раскладка масонри с помощью CSS-гридов. Рейчел Эндрю про новый режим упаковки блоков из черновика 3 уровня Grid Layout, который заработал в Firefox Nightly. Как его включить, как настроить порядок и поведение блоков, как проверить поддержку.
Спустя два месяца после выхода, официальный список изменений Safari 14: WebP, optional chaining, BigInt, новые CSS-селекторы, HDR, новая совместимая система расширений, HTTP/3, Touch ID и Face ID для веба.
Кэш для навигации вперёд и назад. Филип Уолтон рассказывает о браузерном механизме, позволяющем мгновенно возвращаться к уже посещённой странице, и способах оптимизировать веб-приложения под него.
Стандартизация <select> и не только. Стефани Стимак рассказывает про историю появления нативных элементов управления формами в вебе, способах их стилизации в наши дни и возможном будущем в связанных с ними стандартах.
Языки, которые почти стали CSS. Зак Блум рассказывает, как появились таблицы стилей, почему у них именно такой синтаксис и какие были альтернативы на заре становления веба, в переводе на Хабре.