बाउंटी खत्म हो गया है, एफिडेवलपर्स कॉनवे के गेम ऑफ लाइफ के साथ जीतता है
वेब प्लेटफॉर्म आज तेजी से आगे बढ़ रहा है। जैसी सुविधाओं CSS3 एनिमेशन , रूपांतरण , ड्रॉप छाया और ढ़ाल , <canvas>, <audio>और <video>टैग, एसवीजी , WebGL , और कई और अधिक मतलब है कि आप ब्राउज़र में कहीं अधिक कर सकते हैं, और अब तक कम कोड में, पहले से कहीं। बेशक, कई डेवलपर्स को उन नई सुविधाओं का उपयोग करने की ज़रूरत नहीं है, क्योंकि वे जिन साइटों और एप्लिकेशन पर काम करते हैं, वे IE6 जैसे प्राचीन, पतंगे खाने वाले ब्राउज़रों के साथ पीछे की ओर संगत होने की आवश्यकता है।
तो, क्या होगा यदि आप हार्नेस को बंद कर दें? अपने आप को किसी भी और सभी नई सुविधाओं का उपयोग करने की अनुमति दें जो आपको पसंद हैं? थोड़ा जियो, पागल हो जाओ, अजीब ब्लीडिंग एज फीचर्स का उपयोग करें जो आपके उपयोगकर्ताओं में से केवल 1% ही लाभ उठा पाएंगे?
बेशक, असीमित संसाधनों और एक सर्वर से बात करने की क्षमता के साथ, आप सभी तरह के काम कर सकते हैं - कोड और पुस्तकालयों और वीडियो के मेगाबाइट लोड करें, और इसी तरह - लेकिन बाधाओं के बिना चुनौतियां बहुत दिलचस्प नहीं हैं। इस प्रतियोगिता के लिए मुख्य बाधा यह है: आप एक एकल, स्व-निहित, 4k यूआरआई में क्या कर सकते हैंdata:? स्व-निहित का मतलब है कि यह किसी भी बाहरी संसाधनों को संदर्भित नहीं करना चाहिए, किसी भी सर्वर को WebSockets या XHR या किसी भी प्रकार का उपयोग करके कनेक्ट करना चाहिए। यदि आप पीएनजी या एमपी 3 जैसे संसाधनों को एम्बेड करना चाहते हैं, तो अपने डेटा यूआरआई के भीतर डेटा यूआरआई को शामिल करने के लिए स्वतंत्र महसूस करें, या उप-संसाधनों को एम्बेड करने के कुछ अन्य चतुर तरीके के साथ आएं। 4k का मतलब 4096 बाइट्स, ठीक से यूआरआई-एनकोडेड, एएससीआईआई टेक्स्ट (यदि आप चुनते हैं, तो आप यूआरआई एन्कोडिंग से बचने के लिए बेस 64 एनकोडेड डेटा यूआरआई का उपयोग कर सकते हैं, लेकिन आमतौर पर यूआरआई एनकोडेड टेक्स्ट सादे टेक्स्ट के लिए बेस 64 से छोटा होगा)।
प्रेरणा प्रदान करने के लिए, प्रतियोगिता का विषय StackOverflow memes है । एक यूनिकॉर्न-जेस्टिंग गेम, एक जॉन स्कीट तथ्य जनरेटर, एक फ्रीहैंड-सर्कल आधारित ड्राइंग प्रोग्राम, या लोकप्रिय StackOverflow & meta.so मेम में से एक के साथ कुछ भी बनाने के लिए बनाएं।
मैं उन प्रविष्टियों को प्रोत्साहित करूँगा जो किसी तरह से संवादात्मक हैं; केवल एक साधारण एनीमेशन या स्थिर छवि नहीं है, उन्हें उपयोगकर्ता इनपुट का जवाब देना चाहिए, चाहे घटनाओं के माध्यम से, सीएसएस होवर, स्क्रॉलिंग, ब्राउज़र विंडो आकार बदलने, या किसी अन्य तरीके से, जिसके बारे में आप सोच सकते हैं। यह एक कठिन आवश्यकता नहीं है, हालांकि; महान डेमो जो इंटरैक्टिव नहीं हैं, विचार किया जाएगा, हालांकि अन्तरक्रियाशीलता को प्राथमिकता दी जाएगी।
आपका प्रवेश कम से कम 5 प्रमुख ब्राउज़रों (IE, फ़ायरफ़ॉक्स, क्रोम, सफारी, ओपेरा) में से एक सार्वजनिक रिलीज़ में चलना चाहिए। केवल मेनलाइन रिलीज़ (शाखाओं से नहीं बनता है या पैच का निर्माण नहीं करता है), जिसमें कोई विशेष कॉन्फ़िगरेशन सेटिंग्स, प्लगइन्स, या स्टॉक ब्राउज़र के साथ आने वाली कोई भी चीज़ की अनुमति नहीं है। नाइटली बिल्ड, बेटास, और रिलीज के उम्मीदवार ठीक हैं। कृपया अपनी प्रविष्टि में निर्दिष्ट करें कि आपने किन ब्राउज़रों के साथ अपनी प्रविष्टि का परीक्षण किया है। आप उन बाधाओं के भीतर किन तकनीकों का उपयोग कर सकते हैं, इस पर कोई सीमा नहीं है; आप एक शुद्ध एसवीजी एनीमेशन, एक शुद्ध सीएसएस एनीमेशन, वेबलॉग का उपयोग करके जावास्क्रिप्ट में कुछ कर सकते हैं, या बिल्ली, यहां तक कि एक्सएमएल और एक्सएसएलटी का उपयोग करने वाले कुछ भी अगर यह आपके फैंसी को मारता है। यदि आप इसे बिना किसी बाहरी निर्भरता के साथ एक वैध डेटा यूआरआई में रट सकते हैं, और इसे चलाने के लिए एक ब्राउज़र प्राप्त कर सकते हैं, तो यह उचित खेल है।
यहां प्रतियोगिता में जोड़ने के लिए, 21 मार्च, सोमवार को, मैं इस प्रश्न पर एक इनाम दूंगा। जब मेरे पास केवल 101 प्रतिनिधि हों तो मैं एक इनाम कैसे खरीद सकता हूं? खैर, सभी प्रतिनिधि मैं अब और सोमवार के बीच इस सवाल के लिए upvotes से लाभ (एक सीमा के लिए अनुमति दी 500 की सीमा तक) जाएगा, यह मेरे लिए बहुत मुश्किल होगा कि सीमा को मारा, हालांकि, प्रतिनिधि दिया टोपी)। उसके बाद 6 दिनों के लिए प्रवेश स्वीकार किए जाएंगे; बाउंटी की समय सीमा समाप्त होने से पहले सभी प्रविष्टियाँ कम से कम 24 घंटे में होनी चाहिए, जिससे मुझे उन सभी की जाँच करने और उनका मूल्यांकन करने का समय मिल सके। उस बिंदु पर, मैं उच्चतम मत वाले उत्तर को स्वीकार करूंगा, और अपने पसंदीदा उत्तर को इनाम दूंगा (जो उच्चतम मत वाले के समान नहीं हो सकता है या नहीं)। इनाम देने के लिए मेरे मानदंड में सौंदर्य, मज़ा, चतुर तकनीक, नई विशेषताओं का दिलचस्प उपयोग, अन्तरक्रियाशीलता और आकार शामिल होंगे।
यहाँ कुछ प्रेरणा के स्रोत हैं, आपको आरंभ करने के लिए:
- क्रोम प्रयोग , आधुनिक वेब प्लेटफॉर्म के प्रदर्शनों का एक संग्रह
- मोज़िला हैक्स , फ़ायरफ़ॉक्स 4 में नई सुविधाओं के कई डेमो के साथ आधुनिक वेब प्लेटफॉर्म के बारे में एक ब्लॉग
- JS1k , 1k जावास्क्रिप्ट डेमो के लिए एक प्रतियोगिता
- 10k इसके अलावा , 10k प्रतियोगिता में एक वेबपेज
- gl64k , 64k WebGL डेमो के लिए वर्तमान में एक डेमो प्रतियोगिता चल रही है
- शैडर टॉय , आप वेबलॉग शेड्स के साथ क्या कर सकते हैं, इसका एक सेट
प्रविष्टियों के लिए प्रारूप:
प्रवेश का नाम
डेटा: पाठ / html, आपका% 20data% 20URIफ़ायरफ़ॉक्स 4 आरसी, क्रोम 10 और ओपेरा 11 में काम करता है
आपके प्रवेश का विवरण; यह क्या करता है, क्यों यह साफ-सुथरा है, आपने कौन सी चतुर तकनीकों का उपयोग किया है।
<script> // code in expanded form to more easily see how it works </script>प्रेरणाओं के लिए कोई क्रेडिट, आपके द्वारा उधार लिया गया कोई भी कोड आदि।
(StackExchange लिंक में डेटा URI को स्वीकार नहीं करता है, इसलिए आपको इसे सीधे <pre>टैग में एम्बेड करना होगा )