Используем Parcel как сборщик для приложений на React. Кингсли Сайлас предлагает готовую конфигурацию для сборки проектов — https://css-tricks.com/using-parcel-as-a-bundler-for-react-applications/
Size: a a a
2019 May 06
История HTML-элемента <slot>. Ян Миксовски рассказывает, как разработчики спецификации Shadow DOM прошли путь от <content> к <slot> и почему этот элемент так важен — https://component.kitchen/blog/posts/a-history-of-the-html-slot-element
MobX и React, видеокурс Евгения Ковальчука по основным концепциям библиотеки MobX для управлением состоянием приложений — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFK-Gpb4NE45_1_Himhyi-K
Конференция Web Standards Days в Санкт-Петербурге пройдёт 13 июля при поддержке Revolut и HTML Academy. Бесплатная регистрация откроется в июне, а пока открыт приём докладов — https://wsd.events/2019/07/13/
2019 May 07
Новинки Microsoft с конференции Build 2019: React Native для Windows https://github.com/microsoft/react-native-windows и Edge на Chromium с режимом IE для совместимости https://blogs.windows.com/msedgedev/2019/05/06/edge-chromium-build-2019-pwa-ie-mode-devtools/
Простая утилита Лии Веру для конвертации координат кривой из абсолютных в относительные для удобной манипуляции фигурами вручную с помощью команд M — http://lea.verou.me/2019/05/utility-convert-svg-path-to-all-relative-or-all-absolute-commands/
Вёрстка комментария шаг за шагом. Дейв Седдиа проходит от наброска через разметку и флексы до готового блока — https://daveceddia.com/implement-a-design-with-css/
2019 May 08
Новый вечнозелёный Googlebot. Теперь поисковый робот Google будет использовать последнюю версию Chrome вместо устаревшей 41-й. Это добавит поддержку больше тысячи новых возможностей, включая современный JS, IntersectionObserver, веб-компоненты v1 и гриды — https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html
Ленивая загрузка изображений средствами браузера. Эдди Османи в переводе на Хабре про новый атрибут loading для <img> и <iframe>, улучшающий скорость загрузки страниц — https://habr.com/p/448914/
2019 May 09
В Lighthouse появился конфиг для бюджета быстродействия. Ваши настройки в файле budget.json определяют лимиты: размеры разных типов ресурсов и количество запросов. Читайте подробнее в статье https://developers.google.com/web/tools/lighthouse/audits/budgets или попробуйте сгенерировать конфиг https://perf-budget-calculator.firebaseapp.com/
Уроки CSSbattle. Илья Стрельцын делится хитростями, которым научился, находясь в тройке лидеров нашумевшего состязания по воспроизведению рисунков минимальным количество кода — https://css-live.ru/tricks/uroki-cssbattle.html
Google Fonts начнёт поддерживать свойство font-display для управления отрисовкой при загрузке шрифтов. Свойство будет передаваться дополнительным параметром при подключении со стандартными значениями block, swap, fallback, optional — https://twitter.com/addyosmani/status/1126370518347608065
Плавность цвета не всегда идёт плавно. Эрик Мейер пробует приблизить функцию плавности цвета в CSS-градиентах к кривым Безье — https://meyerweb.com/eric/thoughts/2019/04/25/color-easing-isnt-always-easy/
Перенос на новую строку при помощи флексов. Тобаяс Алин комбинирует flex-свойства для создания сеток с элементами разной ширины — https://tobiasahlin.com/blog/flexbox-break-to-new-row/
Как оседлать радугу: история создания тёмной темы ВКонтакте. Михаил Лихачёв про приведение цветов в единую дизайн-систему с токенами для создания тем мобильного приложения — https://habr.com/p/449720/
Совершенно новая документация Sass: редизайн, обновлённый текст, виджет предпросмотра и полнотекстовый поиск — http://sass.logdown.com/posts/7829864-brand-new-sass-documents
2019 May 13
Episode #175: Greg Whitworth from Microsoft Edge on IE mode in Edge, Edge switch to Chromium, why CSS is slow, our voice in CSSWG, stages in CSS and Houdini. Links on Medium https://medium.com/p/cdef68cad3ff or on YouTube https://youtu.be/mgfGn8qBFpg
2019 May 14
Новый доступный компонент всплывающей подсказки для React в библиотеке Reach UI Райана Флоренса — https://ui.reach.tech/tooltip/
Открытый сборник англоязычных подкастов вокруг веба: дизайн, разработка, стартапы и продуктивность — https://podcasts-repo.surge.sh/