Rome, новый набор инструментов для JavaScript. Джейсон Миллер разбирается, какие подходы и возможности приносит для разработчиков новый проект создателя Yarn и Babel — https://jasonformat.com/rome-javascript-toolchain/
Size: a a a
2020 March 05
Ленивые пайплайны на генераторах в TypeScript. Вим Чонгинил реализует ленивые обработчики больших массивов данных при помощи итераторов и генераторов — https://itnext.io/fast-pipelines-with-generators-in-typescript-85d285ae6f51
2020 March 06
Широкая цветовая гамма в CSS. Никита Васильев в официальном блоге WebKit про цветовое пространство Display-P3, способы использования, аппаратную и браузерную поддержку — https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/
Google Fonts отпраздновал 10-летие лёгким редизайном и поддержкой вариативных шрифтов https://twitter.com/googlefonts/status/1234967000193150978 Всего в каталоге 31 вариативный шрифт https://fonts.google.com/?vfonly, 12 из них поддерживают кириллицу https://fonts.google.com/?vfonly&subset=cyrillic
Основные советы по SEO-оптимизации сайтов на JavaScript. Айман Рахмат в переводе CSS-live — https://css-live.ru/articles/osnovnye-sovety-po-seo-optimizacii-sajtov-na-javascript.html
2020 March 09
Профессиональный онлайн‑курс «Вёрстка email-рассылок» HTML Academy стартует летом 2020. В программе 5 разделов: особенности вёрстки писем, текст и картинки, тестирование и оптимизация, фреймворки и конструкторы. Предварительная запись.
Понимание спецификаций ECMAScript. Марья Хёльття объясняет, что такое типы языка, типы спецификации, внутренние слоты и внутренние методы и как правильно читать спецификации.
Часть 1 — https://v8.dev/blog/understanding-ecmascript-part-1
Часть 2 — https://v8.dev/blog/understanding-ecmascript-part-2
Часть 1 — https://v8.dev/blog/understanding-ecmascript-part-1
Часть 2 — https://v8.dev/blog/understanding-ecmascript-part-2
Когда умножение на 0 на самом деле не равно 0. Дэниэл Уилсон изучает, как работают режимы смешивания цветов в разных браузерах и как итоговый цвет может зависеть от цветового пространства монитора пользователя — https://danielcwilson.com/blog/2020/03/blend-modes-in-spaaaace/
7 видов нативных ошибок в JavaScript, которые вы должны знать. Чидуми Ннамди показывает, в каких случаях какие ошибки возникают на этапе выполнения кода — https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492
2020 March 10
Хронология CSS-спецификаций, обновлённая и осовремененная. Эрик Мейер обновил свой интерактивный график развития CSS новыми спецификациями и попутно добавил современный CSS в его вёрстку — https://meyerweb.com/eric/thoughts/2020/03/03/css-specification-timelines-updated-and-modernized/
Что React делает, а что не делает. Дэйв Седдиа объясняет, за что в приложениях отвечает React, а какие части никак с ним не связаны — https://daveceddia.com/what-react-does/
Задавать ширину и высоту изображений снова важно. Барри Поллард показывает, как влияет наличие атрибутов width и height у изображений на загрузку страницы и какими ещё способами можно помочь браузеру загружать картинки правильно — https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/
Преимущества в производительности от использования вариативных шрифтов. Мэнди Майкл объясняет, почему выгоднее использовать вариативные шрифты вместо отдельных шрифтов для начертаний и как это может помочь дизайнерам — https://medium.com/p/79af8c4ff56c
2020 March 11
Мажорное обновление сборщика Rollup 2.0.0 получило множество изменений: возвращение к отсутствию зависимостей, переезд на Node.js 10, использование Chokidar для отслеживания изменений, удаление некоторых хуков, подключение в виде ES-модуля и другие — https://github.com/rollup/rollup/releases/tag/v2.0.0
Выпуск №220: Цветовая гамма, история CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы. В гостях Александр Коротаев. Слушайте на Ютубе https://youtu.be/hCe_xaglY70, читайте на Медиуме https://medium.com/p/20637b9fb1ad
Фиксация скролла после изменений в раскладке. В Chrome 81 починили поведение CSS Scroll Snap, когда при изменении размера вьюпорта фиксация ломалась — https://web.dev/snap-after-layout/
Редакторы SVG в браузере. Крис Койер делится списком онлайн-инструментов для работы с SVG-графикой — https://css-tricks.com/browser-based-svg-editors/
2020 March 12
Изучите выравнивание блоков. Ахмад Шадид наглядно объясняет, как работает выравнивание элементов внутри гридов и флексов — https://ishadeed.com/article/learn-box-alignment/