Size: a a a

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

2020 January 20
Веб-стандарты
Выпуск №213: Microsoft Edge, прощание с User-Agent, ограничение сторонних кук, коротко про Babel 7.8.0, причины хостить Google Fonts, зачем всё-таки HTTP/2. Ссылки на Медиуме https://medium.com/p/7eb8e8da218e или на Ютубе https://youtu.be/SBb_OFYUZqo
источник
Веб-стандарты
00:00:47 События
00:07:32 Microsoft Edge
00:14:32 Прощание с User-Agent
00:24:59 Ограничение сторонних кук
00:35:54 Коротко про Babel 7.8.0
00:39:13 Причины хостить Google Fonts
00:47:54 Зачем всё-таки HTTP/2
источник
Веб-стандарты
Ваш браузер — полиглот? Хуэй Цзин Чэнь разбирается, как научить браузер понимать не только английскую речь при помощи SpeechRecognition API — https://www.chenhuijing.com/blog/is-your-browser-a-polyglot/
источник
2020 January 21
Веб-стандарты
Микроптимизации производительности и JavaScript. Андрей Мелихов разбирается, когда оптимизировать свой JS-код под конкретный движок может быть дорого для его будущей поддержки — https://medium.com/devschacht/optimizations-and-javascript-f8e060d3eae3
источник
Веб-стандарты
Используйте мемоизацию в коде, чтобы избежать бесполезного повторного рендеринга. Эмма Гоуту показывает на примере React, как найти проблемы с производительностью и исправить их при помощи React.memo() — https://www.emgoto.com/react-memoization/
источник
Веб-стандарты
JetBrains Mono — новое моноширинное семейство шрифтов с лигатурами для кода, поддерживает кириллицу и ещё 142 локали, распространяется бесплатно под лицензией Apache 2.0 — https://www.jetbrains.com/lp/mono/
источник
Веб-стандарты
CSS Grid Template Areas в действии. Ахмад Шадид разбирается в особенностях работы свойства grid-template-areas и применяет его на практике — https://ishadeed.com/article/grid-area/
источник
2020 January 22
Веб-стандарты
Быстрая загрузка страниц на самых простых дешёвых телефонах. Эдди Османи объясняет, как разрабатывать сайты, которые будут полезны для большего числа пользователей, и почему важно задумываться об их производительности заранее, в переводе на Хабре — https://habr.com/p/482470/
источник
Веб-стандарты
Помогаем браузерным оптимизациям с помощью CSS-свойства contain. Рэйчел Эндрю показывает, как различные значения свойства contain влияют на внешний вид элементов и какая от них польза — https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/
источник
Веб-стандарты
Открылась регистрация на конференцию Я 💛 Фронтенд, которая пройдёт в московском офисе Яндекса в субботу 29 февраля. Программа и подробности — https://ilovefrontend.ru/
источник
Веб-стандарты
Из данных в DOM. Джош Дак рассказывает, как и зачем команда разработки сайтов ABC реализовала расширяемый конвейер преобразования данных в компоненты на React, который можно использовать для рендеринга в HTML, AMP и другие форматы — https://developers.digital.abc.net.au/2019/10/23/from-data-to-dom-building-a-text-rendering-pipeline-for-react/
источник
2020 January 23
Веб-стандарты
Angular 9 и Ivy: ленивая загрузка компонентов. Кевин Кройцер настраивает приложение на Angular так, чтобы ресурсы компонентов загружались только при необходимости, в переводе на Хабре — https://habr.com/p/484618/
источник
Веб-стандарты
Начинаем вычислять на GPU для веба. Франсуа Бофорт показывает, как перенести тяжёлые вычисления на графическую карту при помощи WebGPU API — https://developers.google.com/web/updates/2019/08/get-started-with-gpu-compute-on-the-web
источник
Веб-стандарты
Apollo GraphQL без JavaScript. Хьюго Жирадель собирает компонент для формы на React, которая работает с выключенным на клиенте JavaScript — https://hugogiraudel.com/2020/01/21/apollo-graphql-without-javascript/
источник
Веб-стандарты
Каскад в CSS. Амелия Уоттенбергер наглядно объясняет, от чего зависит, какое CSS-свойство применится для элемента — https://wattenberger.com/blog/css-cascade
источник
2020 January 24
Веб-стандарты
Магический радужный градиент при помощи CSS Houdini и React-хуков. Джош Комю анимирует радиальный градиент, используя CSS Properties and Values API для задания типа кастомным свойствам — https://www.joshwcomeau.com/posts/rainbow-button/
источник
Веб-стандарты
Разбираемся в ключевых словах initial, inherit и unset. Элад Шехтер объясняет, как работают эти значения в CSS — https://medium.com/p/2d70b7121695
источник
Веб-стандарты
«Хорошо» и «плохо» при реализации гамбургер-меню. Майкл Шарналь собирает правильные практики для создания удобного и доступного переключателя навигации — https://justmarkup.com/articles/2019-12-04-hamburger-menu/
источник
2020 January 27
Веб-стандарты
Сегодня конец эпохи Trident. Дер Шеппс вспоминает, какие революционные идеи в своё время были реализованы в ранних версиях Internet Explorer — https://schepp.dev/posts/today-the-trident-era-ends/
источник
Веб-стандарты
Playwright — библиотека автоматизации браузеров от Microsoft, аналог Puppeteer и от создателей Puppeteer. Поддерживает управление Chromium, WebKit и Firefox — https://github.com/microsoft/playwright
источник