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

Все способы что-то убрать со страницы и их побочные эффекты в сводной таблице Винсента Валентина — https://codepen.io/vincent-valentin/full/JjGmxzV

15 базовых советов по Git для эффективной работы каждый день. Сергей Сергеев делится лайвхаками в блоге ManyChat на Хабре — https://habr.com/p/511946/

Суперсилы для CSS-переменных. Юна Кравец рассказывает о директиве @property, которая позволяет задавать тип кастомному свойству, добавляя ему возможности для анимаций и браузерных оптимизаций — https://web.dev/at-property/

Случайные ходоки. Луи Хебрегтс показывает, как создать впечатляющее генеративное демо, основанное на физике, шуме и случайности — https://www.generativehut.com/post/random-walkers

Катерина Павленко объясняет принципы работы GitHub Actions и особенности их настройки и показывает, как написать свой Action и разместить его в маркетплейсе.

Базовые понятия — https://medium.com/p/2501445e7392
Пишем свой — https://medium.com/p/8eb0a05c3e8a

Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS. Элад Шехтер про ключевые слова, которые никто не понимает, в переводе Алексея Бузмакова на «Веб-стандартах» — https://web-standards.ru/articles/inherit-initial-unset-revert/

Нолан Лоусон рассказывает, как создавал кастомный элемент emoji-picker-element, стараясь обеспечить его доступность, быстродействие и эффективное потребление памяти — https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/

Разбираемся с генераторами в JavaScript. Таня Расчия подробно объясняет особенности работы генераторов и показывает, где их можно применять — https://www.taniarascia.com/understanding-generators-in-javascript/

Как сделать текст курсивом. Крис Койер показывает различные способы и объясняет разницу между ними — https://css-tricks.com/how-to-italicize-text/

00:01:23 События
00:04:42 Chrome 84
00:19:21 Нативный параллакс
00:26:04 Архив GitHub во льдах
00:35:07 Open Prioritization
00:45:17 Счётчик Lighthouse
00:52:55 Tailwind на практике
01:10:12 Tailwind как Bootstrap

Выпуск №239: Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS. В гостях Виталий Емельянцев. Слушайте на Ютубе https://youtu.be/duewHmL1PbE, читайте на Медиуме https://medium.com/p/d981fa8b8cd2

Вашему блогу не нужен JS-фреймворк. Иэн Бин рассказывает, почему он выбрал 11ty вместо Gatsby в качестве движка для своего блога — https://iainbean.com/posts/2020/your-blog-doesnt-need-a-javascript-framework/

Лучшие практики для форм регистрации и авторизации. Сэм Даттон делится чеклистом создания хорошей формы с объяснением каждого пункта — https://web.dev/sign-in-form-best-practices/

Атрибут inputmode. Михаэль Шарналь показывает альтернативу специальным типам полей и какие клавиатуры включают смартфоны при различных значениях атрибута — https://funwithforms.com/posts/inputmode/

Состояние вёрстки «pixel perfect». Ахмад Шадид размышляет, нужно ли идеально подстраивать вёрстку под дизайн или важнее обеспечить отзывчивость сайта на любых устройствах — https://ishadeed.com/article/pixel-perfection/

Измерение UX браузерным расширением Web Vitals. Эдди Османи показывает, как расширение Web Vitals позволяет следить за реальной производительностью сайтов — https://youtu.be/2k1QbgLAFdI

Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу. Борис Горячев с историей развития API и UI-kit «Медузы» — https://habr.com/p/511090/

Подробнее об инициативе Igalia по краудфандингу для внедрения возможностей веб-платформы в браузеры:

Введение Брайана Карделла https://bkardell.com/blog/OpenPrioritization.html
Обзор Рейчел Эндрю https://www.smashingmagazine.com/2020/07/crowdfunding-web-platform-features-open-prioritization/
Почему contain https://blogs.igalia.com/mrego/2020/07/13/open-prioritization-and-css-contain/
Почему :not https://blogs.igalia.com/obrufau/2020/07/13/open-prioritization-for-not-selector.html