Understanding Storage Quota | Workbox — ⭐
जेफ पॉसनिक लिखते हैं, वर्कबॉक्स पर 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.
सेवा श्रमिक वेब पारिस्थितिक तंत्र का एक अद्भुत और अभिन्न हिस्सा हैं, लेकिन अभी भी कुछ गॉथस हैं - और यह उनमें से एक है जो आपको समय से पहले नहीं जानता है, जो आपको काट सकता है।
यह देखना बहुत अच्छा है जैसे वर्कबॉक्स इसे संभालने में सक्षम है और आपको सूचित करता है ताकि आप जान सकें कि क्या होता है।
Emscripten's compiled Web Assembly, used minimally — ⭐
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 — ⭐
देव क्रोम पर 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
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
माइकल माहेमॉफ ने मुझे वेब की संभावनाओं के बारे में बहुत कुछ सिखाया। वेब पर निर्मित माइक के साथ काम करने से पहले और मुझे लिंकिबिलिटी और डिस्कवरी जैसे लाभों को समझ गया, लेकिन मुझे वास्तव में क्या संभव होगा इसकी पूरी तस्वीर नहीं मिली। एक बात यह है कि माइक ने कहा था “वेब मेरा एपीआई है”, जहां उन्होंने माइक्रोफॉर्मेट्स और अन्य संरचित डेटा के माध्यम से एक पृष्ठ में अपनी साइट और डेटा को बेनकाब करने में सक्षम होने के बारे में बात की और सीधे इसे एक्सेस करने में सक्षम होने के बारे में बात की एक और XML ब्राउज़र संदर्भ, एक साधारण XMLHttpRequest और CORS API का उपयोग करके:
Reinventing Web Intents
मैं कभी वेब इरादों की मौत पर नहीं मिला। मैंने हमेशा महसूस किया कि वेब पर अभी भी एक गंभीर समस्या है, हम silos बनाते हैं जो उपयोगकर्ता को एक वेबसाइट पर लॉक करता है और हम अपने ऐप्स को अमीर अनुभव बनाने के लिए एकसाथ कनेक्ट नहीं करते हैं। हमारे पास ऐसे लिंक हैं जो हमें किसी अन्य साइट पर नेविगेट करने की अनुमति देते हैं, लेकिन हम अपने ऐप्स को कार्यक्षमता से कनेक्ट नहीं करते हैं जिसे हम अपनी साइटों में उपयोग कर सकते हैं। अपने ऐप में उपयोग करने के लिए क्लाउड सेवा से एक छवि चुनना, या उपयोगकर्ताओं को पसंदीदा संपादक में एक छवि संपादित करना; हम अपने सेवाओं को लिंक करने के तरीके से हमारी सेवाओं को लिंक नहीं करते हैं।
Progressive Progressive Web Apps
Building Progressive Web Apps progressively is possible. This is how I did it.
Building a simple PubSub system in JavaScript
हाल ही में एक परियोजना में एक वेब पुश सेवा निर्माण करना चाहता था, मैं चाहता था कि मेरा यूआई आवेदन स्तर की घटनाओं (अर्थात् यदि आप करेंगे) को जवाब दे, क्योंकि वहां कुछ घटक थे जिनके लिए जानकारी की आवश्यकता होती है प्रणाली लेकिन एक-दूसरे के साथ निर्भर नहीं है और मैं चाहता हूं कि वे खुद को ‘व्यापार तर्क’ से स्वतंत्र रूप से प्रबंधित कर सकें। मैंने मदद करने के लिए कई अलग-अलग औजारों पर चारों ओर देखा, लेकिन क्योंकि मेरे पास अक्सर एनआईएच सिंड्रोम का भारी मामला होता है और तथ्य यह है कि मुझे लगता है कि लोग अपने स्वयं के आधारभूत तत्वों को बहुत तेज़ी से कार्यान्वित कर सकते हैं, मैंने तुरंत एक साधारण ग्राहक को दस्तक देने का फैसला किया- साइड पबसब सेवा & mdash; यह मेरी जरूरतों के लिए बहुत अच्छी तरह से काम किया।
Barcode detection using Shape Detection API
दूसरे सप्ताह मैंने क्रोम में कैनरी चैनल में आकार एपीआई के माध्यम से फेस डिटेक्शन के बारे में बात की। अब बारकोड पहचान क्रोम कैनरी में भी है (मिगुएल मेरा नायक है;) बारकोड विशाल हैं! वे लगभग हर उत्पाद पर खरीदते हैं। यहां तक कि बहुत बदनाम क्यूआरकोड अमेरिका और यूरोप के बाहर विशाल है। बारकोड और क्यूआरकोड आपके लिए माध्यम और आपके बीच की छोटी मात्रा में डेटा स्थानांतरित करके भौतिक दुनिया और डिजिटल दुनिया को पुल करने का एक आसान तरीका प्रदान करता है। डेस्कटॉप के युग में यह बड़ी मात्रा में उपयोग नहीं हो सकता है, मोबाइल के युग में यह महत्वपूर्ण है। इस डेटा तक पहुंच प्राप्त करने के लिए आपको कभी भी ऐप इंस्टॉल नहीं करना चाहिए।
Ideas for web apps with FFMPEG and ffmpeg.js
मैंने हाल ही में एक प्रगतिशील वेब ऐप बनाया है जो एंड्रॉइड डिवाइस से एक स्क्रीनकास्ट लेता है और फिर डिवाइस फ्रेम में वीडियो को लपेटता है FFMPEG.js : //github.com/Kagami/ffmpeg.js) इस तरह: मैं ffmpeg.js को हल करने में भी कामयाब रहा ताकि सापेक्ष आसानी से, ffmpeg के कस्टम अनुकूलित बिल्ड बनाएं और इसे ब्राउज़र में चलाएं। एक साथ दो चीजें मुझे लगता है कि कुछ महान नए छोटे प्रगतिशील वेब ऐप्स बनाने के कई अवसर मौजूद हैं जो हमें लगता है कि वेब ऑडियो और वीडियो में हेरफेर करने के संबंध में वेब सक्षम है।
Building ffmpeg.js for Ubuntu
FFMPEG.js एक अद्भुत प्रोजेक्ट है और इससे मुझे मेरी नवीनतम परियोजनाओं में से एक बनाने में मदद मिली: डिवाइस फ़्रेम। यह मूल रूप से ffmpeg बनाता है (आकार को छोटा रखने के लिए डिफ़ॉल्ट के एक अच्छे सेट के साथ & mdash; जितना छोटा हो सकता है)। यदि डिफ़ॉल्ट बिल्ड आपको आवश्यक फ़िल्टर और एन्कोडर्स का समर्थन नहीं करता है, तो आपको इसे स्वयं बनाना होगा। यह भविष्य में मेरे लिए एक नोट है, लेकिन यह वही है जो मैंने इसे काम करने के लिए किया था। (नोट: मैंने मैकोज़ सिएरा पर कोशिश की और संकलन त्रुटियां प्राप्त कर रही थीं)।