https://lea.verou.me/2021/05/is-the-current-tab-active/ Лия Веру выясняет наиболее рабочий способ проверить активность вкладки.

Следующий эпизод undefined talk мы решили посвятить концепции JAM Stack и статической генерации сайтов. Концепция уже давно применяется разработчиками и стремительно набирает популярность. Крупные проекты уходят от больших неповоротливых монолитных решений к использованию сервисов, которые направлены на решение узких задач. Фанаты технологии утверждают, что у такого подхода масса преимуществ. Бизнес задачи решаются гораздо быстрее. При этом перед нами раскрывается возможность использовать массу разнообразных сервисов и инструментов от создания контента до управления платным подписками.

К нам присоединится наш коллега из Москвы Сергей Орлов.

Во время стрима мы обсудим техническую сторону процесса, поговорим про архитектуру современных приложений и ответим на вопросы зрителей.

Также разберем покажем как устроены сайты https://orlow.dev/ и https://web.dev/
Присоединяйтесь к нам во вторник 8 Июня в 19:00 по МСК
https://www.youtube.com/watch?v=sc_-suRyAlg

#undefined_event

Зачем ООН использует UNITY? Что нового в TypeScript 4.3? Массовые блокировки в Play Store и многие другие новости из мира IT на канале нашего друга и гостя следующего выпуска undefined talk Сергея Орлова.
В качестве бонуса для нас, книголюбов, в каждом выпуске Сергей рекомендует интересные книги.

Подписывайтесь, ставьте лайки и пишите комментарии.
https://youtu.be/-8mdHzQagvM
#undefined_interesting

Спасибо всем, кто подключился к нашей трансляции.
Запись доступна по ссылке https://youtu.be/sc_-suRyAlg

Тайм-коды:
00:00 Что такое JAM Stack, немного истории, отличие от SSR.
12:00 Content Mesh и внешние сервисы
19:50 JAM Stack и Web Vitals
22:30 Headless CMS, забота о клиентах, бизнес-задачи и разделение задач
31:30 Инкрементальная сборка или как работать с контентом при частых изменениях
35:50 Почему все так плохо с инкрементальной сборкой. Выход - середина между SSG и SSR?
43:22 Как создать SSG-фреймворк в домашних условиях или зачем нужен CDN
48:20 Как работать с персонализированным контентом
53:00 Пример с аудитом сайтов на странице https://web.dev/measure
59:30 Первое правило JAM Stack - Не используйте JAM Stack!

К сожалению мы не успели разобрать код проектов с Gatsby и 11ty, но если Вам интересно заглянуть в глубь реализации проектов с JAM Stack, напишите нам в комментариях, и мы сделаем отдельный выпуск.

https://dev.to/denladeside/reviving-legacy-hardware-with-web-hid-3447

Время расчехлять свои Космические Шары и другие запылившиеся девайсы!

Lars Knudsen раскопал в своей коробке с устаревшим оборудованием 3Dconnexion Spaceball 5000. Поддержка этого устройства прекратилась аж в 2009 году, но при помощи WebHID API Ларс подарил ему вторую жизнь🤩!

Подробности ждут вас в статье.

P.S. Мы проверили, это винтажное устройство все еще доступно в разных маркетплейсах по цене около $50😄.

https://handsfree.js.org/#installing

Всем привет! А вы уже пробовали добавить в свои веб приложения управление при помощи жестов и мимики?

Если нет, но очень хочется, то рекомендуем приглядеться к библиотеке Handsfree.js.

Автор задумал эту библиотеку в 2018 году, когда был бездомным и встречал людей с разными типами инвалидности. Основная идея была в том, чтобы сделать веб доступным при помощи мимики. Но впоследствии были добавлены модули управления жестами и всем телом.

https://github.com/readme/open-source-leap-of-faith-babel

Подкасты на английском - отличный способ поддерживать в тонусе свой языковой скилл. Сегодня мы прониклись историей Henry Zhu, оставившего стабильную работу в Adobe ради полного погружения в мир опенсорсного проекта Babel.

Мне просто был нужен кто-то, кто сказал бы: "Это окей", - что любопытно, не правда ли? Кто-то, кого ты знаешь лично, не в онлайн. Это как если бы я твитнул "Каждый должен заниматься опенсорсом". Может быть, это помогло бы кому-нибудь, но, я думаю, в большинстве случаев тебе нужен всего лишь один человек, который будет рядом, чтобы сказать: "Все в порядке, начинай".

#Undefined_Interesting

https://calibreapp.com/blog/lighthouse-8#cumulative-layout-shift-is-calculated-with-a-new-definition

Этот пост для тех, кто еще не слышал о релизе 8 стабильной версии Lighthouse. Или слышал, но так и не добрался почитать, чем эта версия отличается от предыдущей.

Спойлер:
Перебалансировка оценки может принести изменения в 5 и более пунктов в любую сторону для 20-30% веб-сайтов.

Чему именно стали уделять больше внимания при расчете перфоманса создатели Lighthouse - самое время узнать из статьи.

#Undefined_News

https://avpress.zaps.dev/

AVPress - отличная иллюстрация мощностей WebAssembly и FFMPEG.WASM 🎥⚡️ 📷

