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

Ограниченные CSS-гриды без max-width. Итан Маркотт собирает разметку с ограниченной по ширине центральной колонкой, но оставляет возможность встраивать в неё элементы на всю ширину вьюпорта — https://ethanmarcotte.com/wrote/css-grid-without-max-width/

Вышла Node.js 14 — релиз, который после стабилизации станет LTS осенью 2020. Среди новинок: обновление V8 до версии 8.1, экспериментальный асинхронный Local Storage API, улучшенный API стримов, системный интерфейс Web Assembly и другие — https://medium.com/p/8170d384567e

Цена JavaScript-фреймворков. Тим Кадлек собрал и проанализировал статистику о том, как использование фреймворков влияет на производительность сайтов — https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/

00:01:07 События
00:02:59 Новости браузеров
00:09:25 Chakra Core уходит сообществу
00:21:00 Релиз Shower 3.0
00:25:17 jQuery всё ещё нужна
00:33:09 Гитхаб подешевел
00:37:06 ES-импорты для разработки
00:45:33 Будни TC39
00:56:10 Телеграм против веба

Выпуск №226: Браузеры, Chakra Core, Shower 3.0, jQuery, Гитхаб, ES-импорты, TC39, Телеграм против веба. В гостях Сергей Рубанов. Слушайте на Ютубе https://youtu.be/o2kwrOcesj8, читайте на Медиуме https://medium.com/p/4630c139dd46

Улучшаем производительность сайта при помощи мониторинга скорости у реальных пользователей. Для чего нужен Real User Monitoring и какие API помогают создавать свои метрики — https://levelup.gitconnected.com/improve-your-websites-performance-with-real-user-monitoring-e84948f71313

Создание игривого эффекта при помощи CSS-теней. Сара Фоссхайм показывает, как сделать текст объёмным при помощи text-shadow — https://css-tricks.com/creating-playful-effects-with-css-text-shadows/

Собираем лучший мобильный инпут. Алекс Голачек собрала стенд, на котором можно экспериментировать с атрибутами инпутов и видеть, как изменится клавиатура у пользователя при изменении атрибутов — https://better-mobile-inputs.netlify.app/

8 наиболее распространенных структур данных на примере JavaScript. Кингсли Тан объясняет, как работают стек, очередь, списки, коллекции, хеш-таблицы, деревья и графы, в переводе на Хабре — https://habr.com/p/497476/

CSS для интернационализации. Хуэй Цзин Чэнь рассказывает, как в CSS можно полезно использовать знание о языке посетителя сайта и адаптировать под это раскладку — https://www.chenhuijing.com/blog/css-for-i18n/

Отступы в CSS. Ахмад Шадид показывает различные приёмы работы с margin, padding и gap в вёрстке с объяснениями — https://ishadeed.com/article/spacing-in-css/

Дизайн кнопки. Тарас Бакусевич разбирает «анатомию» кнопки и делится советами, как должны выглядеть и вести себя кнопки на странице — https://uxdesign.cc/button-design-user-interface-components-series-85243b6736c7

Front-end Bookmarks. Мануэль Матузович собирает коллекцию статей и докладов про HTML, CSS и JS, сгруппированных по элементам, атрибутам, свойствам, селекторам, методам и выражениям — https://www.frontendbookmarks.com/

Интересные CSS-находки в новом дизайне Facebook. Ахмад Шадид делится необычными приёмами, которые он нашёл при помощи DevTools в коде редизайна социальной сети, в переводе на Хабре — https://habr.com/p/496958/

Поддержка Touch в JavaScript. Андрей Бегунов рассказывает, как организовать поддержку touch-режима на устройствах вроде планшетов с клавиатурами или ноутбуков с экранами multi-touch — https://habr.com/p/497416/

GitHub открыл бесплатное создание приватных репозиториев с неограниченным количеством соавторов и дал до двух тысяч бесплатных минут в месяц доступа к GitHub Actions — https://help.github.com/en/github/getting-started-with-github/faq-about-changes-to-githubs-plans

32 видео докладов FrontendConf 2019: React Native, шрифты, вёрстка писем, гриды, типы данных в CSS, WebRTC, TypeScript, PWA, софт-скилы и другие — https://www.youtube.com/playlist?list=PLknJ4Vr6efQHldqCyBU5gpi7KPJEMbj4H

Как правильно написать alt-текст. Николай Шабалин рассматривает примеры, когда альтернативный текст нужен, когда не нужен и как сделать его полезным — https://htmlacademy.ru/blog/boost/frontend/alt-text?utm_source=tg_web_standards&utm_medium=special&utm_campaign=alt_text_16042020