टेलविंड सीएसएस: रॅपिड, रिस्पॉन्सिव्ह डिझाईनसाठी युटिलिटी-फर्स्ट सीएसएस फ्रेमवर्क आणि एपीआय

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

मी दररोज तंत्रज्ञानामध्ये खोलवर असताना, माझी कंपनी ग्राहकांसाठी लागू करणार्या जटिल एकत्रीकरण आणि ऑटोमेशन सामायिक करण्यास मला तितका वेळ मिळत नाही. तसेच, माझ्याकडे शोधासाठी खूप वेळ नाही. मी लिहित असलेल्या बहुतेक तंत्रज्ञानाचा शोध घेणाऱ्या कंपन्या आहेत Martech Zone त्यांना कव्हर करत आहे, परंतु प्रत्येक वेळी - विशेषत: ट्विटरद्वारे - मला नवीन तंत्रज्ञानाच्या आसपास काही चर्चा दिसतात जी मला सामायिक करणे आवश्यक आहे.

जर तुम्ही वेब डिझाईन, मोबाईल अॅप डेव्हलपमेंटमध्ये काम करत असाल किंवा अगदी कंटेंट मॅनेजमेंट सिस्टीम सेट केली असेल, तर तुम्ही कदाचित अनेक स्टाइलशीटमध्ये स्पर्धा शैलीच्या निराशांशी झुंज दिली आहे. प्रत्येक ब्राउझरमध्ये तयार केलेल्या आश्चर्यकारक विकास साधनांसह, सीएसएसचा मागोवा घेणे आणि साफ करणे यासाठी खूप जास्त वेळ आणि उर्जा आवश्यक आहे.

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

अलिकडच्या वर्षांत, डिझाइनर्सनी तयार केलेल्या आणि वापरण्यास तयार असलेल्या शैलींचे संग्रह प्रसिद्ध करण्याचे एक आश्चर्यकारक काम केले आहे. या सीएसएस स्टाईलशीट्सला सीएसएस फ्रेमवर्क म्हणून अधिक ओळखले जाते, सर्व भिन्न शैली आणि प्रतिसादात्मक क्षमता सामावून घेण्याचा प्रयत्न करत आहे जेणेकरून डेव्हलपर्स सुरवातीपासून सीएसएस फाइल तयार करण्याऐवजी फ्रेमवर्कचा संदर्भ घेऊ शकतील. काही लोकप्रिय फ्रेमवर्क आहेत:

  • आरंभ - एक दशकात विकसित झालेली फ्रेमवर्क, प्रथम ट्विटरने सादर केली. हे अगणित वैशिष्ट्ये देते. यात डाउनसाइड्स आहेत, एसएएसएस आवश्यक आहे, ओव्हररीड करणे कठीण आहे, जेक्वेरीवर अवलंबून आहे आणि ते लोड करणे खूपच मोठे आहे.
  • शोधू -एक स्वच्छ फ्रेमवर्क जो विकसक-अनुकूल आहे आणि जावास्क्रिप्टवर अवलंबून नाही.
  • पाया - एक अधिक सामान्य आणि वापरण्यायोग्य CSS फ्रेमवर्क ज्यामध्ये बरेच घटक आहेत जे सहजपणे सानुकूल केले जाऊ शकतात. याव्यतिरिक्त, तेथे आहे ईमेलसाठी फाउंडेशन आणि गती UI अॅनिमेशन साठी.
  • यूआय किट -एचटीएमएल, जावास्क्रिप्ट आणि सीएसएस यांचे संयोजन आपले फ्रंट-एंड लवकर आणि सहज विकसित करण्यासाठी.

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

इतर फ्रेमवर्क लोकप्रिय यूजर इंटरफेस घटकांना सामावून घेण्याचे उत्तम काम करत असताना, टेलविंड एक पद्धत वापरते ज्याला ओळखले जाते अणु CSS. थोडक्यात, टेलविंडने चातुर्याने वर्गाची नावे नैसर्गिक भाषेचा वापर करून ते जे सांगतात ते करण्यासाठी आयोजित केले. तर, टेलविंडमध्ये घटकांची लायब्ररी नसताना, केवळ सीएसएस वर्गाच्या नावांचा संदर्भ देऊन एक शक्तिशाली, प्रतिसादात्मक इंटरफेस सहजपणे तयार करण्याची क्षमता मोहक, वेगवान आणि अतुलनीय आहे.

येथे काही खरोखर उत्कृष्ट उदाहरणे आहेत:

CSS ग्रीड

css स्तंभ ग्रिड स्तंभ सुरू करतात

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

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

डार्क मोड सपोर्टसाठी CSS

css डार्क मोड

टेलविंडमध्ये देखील एक विलक्षण आहे विस्तार उपलब्ध व्हीएस कोडसाठी जेणेकरून तुम्ही मायक्रोसॉफ्टच्या कोड एडिटरमधून वर्ग सहज ओळखू आणि घालू शकता.

आणखी कल्पक, टेलविंड उत्पादनासाठी बांधकाम करताना सर्व न वापरलेले CSS आपोआप काढून टाकते, याचा अर्थ तुमचा अंतिम CSS बंडल शक्यतो सर्वात लहान आहे. खरं तर, बहुतेक टेलविंड प्रकल्प क्लायंटला 10kB पेक्षा कमी CSS पाठवतात.

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.