Hello.

I am Paul Kinlan.

A Developer Advocate for Chrome and the Open Web at Google.

Understanding Storage Quota | Workbox

Paul Kinlan

जेफ पॉसनिक लिखते हैं, वर्कबॉक्स पर wrt

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.

पूर्ण पोस्ट पढ़ें

सेवा श्रमिक वेब पारिस्थितिक तंत्र का एक अद्भुत और अभिन्न हिस्सा हैं, लेकिन अभी भी कुछ गॉथस हैं - और यह उनमें से एक है जो आपको समय से पहले नहीं जानता है, जो आपको काट सकता है।

यह देखना बहुत अच्छा है जैसे वर्कबॉक्स इसे संभालने में सक्षम है और आपको सूचित करता है ताकि आप जान सकें कि क्या होता है।

Paul Kinlan

Trying to make the web and developers better.

RSS Github Medium

Emscripten's compiled Web Assembly, used minimally

Paul Kinlan

Dev.to लिखते हैं सैम Thorogood,

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.

पूर्ण पोस्ट पढ़ें

मुझे लगता है कि हम सभी को अस्थिरता की संभावना दिखाई देती है, हम में से कई लोगों के लिए बहुत सारे प्लेटफॉर्म जो अब वेब पर आने में सक्षम हैं, वे पूरी तरह से विदेशी हैं, और हमें वास्तव में उन उपकरणों को सीखने की जरूरत है, वाम डेवलपर अनुभव में सुधार करना और आईएमओ प्रीबिल्ट पुस्तकालयों की पेशकश करता है जो ‘पारंपरिक वेब देव’ का उपयोग कर सकते हैं।

Designing with the Gestalt principles

Paul Kinlan

देव क्रोम पर Google क्रोम के लिए मुस्तफा लिखते हैं,

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

Paul Kinlan

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

Read More

onappinstalled - for when an app is installed.

Paul Kinlan

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

Read More

Bookmarklet: Chrome DevTools trace page

Paul Kinlan

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

Read More

Hosting Puppeteer in a Docker container

Paul Kinlan

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

Read More

domcurl: curl + JavaScript

Paul Kinlan

A curl-like utitly that runs JavaScript

Read More

Using CSP Nonces effectively with service worker

Paul Kinlan

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.

Read More

We need DOM APIs in Workers

Paul Kinlan

If we are to build HTML in Workers then we need some 'DOM' in them.

Read More

A simple clientside templating langauge

Paul Kinlan

Templating libraries needn't be so hard

Read More

Challenges for web developers

Paul Kinlan

Summary of the challenges that I beleive we developers face every day.

Read More

Breaking down silos by sharing more on the web

Paul Kinlan

यह आलेख एक साल से अधिक देर हो चुकी है। यह लंबे समय तक मेरे ड्राफ्ट में फंस गया था, फिर भी मुझे लगता है कि विचार ऐसा कुछ है जिसे हमें 2018 में हल करने की जरूरत है। यह भी पता चला है कि पिछले साल अन्य मुद्दे सामने आए हैं जो इसे थोड़ा अधिक प्रासंगिक बनाते हैं। मैं इंडोनेशिया में पहले 2016 में डेवलपर्स के साथ चैट कर रहा था और यह वार्तालाप में आया कि वेब खराब हो गया है (वे शाब्दिक शब्द थे)। इस मुद्दे का मुद्दा यह था कि आज के उपयोगकर्ता, और विशेष रूप से उपयोगकर्ता जो पहली बार ऑनलाइन आ रहे हैं, सिलो के अंदर सामग्री बना रहे हैं। कुछ मामलों में ये सिलो वेब की तरह दिखते हैं और महसूस करते हैं लेकिन सामग्री केवल उन प्लेटफ़ॉर्म पर उपलब्ध है लेकिन यह इस तथ्य से कायम है कि प्रत्येक मूल एप्लिकेशन में क्षमता होती है उपयोगकर्ता के पास उनके कंप्यूटिंग डिवाइस पर मौजूद प्रत्येक इंटरैक्शन में सक्रिय रूप से भाग लेने के लिए, लेकिन वेब नहीं करता है, और यह एक हत्यारा है। वेब अनुभवों में सामग्री प्राप्त करना असंभव है, लेकिन सामग्री प्राप्त करना आसान है।

Read More

The Web is my API

Paul Kinlan

माइकल माहेमॉफ ने मुझे वेब की संभावनाओं के बारे में बहुत कुछ सिखाया। वेब पर निर्मित माइक के साथ काम करने से पहले और मुझे लिंकिबिलिटी और डिस्कवरी जैसे लाभों को समझ गया, लेकिन मुझे वास्तव में क्या संभव होगा इसकी पूरी तस्वीर नहीं मिली। एक बात यह है कि माइक ने कहा था “वेब मेरा एपीआई है”, जहां उन्होंने माइक्रोफॉर्मेट्स और अन्य संरचित डेटा के माध्यम से एक पृष्ठ में अपनी साइट और डेटा को बेनकाब करने में सक्षम होने के बारे में बात की और सीधे इसे एक्सेस करने में सक्षम होने के बारे में बात की एक और XML ब्राउज़र संदर्भ, एक साधारण XMLHttpRequest और CORS API का उपयोग करके:

Read More

Reinventing Web Intents

Paul Kinlan

