Size: a a a

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

2020 September 28
Веб-стандарты
Выпуск №249: Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба. Слушайте на Ютубе https://youtu.be/TvWBm3hHeEo, читайте на Медиуме https://medium.com/p/cf77bdae26e3
источник
Веб-стандарты
00:00:52 Чат в Телеграме
00:03:42 События
00:05:09 Firefox 81
00:09:32 Vue 3
00:18:16 GitHub CLI
00:27:34 Отладка CSS
00:36:22 Новая Nova
00:49:00 Редактор для веба
источник
Веб-стандарты
Несбывшиеся надежды веб-компонентов. Лия Веру про декларативную природу веба и сложности для входа в разработку, которые несут веб-компоненты в нынешнем виде. В переводе CSS-live — https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html
источник
Веб-стандарты
Математические функции в CSS. Юля Бухвалова с подробным рассказом про min, max, clamp, calc и с интересными примерами использования — http://css.yoksel.ru/css-math/
источник
2020 September 29
Веб-стандарты
Как сделать простую страницу для офлайна. Томас Штайнер предлагает рецепт сервис-воркера, который поможет пользователю понять, что произошло, и проверить, не появилась ли сеть — https://web.dev/offline-fallback-page/
источник
Веб-стандарты
Как мы распилили монолит. Часть 2, Frame Manager. Станислав Петров с продолжением серии про архитектуру приложений в блоге Tinkoff на Хабре — https://habr.com/p/520476/
источник
Веб-стандарты
Преодолевая напряжение между дизайном и кодом. Технический директор Figma рассказал о новинках, которые помогут сблизить дизайнеров и разработчиков. Среди прочего, в ноябре обновится Auto Layout, который станет ещё ближе к CSS и флексам — https://www.figma.com/blog/config-europe-2020-new-feature-announcements/
источник
2020 September 30
Веб-стандарты
Вежливые команды в Bash. Эрик Мейер делится bash-функцией, экономящей время и нервы — https://meyerweb.com/eric/thoughts/2020/09/29/polite-bash-commands/
источник
Веб-стандарты
Ленивая загрузка видео. Джереми Вагнер и Рэйчел Эндрю в переводе на Хабре показывают, как загружать видео только при необходимости и экономить трафик пользователя — https://habr.com/p/520594/
источник
Веб-стандарты
Разновидности объектно-ориентированного программирования в JavaScript. Зелл Лью проводит исследование, как различные подходы из ООП могут быть применены в современном JS — https://css-tricks.com/the-flavors-of-object-oriented-programming-in-javascript/
источник
2020 October 01
Веб-стандарты
Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb. Крис Уильямс представляет разработку компании в переводе на Хабре — https://habr.com/p/521068/

Проект на Гитхабе https://github.com/airbnb/visx
Галерея компонентов https://airbnb.io/visx/gallery
источник
Веб-стандарты
Декларативный Shadow DOM. Джейсон Миллер и Мейсон Фрид про новый способ создания Shadow Root прямо в HTML. Это позволит рендерить HTML на сервере и доставлять на клиент уже готовый интерфейс. DSD появится в Chrome 88, но уже доступен в 85-м за флагом — https://web.dev/declarative-shadow-dom/
источник
2020 October 02
Веб-стандарты
В DevTools Chrome 87 появится инспектор гридов, похожий на тот, что уже есть в Firefox. В панели Layout можно настроить отображение размеров, названий, линий и отдельных гридов.

Подробнее про инспектор https://developers.google.com/web/tools/chrome-devtools/css/grid
Другие новинки DevTools https://developers.google.com/web/updates/2020/10/devtools
источник
Веб-стандарты
Новое расширение Microsoft Edge Tools для VS Code добавляет в редактор панели Elements и Network, а также позволяет удобно открыть проект для отладки в Edge или прямо в одной из панелей.

Анонс расширения https://blogs.windows.com/msedgedev/2020/10/01/microsoft-edge-tools-vscode/
Расширение в Marketplace https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools
источник
Веб-стандарты
Сокращая разрыв во флексах. Серджио Виллар о том, как Igalia улучшает совместимость флексов в WebKit и будущих версиях Safari на основе тестов WPT. Бонусом идёт долгожданное свойство gap для флексов, которое уже работает в Firefox и Chrome — https://blogs.igalia.com/svillar/2020/10/01/closing-the-gap-in-flexbox/
источник
2020 October 05
Веб-стандарты
Браузеры могут тротлить requestAnimationFrame. Мэтт Перри рассказывает, когда для различных оптимизаций браузер может пропускать обработчики кадров — https://mattperry.is/writing-code/browsers-may-throttle-requestanimationframe-to-30fps
источник
Веб-стандарты
Линейное масштабирование размера шрифта при помощи clamp() в CSS. Педро Родригес показывает, как привязать font-size к размерам вьюпорта для большей адаптивности — https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
источник
Веб-стандарты
Контролируйте панорамирование, наклон и зум камеры. Франсуа Бофорт про возможность управлять PTZ-камерами из браузера с помощью getUserMedia и applyConstraints, которая появится в Chrome 87 — https://web.dev/camera-pan-tilt-zoom/
источник
2020 October 06
Веб-стандарты
Выпуск №250: Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс. В гостях Роман Дворнов. Слушайте на Ютубе https://youtu.be/emMtP3fVW3I, читайте на Медиуме https://medium.com/p/227301714b26
источник
Веб-стандарты
00:01:42 События
00:03:15 Edge в VS Code
00:12:42 Инспектор гридов в Chrome
00:29:46 Gap и баги флексов
00:37:53 Математика в CSS
00:46:42 Hacktoberfest
00:53:15 Shitoberfest
01:00:51 Опенсорс Романа
источник