इस हफ़्ते के एपिसोड में
सर्विस वर्कर, आपके इनबॉक्स में Firefox Nightly, Chrome में IE को डीबग करने, RWD के लिए Flexbox का इस्तेमाल करके, 1k JavaScript से ब्रह्मांड को बचाने और IE और Spartan के लिए बनाए गए जनरेटर पर काम करते हैं.
DEVTOOLS रोज़ाना के लिए टूल
अपने इनबॉक्स में रोज़ाना काम आने वाली इन मददगार सलाह की मदद से अपने वर्कफ़्लो को तेज़ करें. उमर हंसा, ऐनिमेशन वाले GIF फ़ॉर्मैट में रोज़ाना एक DevTools टिप दिखा रहे हैं. उदाहरण के लिए, सोर्स पैनल में किसी लाइन नंबर पर जाना और cURL में नेटवर्क अनुरोधों को फिर से चलाना.
Chrome में डीबग IE
क्या होगा अगर आप Chrome में Internet Explorer को डीबग कर सकें? हाल ही में IE टीम ने ओपन सोर्स दिया है, IE डाइग्नोस्टिक्स अडैप्टर एक ऐसा ब्रिज है जो Internet Explorer को Chrome रिमोट डीबगिंग प्रोटोकॉल से कनेक्ट करने देता है. हालांकि, यह प्रोजेक्ट अब भी एक्सपेरिमेंट के तौर पर उपलब्ध है, लेकिन इसकी मदद से, बेसिक स्क्रिप्ट डीबग किया जा सकता है. हमारी टीम आने वाले समय में, इसे Spartan में पोर्ट करने की योजना बना रही है.
सर्विस वर्कर
ऑफ़लाइन अनुभव बनाना आसान हो सकता है, क्योंकि सर्विस वर्कर Firefox Nightly में आ रहे हैं. W3C की खासियतों के मुताबिक, सर्विस वर्कर किसी पेज पर ज़्यादा कंट्रोल देते हैं, जिससे उन्हें नेटवर्क के अनुरोधों को दूसरी जगह भेजने, कैश से रिसॉर्स को पूरा करने, और यहां तक कि पुश नोटिफ़िकेशन भेजने की भी सुविधा मिलती है. सर्विस वर्कर, Chrome में पहले से ही शिपिंग कर रहे हैं और Firefox की टीम का अनुमान है कि वे वर्शन 41 में पहुंच सकते हैं.
https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly
http://www.w3.org/TR/service-workers/
https://jakearchibald.com/2014/offline-cookbook/
आरडब्ल्यूडी के लिए फ़्लेक्सबॉक्स
फ़्लेक्सबॉक्स की मदद से अपनी साइट को बेहतर बनाएं और अपने रिस्पॉन्सिव लेआउट को बेहतर बनाएं. डेवलपर ज़ो गिलनवॉटर ने बताया कि कैसे लेगसी ब्राउज़र के साथ काम करने वाली साइटों पर, फ़्लेक्सबॉक्स का इस्तेमाल, प्रोग्रेसिव बेहतर बनाने के लिए किया जा सकता है. विस्तार से जानकारी देने वाली स्लाइड को चीट शीट की तरह भी इस्तेमाल किया जा सकता है. इससे आपको बेशुमार फ़्लेक्सबॉक्स प्रॉपर्टी के बारे में जानकारी मिलती है.
http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference
JS1K से मुकाबला
सिर्फ़ 1k JavaScript में कितने एलियन ब्लास्ट किए जा सकते हैं? कीथ क्लार्क के “डिफ़ेंडर” ने इस साल की JS1K प्रतियोगिता का विजेता घोषित किया है. प्रतियोगियों को 1024 बाइट के JS के अलावा किसी और चीज़ का उपयोग करके बेहतरीन अनुभव देने का काम नहीं किया जाता. इस साल के रनर गेम में, मिस्ट्री मोनोरेल राइड और एक नामुमकिन रोलरकोस्टर शामिल है.
http://js1k.com/2015-hypetrain/demo/2306
http://js1k.com/2015-hypetrain/demo/2322
http://js1k.com/2015-hypetrain/demo/2364
आयरलैंड/स्पार्टन में जनरेटर
कॉलबैक पुरानी बात हो सकती है, क्योंकि आईई टीम ने घोषणा की है कि जनरेटर पर काम चल रहा है. ES6 में, जनरेटर खास फ़ंक्शन होते हैं. इन्हें बाद में रोका और फिर से चालू किया जा सकता है. इनकी मदद से, एसिंक्रोनस कोड को सिंक्रोनस तरीके से लिखा जा सकता है. Chrome और Firefox में जनरेटर पहले से ही भेजे जा रहे हैं. फ़िलहाल, इन पर Safari का काम चल रहा है.
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators
https://www.youtube.com/watch?v=rT-1ZxhjzBw
https://www.chromestatus.com/features/4959347197083648
जेसन का 3D स्केचर
http://codepen.io/loktar00/full/DphFg/
18/100 दिन के लिए छह साइड से घूमता है
http://codepen.io/sixsided/full/qEeEYm/
फ़्रैंक ड्यूमॉन्ट की पेशकश, फ़िज़िक्स के साथ गाउसियन डिस्ट्रिब्यूशन
http://codepen.io/fdumont/full/CvdDI/
अभिजीत होता की पेशकश, PARTICLES OF MATTER
http://codepen.io/XDBoy018/full/JodWKN/
हमें बताएं कि Twitter #LazyWebShow पर आपकी क्या राय है