मैं कभी वेब इरादों की मौत पर नहीं मिला। मैंने हमेशा महसूस किया कि वेब पर अभी भी एक गंभीर समस्या है, हम silos बनाते हैं जो उपयोगकर्ता को एक वेबसाइट पर लॉक करता है और हम अपने ऐप्स को अमीर अनुभव बनाने के लिए एकसाथ कनेक्ट नहीं करते हैं। हमारे पास ऐसे लिंक हैं जो हमें किसी अन्य साइट पर नेविगेट करने की अनुमति देते हैं, लेकिन हम अपने ऐप्स को कार्यक्षमता से कनेक्ट नहीं करते हैं जिसे हम अपनी साइटों में उपयोग कर सकते हैं। अपने ऐप में उपयोग करने के लिए क्लाउड सेवा से एक छवि चुनना, या उपयोगकर्ताओं को पसंदीदा संपादक में एक छवि संपादित करना; हम अपने सेवाओं को लिंक करने के तरीके से हमारी सेवाओं को लिंक नहीं करते हैं।

Read More

Progressive Progressive Web Apps

Paul Kinlan

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

Read More

Building a simple PubSub system in JavaScript

Paul Kinlan

हाल ही में एक परियोजना में एक वेब पुश सेवा निर्माण करना चाहता था, मैं चाहता था कि मेरा यूआई आवेदन स्तर की घटनाओं (अर्थात् यदि आप करेंगे) को जवाब दे, क्योंकि वहां कुछ घटक थे जिनके लिए जानकारी की आवश्यकता होती है प्रणाली लेकिन एक-दूसरे के साथ निर्भर नहीं है और मैं चाहता हूं कि वे खुद को ‘व्यापार तर्क’ से स्वतंत्र रूप से प्रबंधित कर सकें। मैंने मदद करने के लिए कई अलग-अलग औजारों पर चारों ओर देखा, लेकिन क्योंकि मेरे पास अक्सर एनआईएच सिंड्रोम का भारी मामला होता है और तथ्य यह है कि मुझे लगता है कि लोग अपने स्वयं के आधारभूत तत्वों को बहुत तेज़ी से कार्यान्वित कर सकते हैं, मैंने तुरंत एक साधारण ग्राहक को दस्तक देने का फैसला किया- साइड पबसब सेवा & mdash; यह मेरी जरूरतों के लिए बहुत अच्छी तरह से काम किया।

Read More

Barcode detection using Shape Detection API

Paul Kinlan

दूसरे सप्ताह मैंने क्रोम में कैनरी चैनल में आकार एपीआई के माध्यम से फेस डिटेक्शन के बारे में बात की। अब बारकोड पहचान क्रोम कैनरी में भी है (मिगुएल मेरा नायक है;) बारकोड विशाल हैं! वे लगभग हर उत्पाद पर खरीदते हैं। यहां तक ​​कि बहुत बदनाम क्यूआरकोड अमेरिका और यूरोप के बाहर विशाल है। बारकोड और क्यूआरकोड आपके लिए माध्यम और आपके बीच की छोटी मात्रा में डेटा स्थानांतरित करके भौतिक दुनिया और डिजिटल दुनिया को पुल करने का एक आसान तरीका प्रदान करता है। डेस्कटॉप के युग में यह बड़ी मात्रा में उपयोग नहीं हो सकता है, मोबाइल के युग में यह महत्वपूर्ण है। इस डेटा तक पहुंच प्राप्त करने के लिए आपको कभी भी ऐप इंस्टॉल नहीं करना चाहिए।

Read More

Ideas for web apps with FFMPEG and ffmpeg.js

Paul Kinlan

मैंने हाल ही में एक प्रगतिशील वेब ऐप बनाया है जो एंड्रॉइड डिवाइस से एक स्क्रीनकास्ट लेता है और फिर डिवाइस फ्रेम में वीडियो को लपेटता है FFMPEG.js : //github.com/Kagami/ffmpeg.js) इस तरह: मैं ffmpeg.js को हल करने में भी कामयाब रहा ताकि सापेक्ष आसानी से, ffmpeg के कस्टम अनुकूलित बिल्ड बनाएं और इसे ब्राउज़र में चलाएं। एक साथ दो चीजें मुझे लगता है कि कुछ महान नए छोटे प्रगतिशील वेब ऐप्स बनाने के कई अवसर मौजूद हैं जो हमें लगता है कि वेब ऑडियो और वीडियो में हेरफेर करने के संबंध में वेब सक्षम है।

Read More

Building ffmpeg.js for Ubuntu

Paul Kinlan

FFMPEG.js एक अद्भुत प्रोजेक्ट है और इससे मुझे मेरी नवीनतम परियोजनाओं में से एक बनाने में मदद मिली: डिवाइस फ़्रेम। यह मूल रूप से ffmpeg बनाता है (आकार को छोटा रखने के लिए डिफ़ॉल्ट के एक अच्छे सेट के साथ & mdash; जितना छोटा हो सकता है)। यदि डिफ़ॉल्ट बिल्ड आपको आवश्यक फ़िल्टर और एन्कोडर्स का समर्थन नहीं करता है, तो आपको इसे स्वयं बनाना होगा। यह भविष्य में मेरे लिए एक नोट है, लेकिन यह वही है जो मैंने इसे काम करने के लिए किया था। (नोट: मैंने मैकोज़ सिएरा पर कोशिश की और संकलन त्रुटियां प्राप्त कर रही थीं)।

Read More