टेलविंड सीएसएस: एक उपयोगिता-प्रथम सीएसएस फ्रेमवर्क और रैपिड, उत्तरदायी डिजाइन के लिए एपीआई

टेलविंड सीएसएस फ्रेमवर्क

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

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

सीएसएस फ्रेमवर्क

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

  • जूते का फीता - एक ढांचा जो एक दशक में विकसित हुआ है, जिसे पहली बार ट्विटर द्वारा पेश किया गया था। यह अनगिनत सुविधाएँ प्रदान करता है। इसमें डाउनसाइड्स हैं, एसएएसएस की आवश्यकता है, ओवरवेड करना मुश्किल है, JQquery पर निर्भर है, और यह लोड करने के लिए काफी भारी है।
  • Bulma - एक साफ ढांचा जो डेवलपर के अनुकूल है और जावास्क्रिप्ट पर कोई निर्भरता नहीं है।
  • बुनियाद - एक अधिक सामान्य और प्रयोग करने योग्य सीएसएस ढांचा जिसमें कई घटक हैं जो आसानी से अनुकूलन योग्य हैं। इसके अतिरिक्त, वहाँ है ईमेल के लिए फाउंडेशन और मोशन यूआई एनिमेशन के लिए।
  • यूआई किट - आपके फ्रंट-एंड को जल्दी और आसानी से विकसित करने के लिए HTML, JavaScript और CSS का एक संयोजन।

टेलविंड सीएसएस फ्रेमवर्क

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

यहां कुछ वाकई बेहतरीन उदाहरण दिए गए हैं:

सीएसएस ग्रिड

सीएसएस कॉलम ग्रिड कॉलम शुरू करें

सीएसएस ग्रेडिएंट

सीएसएस ग्रेडियेंट

डार्क मोड सपोर्ट के लिए CSS

सीएसएस डार्क मोड

टेलविंड में भी एक शानदार विस्तार उपलब्ध वीएस कोड के लिए ताकि आप आसानी से माइक्रोसॉफ्ट के कोड संपादक से कक्षाओं को पहचान सकें और सम्मिलित कर सकें।

इससे भी अधिक सरल, टेलविंड उत्पादन के लिए निर्माण करते समय सभी अप्रयुक्त सीएसएस को स्वचालित रूप से हटा देता है, जिसका अर्थ है कि आपका अंतिम सीएसएस बंडल सबसे छोटा हो सकता है। वास्तव में, अधिकांश Tailwind प्रोजेक्ट क्लाइंट को 10kB से कम का CSS शिप करते हैं।

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.