Understanding Storage Quota | Workbox — ⭐
Джефф Поскик пишет: «Ответ на рабочий стол»
A common source of unexpectedly high quota usage is due to runtime caching of opaque responses, which is to say, cross-origin responses to requests made without CORS enabled.
Browsers automatically inflate the quota impact of those opaque responses as a security consideration. In Chrome, for instance, even an opaque response of a few kilobytes will end up contributing around 7 megabytes towards your quota usage.
Служащие службы являются удивительной и неотъемлемой частью веб-экосистемы, но есть еще немало ошибок - и это один из них, который может вас укусить, если вы этого заранее не знаете.
Приятно видеть, что инструменты, такие как Workbox, способны справиться с этим и сообщают вам, чтобы вы знали, что происходит.
Emscripten's compiled Web Assembly, used minimally — ⭐
Сэм Торогуд на Dev.to пишет:
Why did I write this post? Emscripten is a wonderful tool, but it has a long history (for asm.js), and isn’t perfect. I think it errs too much on the side of “magic”, and many posts rave about how it’s so easy to EMASM or use binding-fu, but this all comes at a cost, and can introduce huge amounts of inadvertent overhead—think copying huge memory buffers around because we’re trying to make them immutable or easily exposed.
Every language that is being compiled to Web Assembly needs a runtime—whether it be Go, or Rust, or C/C++ as we have here. I don’t believe that we’ll ever really be able to directly import Web Assembly via ES2015 modules, at least not without changes on the JS side. But it behooves us to write the smallest one we possibly can.
Я думаю, что мы все видим потенциал убытков, бит для многих из нас, многие другие платформы, которые теперь могут прийти в Интернет, совершенно чужды нам, и нам действительно нужно изучить эти инструменты, улучшить опыт разработчиков Vism и imo предлагает готовые библиотеки, которые могут использовать только традиционные веб-разработчики.
Designing with the Gestalt principles — ⭐
Mustafa для Google Chrome, в файлах Dev-Channel,
The Gestalt principles are a series of laws that are used to explain why human beings naturally find organized patterns in objects they see around them. The goal with the principles was to explain why we group objects in some ways but not others.
There are many different principles, but here I am going to look at the ones that effect grouping, these are; proximity, similarity, common fate, continuity, closure, and prägnanz.
Web Share Target API
Share Target API is now in Chrome breaking down one of the last silos of native platforms
onappinstalled - for when an app is installed.
Use onappinstalled to detect when a progressive web app is installed.
Bookmarklet: Chrome DevTools trace page
A simple bookmarklet that will performance trace the current page and open in an hosted devtools instance
Hosting Puppeteer in a Docker container
A simple docker container that can host an instance of puppeteer and a custom app.
domcurl: curl + JavaScript
A curl-like utitly that runs JavaScript
Using CSP Nonces effectively with service worker
CSP nonce values can help you securely run inline content on you site. But it can be hard to get it working with Service Workers... until now.
Breaking down silos by sharing more on the web
Эта статья уже более года. Он давно застрял в моих проектах, но я думаю, что идея - это то, что нам нужно решить до 2018 года. Также выясняется, что в прошлом году возникли другие проблемы, которые делают его более актуальным. Я был в Индонезии в начале 2016 года, болтая с разработчиками, и в разговоре заговорил, что сеть ввернута (они были буквальными словами). Суть проблемы заключалась в том, что пользователи сегодня и, в частности, пользователи, которые впервые выходят в интернет, создают контент внутри силосов.
The Web is my API
Michael Mahemoff многому научил меня возможностям Интернета. До работы с Майком я построил в Интернете, и я понял такие преимущества, как связывание и открытие, но у меня никогда не было полной картины того, что было бы возможно. Одна вещь, о которой говорил Майк, была «Веб - мой API», где он рассказывал о том, как можно подвергать свой сайт и ваши данные на странице с помощью микроформатов и других структурированных данных и иметь доступ к нему непосредственно из другой другой контекст браузера, используя простой XMLHttpRequest и API CORS:
Reinventing Web Intents
Я никогда не перестал смерти веб-намерений. Я всегда чувствовал, что в Интернете все еще есть серьезная проблема, мы строим силосы, которые блокируют пользователя на одном веб-сайте, и мы не соединяем наши приложения вместе, чтобы строить более богатые впечатления. У нас есть ссылки, которые позволяют нам перейти на другой сайт, но мы не подключаем наши приложения к функциональным возможностям, которые мы можем использовать на наших сайтах. Собирайте изображение из облачной службы для использования в своем приложении или редактируйте изображение в предпочтительном редакторе пользователей; мы просто не связываем наши сервисы так, как мы связываем наши страницы.
Web sites as unintended silos: The problem with getting data in and out of the web client
It's nearly impossible to get consistent get data in and out of a web app on the client
Progressive Progressive Web Apps
Building Progressive Web Apps progressively is possible. This is how I did it.
Building a simple PubSub system in JavaScript
В недавнем проекте, построенном в сервисе web push, я хотел, чтобы мой пользовательский интерфейс отвечал на события уровня приложения (семантически, если хотите), потому что было несколько компонентов, которым требуется информация от системы, но не зависят друг от друга, и я хотел, чтобы они могли управлять собой независимо от «бизнес-логики». Я осматривал множество различных инструментов, чтобы помочь мне, но поскольку у меня часто бывает тяжелый случай синдрома NIH и тот факт, что я думаю, что люди могут быстро реализовать свои собственные инфраструктурные элементы, я решил быстро сбить простой клиент- сторона службы PubSub & mdash; он работал очень хорошо для моих нужд.
Barcode detection using Shape Detection API
На другой неделе я говорил о Обнаружение лиц через API-интерфейс формы, который находится на канале Канала в Chrome. Теперь обнаружение штрих-кода в Chrome Canary тоже (Miguel - мой герой;) Штрих-коды огромны! они находятся почти на каждом продукте, который мы покупаем. Даже очень злокачественный QRCode является огромным за пределами США и Европы. Штрих-код и QR-код обеспечивают простой способ для вашего физического мира и цифрового мира путем переноса небольших объемов данных между средой и вами.
Ideas for web apps with FFMPEG and ffmpeg.js
Недавно я создал прогрессивное веб-приложение, которое использует screencast с вашего устройства Android, а затем обертывает видео в фрейме устройства, используя FFMPEG.js так: Мне также удалось разобраться в building ffmpeg.js, чтобы с относительной легкостью создать пользовательские оптимизированные сборки ffmpeg и запустите его в браузере. Две вещи вместе, я думаю, представляют много возможностей для создания замечательных новых небольших прогрессивных веб-приложений, которые подталкивают то, что, по нашему мнению, к Интернету относится к манипулированию аудио и видео.
Building ffmpeg.js for Ubuntu
FFMPEG.js - удивительный проект, и это помогло мне построить один из моих последних проектов: Device Frame. Он в основном создает ffmpeg (с хорошим набором значений по умолчанию, чтобы сохранить размер small & mdash, насколько это возможно). Если сборка по умолчанию не поддерживает фильтры и кодировщики, которые вам нужны, тогда вам нужно будет ее самостоятельно создать. Это скорее примечание для меня в будущем, но это то, что я сделал, чтобы заставить его работать.
SLICE: The Web
What are the properties that make the web the web? How can we keep differentiating from native to stay relevant in a mobile world?
Goodbye Jekyll, Hello Hugo
Ruby frustrations and performance have frustrated me for a long time. Experimented with Hugo and ported blog in about 3 hours