सामग्री मार्केटिङइमेल मार्केटिङ र स्वचालन

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

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

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

CSS फ्रेमवर्क

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

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

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

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

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

सीएसएस ग्रिड

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

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

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

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

css डार्क मोड

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

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

Douglas Karr

Douglas Karr को CMO छ OpenINSightTS र को संस्थापक Martech Zone। डगलसले दर्जनौं सफल MarTech स्टार्टअपहरूलाई मद्दत गरेको छ, Martech अधिग्रहण र लगानीमा $ 5 बिलियन भन्दा बढीको लगनशीलतामा सहयोग गरेको छ, र कम्पनीहरूलाई उनीहरूको बिक्री र मार्केटिङ रणनीतिहरू कार्यान्वयन र स्वचालित गर्न मद्दत गर्न जारी छ। डगलस एक अन्तर्राष्ट्रिय मान्यता प्राप्त डिजिटल रूपान्तरण र MarTech विशेषज्ञ र वक्ता हो। डगलस डम्मीको गाईड र व्यापार नेतृत्व पुस्तकका प्रकाशित लेखक पनि हुन्।

सम्बन्धित लेख

शीर्ष बटनमा फर्कनुहोस्
बन्द

Adblock पत्ता लाग्यो

Martech Zone तपाइँलाई यो सामग्री कुनै पनि लागतमा उपलब्ध गराउन सक्षम छ किनभने हामीले हाम्रो साइटलाई विज्ञापन राजस्व, सम्बद्ध लिङ्कहरू, र प्रायोजनहरू मार्फत मुद्रीकरण गर्छौं। यदि तपाईंले हाम्रो साइट हेर्दै आफ्नो विज्ञापन अवरोधक हटाउनु भयो भने हामी प्रशंसा गर्नेछौं।