QQ बिल्डर के साथ CSS क्वांटिटी क्वेरी उत्पन्न करें
कुछ डेवलपर्स के बारे में जानते हैं या उपयोग करते हैं सीएसएस मात्रा प्रश्न उनकी वेबसाइटों पर। यह एक काफी जटिल विशेषता है लेकिन जब आप उपयोगी होते हैं एक कंटेनर में अलग-अलग आइटम हैं.
एक मात्रा क्वेरी कर सकते हैं CSS गुणों को बदलें / अपडेट करें पर आधारित बाल तत्वों के लिए पूर्व-निर्धारित सीमाएं. उदाहरण के लिए, यदि आपके पास है तीन से अधिक आइटम एक सूची में आप कमरे को बचाने के लिए फ़ॉन्ट को छोटा कर सकते हैं। एक और उदाहरण है एक लिंक की चौड़ाई को अद्यतन करना पर आधारित लिंक की संख्या एक नेविगेशन मेनू में.
इस तरह के कार्य कर सकते हैं जल्दी से जटिल हो जाओ लेकिन इसके लिए धन्यवाद मात्रा क्वेरी बिल्डर आपको किसी भी भ्रमित वाक्य रचना को याद करने की आवश्यकता नहीं है.
यह वेब ऐप आपके लिए सभी कोड बनाता है समय बचाने के लिए। आपको तीन ड्रॉपडाउन मेनू से चयन करें जो आपकी मात्रा क्वेरी को अनुकूलित करता है। वे इस तरह काम करते हैं:
- चयनकर्ता - कौन से बाल तत्व (ओं) को गिना जाना चाहिए
- क्वेरी प्रकार - बीच चयन “ज्यादा से ज्यादा”, “कम से कम”, या का कॉम्बो “ज्यादा से ज्यादा” और “कम से कम”
- रकम - फ़िल्टर करने के लिए कुल आइटम
यह कोड में भ्रामक लगता है लेकिन यह वास्तव में सरल अवधारणा है। मात्रा क्वेरी आपको सीएसएस गुण लागू करने देती है बाल तत्वों की कुल संख्या के आधार पर.
तो तुम कर सकते हो कुछ सीएसएस शैलियों जोड़ें जब वहाँ, कहो, कम से कम 4 बाल तत्व (4 या अधिक)। या, आप कर सकते थे शैलियों को तभी जोड़ें वहाँ है ज्यादा से ज्यादा 4 बाल तत्व (0-4 बच्चे).
कॉम्बो चयनकर्ता आपको परिभाषित करने देता है बिल्कुल कितने न्यूनतम और अधिकतम बच्चे कुछ सीएसएस गुण प्रदर्शित करने के लिए आवश्यक हैं.
ऊपर दिए गए स्क्रीनशॉट पर उदाहरण में, मैंने सेट किया है संपूर्ण “ज्यादा से ज्यादा” आइटम to 2. इसका मतलब है जब मेरे पास 0, 1, या 2 बच्चे हैं तो ब्लॉक लाल हैं। यदि मैं 3 बच्चों को पाने के लिए एक और जोड़ देता हूं तो सभी ब्लॉक नीले हो जाते हैं.
यदि आपके पास कोई विचार नहीं है तो आप क्या कर सकते हैं छोटी जानकारी बॉक्स पर क्लिक करें साइडबार में। यह एक लाएगा तथ्यों और वाक्यविन्यास के साथ मोडल विंडो मात्रा क्वेरी सुविधा की व्याख्या करना.
यह एक बहुत ही उपयोगी उपकरण है दोनों शुरुआती और अनुभवी डेवलपर्स. यह हूँ बहुत समय बचाओ लंबे समय में और यह आपकी मदद करेगा अधिक गतिशील वेबसाइट बनाएं.
आरंभ करने के लिए, QQ बिल्डर वेबसाइट पर जाएं और अपनी सुविधाओं को अनुकूलित करना शुरू करें. आप ऐसा कर सकते हैं परिणामों के साथ खिलौना तथा लाइव पूर्वावलोकन जांचें दाएँ फलक में यह जानने के लिए कि आपके परिवर्तन बाल तत्वों को कैसे प्रभावित करते हैं.
यह प्रोजेक्ट भी है GitHub पर उपलब्ध है तो तुम मुक्त हो स्रोत कोड देखें या और भी स्थानीय रूप से एक प्रति डाउनलोड करें. और अगर आप इस ऐप को पसंद करते हैं या निर्माता ड्रू मिन्स के लिए आपके पास कोई प्रश्न / सुझाव हैं तो आप उन्हें एक त्वरित ट्वीट @drewisthe शूट कर सकते हैं.