Tailwind CSS: د ګړندي ، ځواب ویونکي ډیزاین لپاره د یوټیلټي-لومړی CSS چوکاټ او API

د Tailwind CSS چوکاټ

پداسې حال کې چې زه هره ورځ تخنیک ته ژور یم ، زه هغومره وخت نه اخلم څومره چې زه غواړم پیچلي ادغام او اتوماتیک شریک کړم چې زما شرکت د پیرودونکو لپاره پلي کوي. همچنان ، زه د کشف ډیر وخت نلرم. ډیری ټیکنالوژي چې زه یې په اړه لیکم هغه شرکتونه دي چې په لټه کې دي Martech Zone د دوی پوښل ، مګر هر یو په یو وخت کې - په ځانګړي توګه د ټویټر له لارې - زه د یوې نوې ټیکنالوژۍ شاوخوا یو څه غږ ګورم چې زه یې شریکولو ته اړتیا لرم.

که تاسو په ویب ډیزاین ، د ګرځنده اپلیکیشن پراختیا ، یا حتی د مینځپانګې مدیریت سیسټم رامینځته کولو کې کار کوئ ، تاسو شاید د ډیری سټایل شیټونو کې د سیالۍ سټایلونو مایوسي سره مبارزه کړې وي. حتی په هر براوزر کې رامینځته شوي په زړه پوري پرمختیایی وسیلو سره ، د CSS تعقیب او پاکول خورا ډیر وخت او انرژي ته اړتیا لري.

د CSS چوکاټونه

په وروستي کلونو کې ، ډیزاینرانو د سټایلونو راټولولو خوشې کولو خورا په زړه پوري دنده ترسره کړې چې چمتو شوي او کارولو ته چمتو دي. دا د CSS سټایل شیټونه د CSS چوکاټونو په نوم پیژندل شوي ، د ټولو مختلف سټایلونو او ځواب ویونکي وړتیاو ځای په ځای کولو هڅه کوي ترڅو پراختیا کونکي وکولی شي د پیل څخه د CSS فایل رامینځته کولو پرځای یوازې چوکاټ ته مراجعه وکړي. ځینې ​​مشهور چوکاټونه په لاندې ډول دي:

  • Bootstrap - یو چوکاټ چې په یوه لسیزه کې رامینځته شوی ، لومړی د ټویټر لخوا معرفي شوی. دا بې شمیره ب featuresې وړاندې کوي. دا ښکته اړخونه لري ، SASS ته اړتیا لري ، له سره لیکل مشکل ، په JQquery پورې اړه لري ، او د بارولو لپاره خورا لوی دی.
  • پیدا -یو پاک چوکاټ چې د پراختیا کونکي سره دوستانه دی او په جاواسکریپټ تکیه نلري.
  • Foundation - یو ډیر عام او د کارولو وړ CSS چوکاټ چې ډیری برخې لري چې په اسانۍ سره تنظیم کیدی شي. سربیره پردې ، شتون لري د بریښنالیک لپاره بنسټ او موشن UI د متحرکاتو لپاره.
  • UI کټ -د HTML ، جاوا سکریپټ ، او CSS ترکیب ترڅو ستاسو مخکینۍ پای ګړندی او په اسانۍ سره وده ومومي.

د Tailwind CSS چوکاټ

پداسې حال کې چې نور چوکاټونه د مشهور کارونکي انٹرفیس عناصرو ځای په ځای کولو عالي دنده ترسره کوي ، ټیل وینډ یو میتودولوژي کاروي چې په نوم پیژندل کیږي اټومي سی ایس ایس. په لنډه توګه ، ټیل وینډ د طبیعي ژبې په کارولو سره د ټولګي نومونه په هوښیارۍ سره تنظیم کړي ترڅو هغه څه وکړي چې دوی یې کوي. نو ، پداسې حال کې چې ټیل وینډ د برخو کتابتون نلري ، د CSS ټولګي نومونو په حواله کولو سره په اسانۍ سره د ځواکمن ، ځواب ویونکي انٹرفیس رامینځته کولو وړتیا په زړه پوري ، ګړندی او نه بیلیدونکی دی.

دلته ځینې واقعیا عالي مثالونه دي:

د CSS گرډونه

د سی ایس ایس کالم د شبکو پیل پیل

د CSS درجه بندي

css تدریجي

د تیاره حالت ملاتړ لپاره CSS

css تیاره حالت

Tailwind هم یو په زړه پوری لري توسیع شتون لري د VS کوډ لپاره نو تاسو کولی شئ په اسانۍ سره د مایکروسافټ کوډ ایډیټر څخه ټولګي وپیژنئ او دننه یې کړئ.

حتی ډیر هوښیاره ، ټیل وینډ په اوتومات ډول ټول نه کارول شوي CSS لرې کوي کله چې د تولید لپاره جوړیږي ، پدې معنی چې ستاسو وروستی CSS بنډل ترټولو کوچنی دی چې ممکن وي. په حقیقت کې ، د ټیل وینډ ډیری پروژې پیرودونکي ته له 10kB څخه لږ CSS لیږي.

ته څه فکر کوی؟

دا سایټ د سپیم کمولو لپاره Akismet کاروي. زده کړئ چې ستاسو د تبصرې ډاټا پراساس پروسس کیږي.