Tailwind CSS: د ګړندي ، ځواب ویونکي ډیزاین لپاره د یوټیلټي-لومړی CSS چوکاټ او API
پداسې حال کې چې زه هره ورځ تخنیک ته ژور یم ، زه هغومره وخت نه اخلم څومره چې زه غواړم پیچلي ادغام او اتوماتیک شریک کړم چې زما شرکت د پیرودونکو لپاره پلي کوي. همچنان ، زه د کشف ډیر وخت نلرم. ډیری ټیکنالوژي چې زه یې په اړه لیکم هغه شرکتونه دي چې په لټه کې دي Martech Zone د دوی پوښل ، مګر هر یو په یو وخت کې - په ځانګړي توګه د ټویټر له لارې - زه د یوې نوې ټیکنالوژۍ شاوخوا یو څه غږ ګورم چې زه یې شریکولو ته اړتیا لرم.
که تاسو په ویب ډیزاین ، د ګرځنده اپلیکیشن پراختیا ، یا حتی د مینځپانګې مدیریت سیسټم رامینځته کولو کې کار کوئ ، تاسو شاید د ډیری سټایل شیټونو کې د سیالۍ سټایلونو مایوسي سره مبارزه کړې وي. حتی په هر براوزر کې رامینځته شوي په زړه پوري پرمختیایی وسیلو سره ، د CSS تعقیب او پاکول خورا ډیر وخت او انرژي ته اړتیا لري.
د CSS چوکاټونه
په وروستي کلونو کې ، ډیزاینرانو د سټایلونو راټولولو خوشې کولو خورا په زړه پوري دنده ترسره کړې چې چمتو شوي او کارولو ته چمتو دي. دا د CSS سټایل شیټونه د CSS چوکاټونو په نوم پیژندل شوي ، د ټولو مختلف سټایلونو او ځواب ویونکي وړتیاو ځای په ځای کولو هڅه کوي ترڅو پراختیا کونکي وکولی شي د پیل څخه د CSS فایل رامینځته کولو پرځای یوازې چوکاټ ته مراجعه وکړي. ځینې مشهور چوکاټونه په لاندې ډول دي:
- Bootstrap - یو چوکاټ چې په یوه لسیزه کې رامینځته شوی ، لومړی د ټویټر لخوا معرفي شوی. دا بې شمیره ب featuresې وړاندې کوي. دا ښکته اړخونه لري ، SASS ته اړتیا لري ، له سره لیکل مشکل ، په JQquery پورې اړه لري ، او د بارولو لپاره خورا لوی دی.
- پیدا -یو پاک چوکاټ چې د پراختیا کونکي سره دوستانه دی او په جاواسکریپټ تکیه نلري.
- Foundation - یو ډیر عام او د کارولو وړ CSS چوکاټ چې ډیری برخې لري چې په اسانۍ سره تنظیم کیدی شي. سربیره پردې ، شتون لري د بریښنالیک لپاره بنسټ او موشن UI د متحرکاتو لپاره.
- UI کټ -د HTML ، جاوا سکریپټ ، او CSS ترکیب ترڅو ستاسو مخکینۍ پای ګړندی او په اسانۍ سره وده ومومي.
د Tailwind CSS چوکاټ
پداسې حال کې چې نور چوکاټونه د مشهور کارونکي انٹرفیس عناصرو ځای په ځای کولو عالي دنده ترسره کوي ، ټیل وینډ یو میتودولوژي کاروي چې په نوم پیژندل کیږي اټومي سی ایس ایس. په لنډه توګه ، ټیل وینډ د طبیعي ژبې په کارولو سره د ټولګي نومونه په هوښیارۍ سره تنظیم کړي ترڅو هغه څه وکړي چې دوی یې کوي. نو ، پداسې حال کې چې ټیل وینډ د برخو کتابتون نلري ، د CSS ټولګي نومونو په حواله کولو سره په اسانۍ سره د ځواکمن ، ځواب ویونکي انٹرفیس رامینځته کولو وړتیا په زړه پوري ، ګړندی او نه بیلیدونکی دی.
دلته ځینې واقعیا عالي مثالونه دي:
د CSS گرډونه
د CSS درجه بندي
د تیاره حالت ملاتړ لپاره CSS
Tailwind هم یو په زړه پوری لري توسیع شتون لري د VS کوډ لپاره نو تاسو کولی شئ په اسانۍ سره د مایکروسافټ کوډ ایډیټر څخه ټولګي وپیژنئ او دننه یې کړئ.
حتی ډیر هوښیاره ، ټیل وینډ په اوتومات ډول ټول نه کارول شوي CSS لرې کوي کله چې د تولید لپاره جوړیږي ، پدې معنی چې ستاسو وروستی CSS بنډل ترټولو کوچنی دی چې ممکن وي. په حقیقت کې ، د ټیل وینډ ډیری پروژې پیرودونکي ته له 10kB څخه لږ CSS لیږي.