Hello darkness, my old friend. Томас Штайнер разбирает лучшие практики применения тёмных тем на сайтах на основе медиа-выражения prefers-color-scheme — https://web.dev/prefers-color-scheme/
Size: a a a
2019 November 15
2019 November 18
CSS-переменные в инлайн-стилях. Ахмад Шадид на примерах показывает, когда удобно хранить значения CSS-переменных в атрибуте style и использовать их для вычисления других свойств — https://ishadeed.com/article/css-variables-inline-styles/
Взгляд на скорость JAM-стека в числах. Артём Денисов сравнивает метрики производительности сайтов, использующих JAM-стек, с построенными на CMS и другими — https://css-tricks.com/a-look-at-jamstacks-speed-by-the-numbers/
Выпуск №204: Chrome Dev Summit, GitHub Universe, снимок веба 2019, большой релиз GSAP 3, семейство Visual Studio. В гостях Олег Соломка. Ссылки на Медиуме https://medium.com/p/9a2571c466d7 или на Ютубе https://youtu.be/AXbKxrDG9Do
Новые доклады в программе Web Standards Days в Минске 7 декабря и последняя партия мест для регистрации. Сейчас или никогда! — https://wsd.events/2019/12/07/
2019 November 19
Современная загрузка скриптов. Джейсон Миллер предлагает подходы для загрузки минимума JavaScript-кода без полифилов для современных браузеров, не ломающей поддержку старых браузеров, в переводе на Хабре — https://habr.com/p/473994/
Разница между HTML, CSS и JavaScript. Зелл Лью предлагает аналогию, при помощи которой можно объяснять новичкам назначение каждой из технологий — https://zellwk.com/blog/difference-between-html-css-javascript/
Веб-альманах 2019: Доступность. Результаты большого исследования веба от HTTP Archive: удобство чтения, медиаэлементы, навигация по странице, использование ARIA и другое в переводе на Хабре — https://habr.com/p/476208/
Крис Эшнтон попробовал ограничить свой трафик 50 МБ в день, чтобы лучше понять пользователей с медленным или дорогим интернетом. И теперь предлагает способы оптимизации страниц — https://www.smashingmagazine.com/2019/07/web-on-50mb-budget/
2019 November 20
Новое слово нашем в словаре терминов по фронтенду:
deprecated — устаре́вший, статус возможности языка, которая не рекомендуется к использованию, поскольку либо уже была заменена, удалена или будет в следующих версиях.
https://github.com/web-standards-ru/dictionary/blob/master/dictionary.md#deprecated
deprecated — устаре́вший, статус возможности языка, которая не рекомендуется к использованию, поскольку либо уже была заменена, удалена или будет в следующих версиях.
https://github.com/web-standards-ru/dictionary/blob/master/dictionary.md#deprecated
Кастомные свойства и каскад. Мириам Сюзан разбирается, как работают CSS-переменные с каскадом, почему они всё-таки «свойства» и как их использовать для изоляции стилей — https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/
Производительность optional chaining в JavaScript. Эрик Напиэрала разбирается, как новый лаконичный синтаксис влияет на скорость кода, в переводе на ДевШахте — https://medium.com/p/bf2a8aa99797
2019 November 21
Разница между асинхронной функцией и функцией, возвращающей промис. Майер Янош на примере показывает, как правильней отлавливать ошибки в асинхронном коде, в переводе на Хабре — https://habr.com/p/475260/
18 видео с англоязычной конференции CSS-Minsk-JS, которая прошла в Минске в начале осени: WASM, доступность, HTML, Serverless, перфоманс, бэкенд для фронтенда, 3D и медиа, CSS, офлайн и многое другое — https://www.youtube.com/playlist?list=PLCXjZnLQLRSi2YW4LZ5UfBqrMtbPjwQe9
Интерфейс Firefox теперь полностью написан на веб-компонентах (включая CSS Shadow Parts). Брайан Гринстед из Mozilla рассказывает о переходе с XBL и сопутствующих внутренних улучшениях — https://briangrinstead.com/blog/firefox-webcomponents/
2019 November 22
Вышла Node.js 13.2.0 в которой экспериментальная поддержка ECMAScript-модулей включена по умолчанию и больше не требует специального флага --experimental-module. Команда Node.js продолжает работу над API лоадеров и универсальными модулями — https://medium.com/p/c5d6dc29b663
Маленькие хитрости кастомных свойств. Илья Стрельцын делится неочевидными особенностями CSS-переменных, которые ему пригодились в CSSbattle — https://css-live.ru/tricks/malenkie-xitrosti-kastomnyx-svojstv-css-peremennyx.html
Pika — новый инструмент, который берёт на себя форматирование, конфигурирование, сборку и автоматическую публикацию пакетов, полностью совместимый с npm. Ранний доступ — https://www.pika.dev/registry
2019 November 25
Открылась регистрация в Школу разработки интерфейсов Яндекса, которая пройдёт в Москве с 29 февраля по 26 мая. Для поступления нужно знать HTML, CSS, JS и иметь небольшой опыт разработки. В программе лекции и практика, которые можно совмещать с учёбой и работой. Приём заявок до 19 января — https://yandex.ru/promo/academy/shri