बॉक्स-छाया डिवाइस

सभी को नमस्कार!

मैं आपके ध्यान में एक छोटा सा विकास लाना चाहता हूं - बॉक्स-शैडो डिवाइस (#bSd)।
यह एक उपकरण है जो कुछ हद तक एक निर्माता या सीएसएस संपादक की याद दिलाता है। इसमें आप हर स्वाद और बजट के लिए डिवाइस बना सकते हैं।

मुझे नहीं लगता कि उन्हें कई प्रशंसक मिलेंगे, लेकिन मुझे उम्मीद है कि आप इसका आनंद लेंगे।

परियोजना के बारे में

बॉक्स-शैडो डिवाइस (#bSd) एक उपकरण है जो आपको सरल लेकिन सुंदर उपकरण बनाने की अनुमति देता है। बटन के साथ प्रयोग करके, आप उपकरण का उपयोग कर सकते हैं, उदाहरण के लिए, आपके सपनों का स्मार्टफोन। स्विच बटन, संयोजन, प्रदर्शन आकार और पैनल का रंग बदलें, और इसी तरह ... क्या आपने गुलाबी सेब का सपना देखा है? और कृपया =)

आप हमेशा के लिए मज़े कर सकते हैं। हालांकि, टूल बनाने का मुख्य उद्देश्य साइटों पर उपयोग करना है। आखिरकार, लैपटॉप या स्मार्टफोन की भारी छवि को कोड की कुछ पंक्तियों के साथ बदलना एक बहुत बड़ा अंतर है। और अगर पोर्टफोलियो साइट, जहां ऐसी बहुत सारी छवियां हैं? कई इस तथ्य के कारण सामने आए हैं कि इस वजह से साइट बहुत लंबे समय से लोड हो रही है ... इसके अलावा, आप किसी भी समय कोड में बदलाव कर सकते हैं। कई लोग कहेंगे "हाँ, ठीक है, पू, इसे स्वयं बनाना आसान है" और एक अर्थ में वे सही होंगे। लेकिन, कृपया कड़ाई से न्याय न करें, परियोजना एक प्रकार के शीर्ष-अंत विकास के रूप में तैनात नहीं है। बस मनोरंजन और लेआउट डिजाइनरों के लिए थोड़ा समर्थन) अब मैं आपको सब कुछ बताऊंगा।

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

साइट इंटरफ़ेस

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

युक्ति

ये मुख्य बटन हैं, जिनके नाम से यह अनुमान लगाना मुश्किल नहीं है कि किस प्रकार का उपकरण बनाया जाएगा। वर्तमान में डिवाइस के 5 प्रकार और स्थान हैं जो आपकी साइट पर प्लेसमेंट के लिए एकदम सही हैं।

• फोन-छोटे
• फोन-बड़े
• गोली अपनी तसवीर
• गोली-परिदृश्य
• आइपॉड

पृष्ठभूमि

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

• the चुनें के आगे वाले सर्कल पर क्लिक करें
• अपना खुद का रंग बनाएं या दिखाई देने वाली विंडो में कोड दर्ज करें
• विंडो बंद करने के लिए एंटर दबाएं

आप रंग मूल्यों को स्वयं निर्धारित कर सकते हैं। जब कोड को स्वीकार कर लिया जाता है, तो मान RGB प्रारूप में परिलक्षित होते हैं। यदि आपको हेक्साडेसिमल प्रतिनिधित्व की आवश्यकता है, तो आपका एचईएक्स कोड सर्कल के बगल में बटन पर दिखाई देगा। बटन पर क्लिक करें और कोड को कॉपी करें।

बॉक्स छाया

इस इकाई के बटन आपके डिवाइस में छाया जोड़ते हैं, जो इसे और अधिक यथार्थवादी बनाते हैं। जबकि 4 प्रकार उपलब्ध हैं + छाया हटाने के लिए बटन।

• bSd_light
• bSd_small
• bSd_big
• bSd_classic
• bSd_none

प्रदर्शन

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

अपना खुद का स्टाइल बनाएं

यह एक विशेष क्षेत्र है जिसमें आप किसी भी विशेषता और उसके मूल्य को दर्ज कर सकते हैं। कई विशेषताओं को सहेजने के लिए, उन्हें अर्धविराम से अलग करें।

चेतावनी! इस फ़ील्ड को संपादित करते समय, पहले से बनाई गई सभी सेटिंग्स रीसेट हो जाएंगी! इसलिए, यदि आप सेट करना चाहते हैं, उदाहरण के लिए, अपने स्वयं के आयाम, आपको पहले उन्हें इस क्षेत्र में दर्ज करना होगा, और फिर बटन के साथ काम करना होगा।

कोड प्राप्त करें

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

स्थिति

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

बटन

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

टिप्पणी

उपकरण को अभी भी अंतिम रूप दिया जा रहा है, इसलिए इसे सुधारने के लिए कोई सुझाव या आपकी टिप्पणी स्वीकार की जाती है। शायद एक साथ हम कुछ और उपयोगी बना सकते हैं)
आपकी आलोचना और टिप्पणियों की प्रतीक्षा है। किसी भी राय का स्वागत है।

अपने प्रयोगों का आनंद लें।

Device अपनी डिवाइस बनाएं