Этот экспериментальный видеоредактор позволяет ресайзить и сжимать видео прямо в браузере (Firefox & Chrome, как водится).

Наши ❤️ его автору - Addy Osmani.

#Undefined_Interesting

https://h3manth.com/ES2021/

Привет, друзья! У нас отличные новости: 22 июня состоялся релиз ECMAScript 2021!

Скорее залетайте в статью и знакомьтесь с новыми фичами нашего любимого JavaScript.

#Undefined_News

{ link: The State Of Web Workers In 2021 }

Привет, друзья!

Стоит ли использовать веб-воркеры? Каких архитектурных принципов можно придерживаться при работе с воркерами? Какие современные библиотеки и тулы могут облегчить работу с параллелизацией веба?

На эти вопросы можно поискать ответы в статье специалиста из Chrome Surma о бенефитах и способах использования веб-воркеров в современных приложениях.

В этой статье я изложу свою модель мышления, почему многопоточность важна в Интернете, познакомлю вас с примитивами, которые есть в нашем распоряжении как разработчиков, и немного расскажу об архитектурах, позволяющих легко внедрять многопоточность, даже постепенно.

#Undefined_Interesting

{ link: Having fun drawing tweets using JavaScript and Unicode colors! }

Всем привет!

Сегодня пятница, впереди горячие летние выходные, а это отличный повод не загружать голову полезной информацией и немного отвлечься.

От нас вам - забавный тред в твиттере, где люди постят сгенерированные при помощи JS и Unicode цветов картиночки.

Поиграть можно в этой песочнице. Have some fun!

Присылайте в комментарии свои произведения искусства🎨

{ link: Making A Strong Case For Accessibility }

Привет, друзья!

Предлагаем вашему вниманию статью по доступности от специалиста с 22-летним опытом Todd Libby.

Статья не о том, нужно ли делать приложения доступными для людей с ограничениями, и даже не о том, почему это нужно делать.

Эта статья для тех, кто хочет и может сделать поддержку доступности естественной частью процесса разработки.

За какие ручки можно дергать, какие шаги нужно предпринять, к каким аргументам стоит прибегнуть, чтобы на всех уровнях компании устоялось твердое понимание необходимости затрачивать деньги и ресурсы на создание доступных продуктов - читайте и берите на вооружение.

#Undefined_Interesting

{ link: Ссыль на трансляцию на ютубчике }

Ребятки, привет!

Три месяца назад ведущая подкаста Лена, до этого кодившая только на JS, неожиданно для себя стала Flutter разработчиком, и теперь очень хочет поговорить об этом.

В этот четверг мы вместе с участниками сообщества undefined и гостями подкаста поделимся историями о том, легко ли пишется на Dart, за что его стоит любить и мучает ли JS разработчиков ностальгия по React Native.

Подписывайтесь на наш YouTube канал, жмите на колокольчик, чтобы поставить напоминалочку, и до скорой встречи!

#Undefined_Podcast

{ link: JAMstackOPO#16 }

Всем привет!

Приходите 26 июля на португальский митап JAMstackOPO#16. Поговорим про JAMstack и Headless CMS.

Сергей Орлов, с которым вы уже знакомы по последнему выпуску подкаста undefined , расскажет про Notion as a CMS, поделится опытом, и расскажет, какие бывают больные боли.

Доклады на английском. Также там будут именитые ребятки из Netlify, AgilityCMS, Sanity, Strapi и StoryBlock.

Лайк, шер, сабскрайб!

#Undefined_Event

Несмотря на то, что сегодня нас преследовали “технические шоколадки”, нам с гостями удалось обсудить много вопросов.
Запись подкаста про кроссплатфоменные средства разработки мобильных приложений уже доступна на нашем канале. Подписывайтесь, ставьте лайки, задавайте Ваши вопросы в комментариях.

https://www.youtube.com/watch?v=C2PFDtx2k6c
Тайм коды:
00:00 Приветствие
00:50 Почему бизнесу понравился Flutter
02:05 В чем преимущество кроссплатформенных средств?
03:29 Личный опыт: oAuth и React Native
06:10 Своя система рендеринга это хорошо или плохо
08:38 Fabric замена Bridge в React Native
11:30 Кроссплатформенные средства: дивный новый мир?
15:20 Сложно ли перейти на Dart с JS?
17:48 Canvas быстрее чем нативный рендеринг?
19:31 Нужно ли тестировать Flutter приложение на разных эмуляторах?
21:00 Как технически реализовать platform-native дизайн?
22:25 Проблемы при обновлении версий Android и обратная совместимость
26:00 Эмуляторы: можно ли разрабатывать и тестировать без реального устройства?
28:29 Ограничения и написание нативных модулей
32:52 Проблемы производительности в Bridge
34:35 Нативные модули во Flutter
35:25 Как работают push-уведомления
38:50 Про проблемы модулей из сообщества
43:05 Почему современные платформу допускают столько ошибок? (Риторический вопрос)
44:35 Плохо ли, что придется изучать нативные платформы?
46:01 Objective C и пицца с ананасами
47:35 А мы не упремся в ограничения?
49:33 Про процессы, тесты, Flutter for Web и React Native for Web
54:30 Где же лучше всего применять кроссплатформенные средства?