Hello.

Jeff Posnick viết, wrt để 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.

Đọc toàn bộ bài đăng.

Công nhân dịch vụ là một phần tuyệt vời và không thể tách rời của hệ sinh thái web, nhưng vẫn còn khá nhiều người bị mắc kẹt - và đây là một trong số họ có thể cắn bạn nếu bạn không biết điều này trước thời hạn.

Thật tuyệt khi thấy các công cụ như Workbox có thể xử lý việc này và thông báo cho bạn để bạn biết điều gì sẽ xảy ra.

Sam Thorogood trên Dev.to viết,

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.

Đọc toàn bộ bài đăng.

Tôi nghĩ tất cả chúng ta đều thấy tiềm năng của thế giới, nhiều người trong chúng ta rất nhiều nền tảng khác hiện có thể truy cập web hoàn toàn xa lạ với chúng tôi và chúng tôi thực sự cần phải tìm hiểu những công cụ đó, cải thiện trải nghiệm nhà phát triển và imo cung cấp các thư viện dựng sẵn mà ‘devs web truyền thống’ chỉ có thể sử dụng.

Mustafa cho Google Chrome, trên Dev-Channel viết,

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.

Đọc toàn bộ bài đăng.

Share Target API is now in Chrome breaking down one of the last silos of native platforms

Use onappinstalled to detect when a progressive web app is installed.

A simple bookmarklet that will performance trace the current page and open in an hosted devtools instance

A simple docker container that can host an instance of puppeteer and a custom app.

A curl-like utitly that runs JavaScript

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.

Bài viết này đã trễ hơn một năm. Nó đã bị mắc kẹt trong các bản nháp của tôi trong một thời gian dài, nhưng tôi nghĩ ý tưởng là thứ chúng ta cần giải quyết vào năm 2018. Nó cũng chỉ ra rằng các vấn đề khác đã nảy sinh trong năm qua khiến nó có liên quan hơn một chút. Tôi đã ở Indonesia trước đó vào năm 2016 một cách nhàn nhã trò chuyện với các nhà phát triển và nó đã đưa ra trong cuộc trò chuyện rằng web là hơi say (họ là những từ ngữ).

Michael Mahemoff đã dạy tôi rất nhiều về khả năng của web. Trước khi làm việc với Mike tôi đã xây dựng trên web và tôi hiểu những lợi ích như khả năng liên kết và khám phá, nhưng tôi chưa bao giờ thực sự có một bức tranh đầy đủ về những gì có thể. Một điều mà Mike nói là “Web là API của tôi”, nơi anh ta nói về việc có thể hiển thị trang web và dữ liệu của bạn trong một trang qua microformats và dữ liệu có cấu trúc khác và có thể truy cập trực tiếp từ một bối cảnh trình duyệt khác, bằng cách sử dụng một XMLHttpRequest đơn giản và API CORS:

Tôi chưa bao giờ vượt qua cái chết của Web Intents. Tôi luôn cảm thấy rằng vẫn còn một vấn đề nghiêm trọng trên web, chúng tôi xây dựng silo khóa người dùng vào một trang web và chúng tôi không kết nối các ứng dụng của mình với nhau để xây dựng trải nghiệm phong phú hơn. Chúng tôi có các liên kết cho phép chúng tôi điều hướng đến một trang web khác, nhưng chúng tôi không kết nối các ứng dụng của mình với chức năng mà chúng tôi có thể sử dụng trong các trang web của mình.

Building Progressive Web Apps progressively is possible. This is how I did it.

Trong một dự án gần đây xây dựng một dịch vụ web push tôi muốn giao diện người dùng của tôi phản hồi các sự kiện cấp ứng dụng (ngữ nghĩa nếu bạn muốn) vì có một vài thành phần yêu cầu thông tin từ hệ thống nhưng không phụ thuộc lẫn nhau và tôi muốn họ có thể tự quản lý độc lập với ‘logic nghiệp vụ’. Tôi nhìn xung quanh rất nhiều công cụ khác nhau để giúp tôi, nhưng vì tôi thường xuyên có trường hợp nặng của hội chứng NIH và thực tế là tôi nghĩ mọi người có thể thực hiện các yếu tố cơ sở hạ tầng của mình khá nhanh, tôi quyết định đánh nhanh một khách hàng đơn giản- dịch vụ PubSub bên & mdash; nó hoạt động khá tốt cho nhu cầu của tôi.

Tuần kia tôi đã nói về Nhận diện khuôn mặt thông qua API hình dạng nằm trong kênh Canary trong Chrome. Bây giờ phát hiện mã vạch là trong Chrome Canary quá (Miguel là anh hùng của tôi;) Mã vạch rất lớn! chúng trên hầu hết mọi sản phẩm chúng tôi mua. Thậm chí nhiều mã QRCode rất lớn bên ngoài Hoa Kỳ và Châu Âu. Mã vạch và mã QR cung cấp một cách đơn giản để bạn kết nối thế giới thực và thế giới kỹ thuật số bằng cách chuyển một lượng nhỏ dữ liệu giữa phương tiện và bạn.

Gần đây tôi đã xây dựng một ứng dụng Web Progressive để lấy screencast từ thiết bị Android của bạn và sau đó kết thúc video trong một khung thiết bị bằng cách sử dụng FFMPEG.js như sau: Tôi cũng đã quản lý để sắp xếp xây dựng ffmpeg.js để dễ dàng hơn, tạo các bản dựng ffmpeg được tối ưu hóa tùy chỉnh và chạy nó trong trình duyệt.

FFMPEG.js là một dự án tuyệt vời và nó đã giúp tôi xây dựng một trong những dự án mới nhất của tôi: Device Frame. Về cơ bản nó xây dựng ffmpeg (với một bộ mặc định tốt để giữ kích thước nhỏ & mdash; nhỏ như nó có thể). Nếu bản dựng mặc định không hỗ trợ các bộ lọc và bộ mã hóa mà bạn cần, thì bạn sẽ cần phải tự xây dựng nó.

What are the properties that make the web the web? How can we keep differentiating from native to stay relevant in a mobile world?

Ruby frustrations and performance have frustrated me for a long time. Experimented with Hugo and ported blog in about 3 hours