यदि Google ने अपने बूटस्ट्रैप को जारी किया तो क्या होगा?

शुक्रवार को सभी को बधाई, और एक छोटे से मजाक के रूप में, मैं पेश करने का प्रस्ताव करता हूं कि लोकप्रिय सीएसएस बूटस्ट्रैप सीएसएस फ्रेमवर्क क्या लगेगा जैसे कि यह Google से था? प्लसस्ट्रैप से मिलिए।

Plusstrap

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


तब मैंने सभी बटन को फिर से डिज़ाइन किया, यह ध्यान देने योग्य है कि मुझे Google पर जानकारी, चेतावनी और उलटा बटन के विकल्प नहीं मिले, इसलिए मुझे थोड़ा कल्पना करना पड़ा:


मैं तुरंत माफी मांगता हूं अगर मेरे कंप्यूटर को चौरसाई करना किसी की आंखों को नुकसान पहुंचाता है :)। इस बीच, मैंने टेबल (Google डॉक्स के लिए धन्यवाद), मोडल विंडो और प्रोग्रेस बार को रिड्यूस किया:


आखिरी चीज जो मैंने ठीक की है, वह टूलटिप्स और अन्य छोटी चीजों के बारे में है, जैसे कोड टैग पर ब्लॉक के कोनों को गोल करना और टैब नेविगेशन को डिजाइन करना (Google मेल के लिए धन्यवाद):


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

किसी भी सुझाव और टिप्पणियों को सुनने के लिए तैयार, केवल विषय में त्रुटियों के बारे में, कृपया पीएम में लिखें।

जिज्ञासु से

• Google व्यावहारिक रूप से फ़ोकस और सक्रिय जैसे छद्म वर्गों का उपयोग नहीं करता है, इसके बजाय, वर्गों को आवश्यक कक्षाओं को जोड़ने के लिए तत्व की आवश्यकता होती है (उदाहरण के लिए, .doc-list-hov );
• Google लगभग सभी चीज़ों के लिए div ब्लॉकों का उपयोग करता है - बटन, चेकबॉक्स और अन्य तैयार किए गए तत्वों को खींचने के लिए;
• Google डॉक्स एक तैयार किए गए css फ़ाइल का उपयोग करता है, जबकि GMail और Google प्लस में सभी css html कोड के अंदर जाते हैं और इसे मक्खी पर बनाया जाता है;
• Google लघु और केस-संवेदी वर्ग नामों का बहुत शौकीन है, उदाहरण के लिए, .cm और .cM - अलग-अलग वर्ग, साथ ही साथ कुछ मापदंडों के लिए प्रत्येक वर्ग का उपयोग कर रहे हैं, ताकि बाद में वांछित तत्व के लिए कई वर्गों से एक शैली को इकट्ठा किया जा सके .cM
• लगभग पूरा लेआउट रबर है, और सभी पॉप-अप तत्वों का स्थान और जो गैर-मानक हैं, वे शीर्ष और बाएं (दाएं) के पूर्ण मूल्यों में सेट हैं।

हर किसी के लिए एक शानदार सप्ताहांत हो! एक बार फिर जीथब का लिंक।
।

नए संस्करणों, साथ ही इच्छाओं के विमोचन के बारे में समाचार वीके पृष्ठ पर छोड़ा जा सकता है।