Веб-стандарты. Страница 93

Как Google индексирует сайты на JavaScript? Мартин Сплитт открывает серию видео по JS и SEO: первое видео https://youtu.be/LXF8bM4g-J4 и весь плейлист https://www.youtube.com/playlist?list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9

Используйте CSS-гриды правильно, советует Виолет Пенья: именованные линии вместо номеров, fr для задания резины и никакой жёсткой зависимости от модульных сеток — https://vgpena.github.io/using-css-grid-the-right-way/

Собираем бандл мечты с помощью Webpack. Видео и расшифровка доклада Максима Соснова с Frontend Conf 2018 в Москве — https://habr.com/p/433324/

Как заменить самые горячие места в вашем приложении на WebAssembly. Александр Сурма продолжает рассказывать историю создания оптимизатора картинок Squoosh, который использует библиотеки на Си прямо в браузере — https://developers.google.com/web/updates/2019/02/hotpath-with-wasm В предыдущих сериях https://developers.google.com/web/updates/2019/01/emscripten-npm

Адаптируемся к предпочтениям пользователей. Михаэль Шарналь про медиафичи prefers-reduced-motion и prefers-color-scheme, заголовки SaveData и DoNotTrack — https://justmarkup.com/log/2019/02/adapting-to-user-preferences/

Как по-умному поправить ошибки в Git. Тобаяс Гюнтер рассказывает о вариантах: от консоли до интерфейсов — https://css-tricks.com/the-smart-ways-to-correct-mistakes-in-git/

Меню и диалоги на Гитхабе работают и без JS с помощью <details>. Подробнее смотрите в коде компонентов details-menu-element https://github.com/github/details-menu-element и details-dialog-element https://github.com/github/details-dialog-element и в докладе Муан Чиу про <details> https://github.com/muan/details-on-details.

Немного перфоманса. Роман Комаров выжал из своего блога всё что можно: предзагрузка ресурсов, шрифты, отложенные счётчики, прогрессивная навигация и другое — https://www.kizu.ru/a-bit-of-performance/

Как работает @​supports. Крис Койер разбирается в нюансах работы и поддержки директивы как в CSS, так и в JS, в переводе на «Веб-стандартах» — https://medium.com/p/92dba6de7ae7

Выпуск №162: Npm для энтерпрайза, приоритеты загрузки JS, цена сторонних скриптов, JS прямо в CSS, доступный TodoMVC, кастомные чекбоксы, выравнивание по тексту. Ссылки на Медиуме https://medium.com/p/80855c0cf547 или на Ютубе https://youtu.be/x7wDBUKLnYo

Видео докладов с февральского MinskJS: искусство и Node.js, профилирование JS и зачем переписывать приложение на Elm — https://www.youtube.com/playlist?list=PL-whh3wS8xsKJHySf_D3Kfpbhx8FVNKLp

Советы по доступности интерактивных элементов на мобильных устройствах. Ире Адеринокун в переводе на «Веб-стандартах» — https://medium.com/p/aac0330569ae

Изучаем Docker, Джефф Хейл в переводе на Хабре:

1. Основы https://habr.com/p/438796/
2. Термины и концепции https://habr.com/p/439978/
3. Файлы Dockerfile https://habr.com/p/439980/
4. Оптимизация и ускорение https://habr.com/p/440658/
5. Команды https://habr.com/p/440660/

Создание современной карусели. Нолан Лоусон берёт scroll-snap из CSS, scrollTo с behavior: 'smooth' плавной прокруткой и кастомный элемент <pinch-zoom> для масштабирования — https://nolanlawson.com/2019/02/10/building-a-modern-carousel-with-css-scroll-snap-smooth-scrolling-and-pinch-zoom/

Введение в метрики шрифта. Уэстон Тейер про выравнивание текста и строк, компенсацию отступов и предложение CSS-свойства leading-trim для выравнивания по рисунку глифов — http://westonthayer.com/writing/intro-to-font-metrics/

Как размер кода зависит от минификатора, сборщика и языка. Илья Гольдфарб про неожиданное обновление Webpack, которое переключило сжатие с UglifyJS на UglifyES, в блоге Яндекса на Хабре — https://habr.com/p/438022/

Как работают переносы в тексте в 2019 году. Михаэль Шарналь про CSS-свойство hyphens и управление переносами с помощью hyphenate-limit-before в короткой заметке — https://justmarkup.com/log/2019/01/a-look-at-css-hyphenation-in-2019/

Насколько скрипты аналитики, виджеты соцсетей и прочие сторонние ресурсы замедляют ваш сайт. Сборник «Third Party Web» поможет понять, сколько вы сможете сэкономить на загрузке, если откажетесь от лишних скриптов или подберёте альтернативу — https://github.com/patrickhulce/third-party-web