ٹیل ونڈ سی ایس ایس: ریپڈ ، ریسپانسیو ڈیزائن کے لیے یوٹیلیٹی فرسٹ سی ایس ایس فریم ورک اور API۔

ٹیل ونڈ سی ایس ایس فریم ورک۔

اگرچہ میں روزانہ کی بنیاد پر ٹیک میں گہرا ہوں ، مجھے اتنا وقت نہیں ملتا جتنا میں ان پیچیدہ انضمام اور آٹومیشن کو بانٹنا چاہتا ہوں جو میری کمپنی صارفین کے لیے لاگو کرتی ہے۔ اسی طرح ، میرے پاس دریافت کا زیادہ وقت نہیں ہے۔ زیادہ تر ٹیکنالوجی جن کے بارے میں میں لکھتا ہوں وہ ایسی کمپنیاں ہیں جو تلاش کرتی ہیں۔ Martech Zone ان کا احاطہ کرتا ہوں ، لیکن ہر بار تھوڑی دیر میں - خاص طور پر ٹویٹر کے ذریعے - میں ایک نئی ٹیکنالوجی کے ارد گرد کچھ گونج دیکھتا ہوں جسے مجھے اشتراک کرنے کی ضرورت ہے۔

اگر آپ ویب ڈیزائن ، موبائل ایپ ڈویلپمنٹ میں کام کرتے ہیں ، یا یہاں تک کہ صرف ایک کنٹینٹ مینجمنٹ سسٹم قائم کرتے ہیں تو ، آپ نے شاید متعدد اسٹائل شیٹوں میں مقابلہ کرنے والی طرزوں کی مایوسیوں سے لڑا ہے۔ یہاں تک کہ ہر براؤزر میں بنائے گئے حیرت انگیز ڈویلپمنٹ ٹولز کے باوجود ، سی ایس ایس کا سراغ لگانا اور صاف کرنا بہت زیادہ وقت اور توانائی کی ضرورت پڑ سکتا ہے۔

سی ایس ایس فریم ورک

حالیہ برسوں میں ، ڈیزائنرز نے اسٹائل کے مجموعے جاری کرنے کا ایک بہت ہی حیرت انگیز کام کیا ہے جو تیار اور استعمال کے لیے تیار ہیں۔ یہ سی ایس ایس سٹائل شیٹس سی ایس ایس فریم ورک کے نام سے مشہور ہیں ، تمام مختلف سٹائل اور جوابی صلاحیتوں کو ایڈجسٹ کرنے کی کوشش کر رہے ہیں تاکہ ڈویلپر شروع سے سی ایس ایس فائل بنانے کے بجائے صرف ایک فریم ورک کا حوالہ دے سکیں۔ کچھ مشہور فریم ورک یہ ہیں:

  • بوٹسٹریپ - ایک فریم ورک جو ایک دہائی کے دوران تیار ہوا ، پہلے ٹویٹر نے متعارف کرایا۔ یہ بے شمار خصوصیات پیش کرتا ہے۔ اس میں نشیب و فراز ہوتے ہیں ، جس میں SASS کی ضرورت ہوتی ہے ، اوور رائیڈ کرنا مشکل ہوتا ہے ، JQquery پر منحصر ہوتا ہے ، اور اسے لوڈ کرنا کافی بھاری ہوتا ہے۔
  • Bulma میں -ایک صاف فریم ورک جو ڈویلپر کے لیے دوستانہ ہے اور جاوا اسکرپٹ پر انحصار نہیں ہے۔
  • فاؤنڈیشن - ایک زیادہ عام اور قابل استعمال سی ایس ایس فریم ورک جس میں ٹن اجزاء ہیں جو آسانی سے حسب ضرورت ہیں۔ مزید برآں ، وہاں ہے۔ ای میل کی بنیاد اور موشن UI حرکت پذیری کے لیے
  • UI کٹ -ایچ ٹی ایم ایل ، جاوا اسکرپٹ ، اور سی ایس ایس کا مجموعہ تاکہ آپ کا فرنٹ اینڈ جلدی اور آسانی سے تیار ہو۔

ٹیل ونڈ سی ایس ایس فریم ورک۔

جبکہ دوسرے فریم ورک مقبول یوزر انٹرفیس عناصر کو ایڈجسٹ کرنے کا بہت اچھا کام کرتے ہیں ، Tailwind ایک طریقہ کار استعمال کرتا ہے جسے جانا جاتا ہے۔ جوہری سی ایس ایس۔. مختصر یہ کہ ٹیل ونڈ نے فطری زبان کا استعمال کرتے ہوئے کلاس کے ناموں کو ذہانت سے منظم کیا تاکہ وہ جو کہتے ہیں وہ کریں۔ لہذا ، جبکہ ٹیل ونڈ کے پاس اجزاء کی لائبریری نہیں ہے ، صرف سی ایس ایس کلاس کے ناموں کا حوالہ دے کر آسانی سے ایک طاقتور ، جوابدہ انٹرفیس بنانے کی صلاحیت خوبصورت ، تیز اور بے مثال ہے۔

یہاں کچھ بہت عمدہ مثالیں ہیں:

سی ایس ایس گرڈز

css کالم شروع گرڈ کالم

سی ایس ایس گریڈینٹس۔

سی ایس ایس میلان

ڈارک موڈ سپورٹ کے لیے سی ایس ایس۔

سی ایس ایس ڈارک موڈ۔

ٹیل ونڈ بھی ایک لاجواب ہے۔ توسیع دستیاب ہے VS کوڈ کے لیے تاکہ آپ مائیکروسافٹ کے کوڈ ایڈیٹر سے کلاسز آسانی سے شناخت اور داخل کر سکیں۔

اس سے بھی زیادہ ذہین ، ٹیل ونڈ خود بخود تمام غیر استعمال شدہ سی ایس ایس کو ہٹا دیتا ہے جب پیداوار کے لیے تعمیر کرتے ہیں ، جس کا مطلب ہے کہ آپ کا آخری سی ایس ایس بنڈل سب سے چھوٹا ہے جو ممکنہ طور پر ہو سکتا ہے۔ در حقیقت ، زیادہ تر ٹیل ونڈ پروجیکٹس کلائنٹ کو 10kB سے کم CSS بھیجتے ہیں۔

آپ کا کیا خیال ہے؟

سپیم کو کم کرنے کے لئے یہ سائٹ اکزمیت کا استعمال کرتا ہے. جانیں کہ آپ کا تبصرہ کس طرح عملدرآمد ہے.