Size: a a a

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

2020 July 13
Веб-стандарты
Объяснение debounce. Хуан Вега показывает, как вызывать обработчик повторяющегося события только один раз по завершении таймаута с последнего срабатывания события — https://www.freecodecamp.org/news/debounce-explained-how-to-make-your-javascript-wait-for-your-user-to-finish-typing-2/
источник
Веб-стандарты
Open Prioritization — новый краудфандинговый проект Igalia, где любой может помочь собрать деньги на внедрение технологий в браузеры. Среди проектов: внедрение :focus-visible, inert и contain в Safari, функции lab() и CSS-свойства d в Firefox и другие — https://www.igalia.com/open-prioritization/
источник
2020 July 14
Веб-стандарты
Бесплатный пятичасовой видеокурс Ли Робинсона по Next.js и React для новичков — https://masteringnextjs.com/
источник
Веб-стандарты
Автотесты и деплой на GitHub Actions. Вадим Макеев настраивает CI для прогона тестов и разворачивания проекта на сервере при коммите в ветку master и в пулл-реквестах — https://youtu.be/hevU4NdIsoU
источник
Веб-стандарты
Выпуск №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit. В гостях Владимир Гриненко. Слушайте на Ютубе https://youtu.be/u1OPg7IKMQU, читайте на Медиуме https://medium.com/p/3533ce9bf361
источник
Веб-стандарты
00:02:08 События в Яндексе
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit
источник
2020 July 15
Веб-стандарты
Оценка Lighthouse в футере сайта. Зак Лезерман показывает, как подключить компонент для отображения оценок из Lighthouse, чтобы быть честным с пользователями и реагировать на ухудшения производительности — https://www.zachleat.com/web/lighthouse-in-footer/
источник
Веб-стандарты
Новинки Chrome 84 в обзоре Пита Лепажа: шорткаты для PWA, улучшения Web Animations API, автоматическое скрытие навязчивых уведомлений, Web Assembly SIMD и другие. Подробнее в статье https://developers.google.com/web/updates/2020/07/nic84
или видео https://youtu.be/1XBUeaqjTA4
источник
Веб-стандарты
Что за… «замыкание»? Дэн Абрамов объясняет замыкания в JavaScript на множестве примеров https://whatthefuck.is/closure Не понимаете что-то ещё? Попросите у Дэна объяснить https://github.com/gaearon/whatthefuck.is/issues/
источник
2020 July 16
Веб-стандарты
Вашему SPA не нужен роутер. Станислав Черенков рассказывает об основных ошибках при использовании роутеров на клиенте и предлагает способ их избежать — https://forweb.dev/en/blog/drop-the-router/
источник
Веб-стандарты
Подробнее об инициативе 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
источник
Веб-стандарты
Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу. Борис Горячев с историей развития API и UI-kit «Медузы» — https://habr.com/p/511090/
источник
2020 July 17
Веб-стандарты
Измерение UX браузерным расширением Web Vitals. Эдди Османи показывает, как расширение Web Vitals позволяет следить за реальной производительностью сайтов — https://youtu.be/2k1QbgLAFdI
источник
Веб-стандарты
Состояние вёрстки «pixel perfect». Ахмад Шадид размышляет, нужно ли идеально подстраивать вёрстку под дизайн или важнее обеспечить отзывчивость сайта на любых устройствах — https://ishadeed.com/article/pixel-perfection/
источник
Веб-стандарты
Атрибут inputmode. Михаэль Шарналь показывает альтернативу специальным типам полей и какие клавиатуры включают смартфоны при различных значениях атрибута — https://funwithforms.com/posts/inputmode/
источник
2020 July 20
Веб-стандарты
Лучшие практики для форм регистрации и авторизации. Сэм Даттон делится чеклистом создания хорошей формы с объяснением каждого пункта — https://web.dev/sign-in-form-best-practices/
источник
Веб-стандарты
Вашему блогу не нужен JS-фреймворк. Иэн Бин рассказывает, почему он выбрал 11ty вместо Gatsby в качестве движка для своего блога — https://iainbean.com/posts/2020/your-blog-doesnt-need-a-javascript-framework/
источник
Веб-стандарты
Выпуск №239: Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS. В гостях Виталий Емельянцев. Слушайте на Ютубе https://youtu.be/duewHmL1PbE, читайте на Медиуме https://medium.com/p/d981fa8b8cd2
источник
Веб-стандарты
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
источник
2020 July 21
Веб-стандарты
Как сделать текст курсивом. Крис Койер показывает различные способы и объясняет разницу между ними — https://css-tricks.com/how-to-italicize-text/
источник