Tailwind सीएसएस: एक उपयोगिता पहिलो सीएसएस फ्रेमवर्क र एपीआई छिटो, उत्तरदायी डिजाइन को लागी

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

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

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

CSS फ्रेमवर्क

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

  • बूटस्ट्रैप - एक ढाँचा हो कि एक दशक मा विकसित भएको छ, पहिलो ट्विटर द्वारा पेश गरीएको। यो अनगिन्ती सुविधाहरु प्रदान गर्दछ। यो downsides छ, SASS आवश्यक छ, Overreied गर्न कठिन, JQquery मा निर्भर छ, र यो लोड गर्न को लागी धेरै मोटी छ।
  • फेला -एक सफा ढाँचा कि विकासकर्ता मैत्री छ र जाभास्क्रिप्ट मा कुनै निर्भरता छ।
  • जग - एक अधिक सामान्य र प्रयोग योग्य सीएसएस ढाँचा कि सजीलै अनुकूलन योग्य घटक को टन छ। थप रूपमा, त्यहाँ छ ईमेल को लागी फाउन्डेसनमोशन यूआई एनिमेसन को लागी।
  • UI किट -एचटीएमएल, जाभास्क्रिप्ट, र सीएसएस को एक संयोजन तपाइँको अगाडिको अन्त छिटो र सजीलो विकसित गर्न को लागी।

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

जबकि अन्य रूपरेखा लोकप्रिय प्रयोगकर्ता इन्टरफेस तत्वहरु को समायोजन को एक महान काम गर्छन, Tailwind को रूप मा जानिन्छ एक पद्धति को उपयोग गर्दछ परमाणु CSS। छोटो मा, Tailwind ingeniously प्राकृतिक भाषा को उपयोग गरेर उनीहरु के भन्छन् के गर्न को लागी वर्ग को नाम संगठित गरीयो। तेसैले, जबकि Tailwind कम्पोनेन्ट को एक पुस्तकालय छैन, सजीलै सीएसएस वर्ग को नाम सन्दर्भ गरेर मात्र एक शक्तिशाली, उत्तरदायी इन्टरफेस निर्माण गर्ने क्षमता सुरुचिपूर्ण, छिटो, र अतुलनीय छ।

यहाँ केहि साँच्चै महान उदाहरणहरु छन्:

सीएसएस ग्रिड

सीएसएस स्तम्भ ग्रिड स्तम्भ सुरु

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

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

डार्क मोड समर्थन को लागी सीएसएस

css डार्क मोड

Tailwind पनि एक शानदार छ विस्तार उपलब्ध छ VS कोड को लागी ताकि तपाइँ सजीलै पहिचान गर्न सक्नुहुन्छ र Microsoft को कोड सम्पादक बाट कक्षाहरु सम्मिलित गर्न सक्नुहुन्छ।

अझ धेरै सरल, Tailwind स्वचालित रूपमा सबै अप्रयुक्त सीएसएस हटाउँछ जब उत्पादन को लागी निर्माण, जसको मतलब तपाइँको अन्तिम सीएसएस बन्डल सबैभन्दा सानो यो सम्भवतः हुन सक्छ। वास्तव मा, धेरै Tailwind परियोजनाहरु ग्राहकहरु लाई CSS को १०kB भन्दा कम जहाज।

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.