10K के अलावा। मेरा जवाब है

बाकी के साथ मैं अपनी कहानी बताऊंगा कि कैसे मैंने आवेदन के 10kB को लिखा और प्रतियोगिता के लिए दो काम भेजे। चलिए शुरू करते हैं ...

शायद सबसे मुश्किल बात एक दिलचस्प विचार के साथ आना है।

शुरू में, मैं एक खेल नहीं, एक एप्लिकेशन बनाना चाहता था। प्रारंभ में, मैं वही करना चाहता था जो मैं बाद में उपयोग कर सकता हूं (कम से कम सॉफ्टवेयर विकास के रूप में, यदि आवेदन नहीं)।

पहला विचार TODO था - कुछ दिलचस्प विशेषताओं के साथ स्टिकर, लेकिन TODO अनुप्रयोगों की बड़ी संख्या के कारण मैंने ऐसा नहीं किया (लिखित कोड के 20kB की ऊँचाई से - यह एक तथ्य नहीं है कि सभी नियोजित सुविधाएँ 10kB में फिट होंगी)।

तो पहला आवेदन:

Css3 अनुकूलन।

तब मुझे नियंत्रक के लिए कैनवास का उपयोग करने की इच्छा थी। सबसे पहले, मैं एक घूर्णन नियंत्रक बनाना चाहता था।



कैनवास के बिना, यह आसान नहीं है। नियंत्रक को कुछ नियंत्रित करना होगा) और वह div था। अगला कैनवास नियंत्रक स्लाइडर था (आखिरकार, कोई भी पसंद नहीं करता है कि नियंत्रक में एक से अधिक डोम तत्व शामिल हैं ..)।



बेशक, ज्यादातर, मैं रंग बनाने में व्यस्त था ...



दरअसल, मैंने थोड़ा धोखा दिया। कुछ अनुप्रयोगों में रंगों के चयन के लिए पूरी तरह से एक नियंत्रक होता है। मैं रंग मान से नियंत्रक पर ध्यान केंद्रित नहीं कर सकता। रंग एकतरफा चुना जाता है - इसलिए मैंने किलोबाइट बचा लिया ...

क्योंकि कैनवस में, चित्रित "आकृतियों" को नियंत्रित करना संभव नहीं है, नियंत्रक चूहे की घटना पर प्रतिक्रिया करते हैं, और जब उन्हें क्लिक किया जाता है, तो वे अपनी स्थिति बनाए रखते हैं। यह बहुत मजेदार निकला (कम से कम मेरी राय में)। नियंत्रण सहज हैं: कुछ भी नहीं कूदता / बाहर खड़ा है / drags।

जब सब कुछ तैयार हो गया, तो मैंने पृष्ठ के डिजाइन पर काम करने का फैसला किया। नतीजतन, नियंत्रकों की पृष्ठभूमि पर एक घुमाया गया आयत दिखाई दिया, और मैंने पीछे हटने योग्य शैली पैनल को छड़ी से बाहर कर दिया।

प्रकाशन के बाद, मैंने अन्य कार्यों को देखना शुरू किया, और मेरा ध्यान 10k.aneventapart.com/Entry/127 फीडर की ओर आकर्षित हुआ और मैं कुछ उपयोगी करना चाहता था ..)



दूसरा आवेदन बन गया

विशेष बुकमार्क।

मैंने पृष्ठों को खोजने की क्षमता के साथ, बुकमार्क बनाने की योजना बनाई, यह मानते हुए कि खोज इंजन एपीआई में ऐसा कोई फ़ंक्शन है। लेकिन बाद में यह पता चला कि यह नहीं था ... फिर भी, एक डोमेन खोज फ़ंक्शन है। सामान्य तौर पर, यह सब बाद में महत्वहीन हो गया जब आवेदन 11kB मजेदार था)।

जैसे ही मैंने बुकमार्क बनाने का फैसला किया मैंने फोल्डर्स को घुमाए गए ब्लॉकों के रूप में प्रस्तुत किया।



और मैंने इस तरह से बुकमार्क बनाए:



मैं क्रोम और फॉक्स बुकमार्क फ़ाइलों के लिए एक पार्सर बनाने में कामयाब रहा। मोज़िला में, आप स्थानीय रूप से फ़ाइलों के साथ काम कर सकते हैं। क्रोम में, बस पाठ की प्रतिलिपि बनाना। बुकमार्क को ड्रैग और ड्रॉप द्वारा स्थानांतरित किया जाता है। आप नियमित अभिव्यक्ति का उपयोग करके खोज कर सकते हैं। मैचों पर प्रकाश डाला गया है।



सामान्य तौर पर, इंटरनेट खोज के साथ, और कुछ और कार्यक्षमता (उदाहरण के लिए, कुछ बुकमार्क सेवाओं के साथ सिंक्रनाइज़ेशन को बांधना), मैं खुद इस एप्लिकेशन का उपयोग करूंगा :), और प्रतियोगिता के दौरान मैंने अपने लेखन जेएस कोड कौशल में काफी सुधार किया।

Js कम्प्रेशन के लिए मैंने क्लोजर-compiler.appspot.com/home का उपयोग किया

सीएसएस संपीड़न के लिए - पहला सीएसएस कंप्रेसर जो भर में आता है।

लेकिन मुझे वास्तव में कक्षाओं के नाम और ऑब्जेक्ट के तरीकों को छोटा करना पसंद नहीं है ... लेकिन आपको इसकी आवश्यकता है ... मैंने टैग में उद्धरण चिह्नों को नहीं डाला, मैंने उन सभी चीजों को छोटा करने की कोशिश की जो संभव है।