Size: a a a

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

2020 December 01
Веб-стандарты
MobX для React. Видеокурс Игоря Сидорова по системе управления состояниями приложений в четырёх частях: наблюдаемые значения, наблюдатель и действия, вычисляемые значения, действия и реакции.

https://www.youtube.com/playlist?list=PLu6MFGxDdilibXREG6en-cIh8ucbslEGz
источник
Веб-стандарты
Создание универсальных компонентов с прозрачностью. Пол Герберт предлагает комбинировать заливку компонентов с фоном контекста вставки для большей гибкости и лучшей адаптивности: как на этапе проектирования, так и разработки.

https://cloudfour.com/thinks/building-flexible-components-with-transparency/
источник
2020 December 02
Веб-стандарты
Пуньк! Джош Камю шаг за шагом собирает компонент для React, который анимирует элементы интерфейса при наведении с помощью React Spring.

https://www.joshwcomeau.com/react/boop/
источник
Веб-стандарты
Хранить Google-шрифты у себя. Опыт проекта Blackbird, который позволил ускорить отрисовку сайта на 1,3 секунды, и рекомендации по альтернативным решениям.

https://tryblackbird.com/blog/self-hosting-google-fonts
источник
Веб-стандарты
Атрибут lang. Мануэль Матузович показывает на примерах, как неправильное значение атрибута влияет на пользовательский опыт.

https://www.matuzo.at/blog/lang-attribute/
источник
2020 December 03
Веб-стандарты
Результаты опроса State of CSS 2020: демография участников опроса, фичи CSS, технологии в экосистеме, инструменты разработки, блоги и подкасты, настроения и другие.

https://2020.stateofcss.com/ru-RU/
источник
Веб-стандарты
Design is Frontend. Конференция Affinage на стыке дизайна и вёрстки пройдёт онлайн 9 декабря. В программе пять докладов и дискуссия: баги между дизайном и вёрсткой, сложные анимации, дружба дизайна и фронтенда, слаженная команда, аналитика и сроки.

https://affinage.timepad.ru/event/1489043/?utm_source=telegram&utm_medium=post&utm_campaign=promo&utm_content=webstandards_ru
источник
Веб-стандарты
Стартовал «Advent of Code» Эрика Вастла: 1–25 декабря каждый день появляются головоломки, которые можно решать на любом языке программирования.

Advent of Code https://adventofcode.com/
Подробнее на Хабре https://habr.com/p/530474/
Видеоразборы задач от Контура https://www.youtube.com/playlist?list=PLc82OEDeni8RuE-PRirh1sgsfmaB4ai_q
источник
2020 December 04
Веб-стандарты
Установка font-display для медленных соединений. Мэтт Хоббс разбирается, какое значение лучше подходит, чтобы улучшить пользовательский опыт при загрузке страницы.

https://calendar.perfplanet.com/2020/a-font-display-setting-for-slow-connections/
источник
Веб-стандарты
WMR, новый инструмент для разработки и сборки от создателя Preact Джейсона Миллера: ES-модули в основе, импорт пакетов без установки, поддержка CSS Modules, JSX, плагинов Rollup, HTTP/2.

Тред в Твиттере https://twitter.com/_developit/status/1334233001031503873
Код на Гитхабе https://github.com/preactjs/wmr
источник
Веб-стандарты
Стартовал опрос State of JavaScript 2020, который определит интересы, предпочтения, инструменты и само устройство JS-сообщества.

https://survey.stateofjs.com/survey/state-of-js/2020
источник
Веб-стандарты
Новинки WebStorm 2020.3 в обзоре Екатерины Рябухи на Хабре: обновленный интерфейс, быстрое создание React-компонентов, улучшения для Markdown и Vue, поддержка Tailwind, Git-стейджинг прямо в редакторе.

Обзор на Хабре https://habr.com/p/529708/
Видеообзор https://youtu.be/CnFiT_hy6Rk
источник
2020 December 07
Веб-стандарты
Coding Fonts. Сборник CSS-Tricks из 35 моноширинных шрифтов для редактора кода с подробностями о каждом и возможностью сравнить их как для тёмной, так и для светлой темы.

https://coding-fonts.css-tricks.com/
источник
Веб-стандарты
Новинки беты Chrome 88: target=_blank теперь работает как rel=noopener, появилось свойство aspect-ratio, поддерживаются сложные селекторы :not(), значение path() заработало в свойстве clip-path, удалена поддержка FTP и веб-компонентов v0.

https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
источник
Веб-стандарты
Slowfiles. Простой сервис для проверки загрузки Гарри Робертса и Райана Таунсенда, который возвращает CSS- или JS-файл с заданной задержкой, HTTP-статусом и значением max-age, чтобы понять, насколько это ухудшает работу сайта или приложения.

https://slowfil.es/
источник
2020 December 08
Веб-стандарты
Выпуск №259. Ольга Алексашенко и Никита Дубко про Chrome 88, State of CSS и JS, шрифты для кодинга, Monument Valley, вёрстку 2008, сторис и пуньк.

Слушайте на Ютубе https://youtu.be/Fjvcge0uxuU
Читайте на Медиуме https://medium.com/p/9325af50606d
источник
Веб-стандарты
00:00:48 События
00:02:20 Бета Chrome 88
00:10:03 State of CSS: разнообразие
00:14:41 State of CSS: инструменты
00:17:49 State of CSS: фреймворки
00:25:08 State of CSS: открытия
00:30:29 State of JS
00:34:01 Шрифты для кодинга
00:36:29 Monument Valley на CSS
00:40:02 Верстать как в 2008
00:47:49 Как сверстать сторис
00:52:48 Пуньк и 27 Кб
источник
Веб-стандарты
Правила схлопывания маржинов. Джош Камю показывает на интерактивных примерах, как и где работает эта особенность свойства margin в CSS и как её избегать, при необходимости.

https://www.joshwcomeau.com/css/rules-of-margin-collapse/
источник
Веб-стандарты
Утилитарный класс для перекрытия элементов. Мишель Баркер делится разными способами наложить элементы один поверх другого: от знакомого позиционирования до альтернативы на гридах.

https://css-irl.info/a-utility-class-for-covering-elements/
источник
2020 December 09
Веб-стандарты
Прямая трансляция Chrome Dev Summit стартует сегодня в 20:30 (GMT+3). Первый день с 13 докладами посвящён перфомансу, Core Web Vitals и приватности.

Трансляция https://youtu.be/NkIi7h8NnS4
Программа https://developer.chrome.com/devsummit/schedule/
источник