Home-theater-designers
بوٹسٹریپ 5 بڑی تبدیلیوں کے ساتھ آیا ہے ، بشمول انٹرنیٹ ایکسپلورر (IE) سپورٹ اور jQuery انحصار کے لیے ڈراپ۔ ٹویٹر کے ذریعہ تیار کردہ ، بوٹسٹریپ دنیا کا سب سے مشہور سی ایس ایس فریم ورک ہے۔ اوپن سورس یوزر انٹرفیس کا فریم ورک مستقبل کے لیے خود کو پوزیشننگ کرنے پر غور کر رہا ہے ، اور اس نے دیکھا ہے کہ اس نے v5 میں زبردست تبدیلیاں کی ہیں۔
IE کے لیے بوٹسٹریپ کی کمی نے اسے ایسا کرنے والا پہلا ویب ڈویلپمنٹ ٹول بنا دیا ہے۔ یہ اقدام اس وقت سامنے آیا ہے جب انٹرنیٹ ایکسپلورر کا مارکیٹ شیئر کم ہوتا جارہا ہے ، جو تمام ویب براؤزرز میں 3 فیصد سے بھی کم ہے۔
یہ دیکھنے کے لیے پڑھیں کہ بوٹسٹریپ میں مزید کیا بہتری لائی گئی ہے اور وہ آپ کو کیسے متاثر کرتی ہیں۔
1. jQuery سپورٹ۔
بوٹسٹریپ اب jQuery لائبریری کا استعمال نہیں کرے گا۔ ترقیاتی ٹیم نے اس تبدیلی کے لیے جاوا اسکرپٹ لائبریری کو بہتر بنایا ہے۔ jQuery انحصار بوٹسٹریپ میں لازمی طور پر بری چیز نہیں تھی۔
در حقیقت ، jQuery کے تعارف نے جاوا اسکرپٹ کے استعمال کے طریقے کو یکسر تبدیل کردیا۔ اس نے جاوا اسکرپٹ میں لکھنے کے کاموں کو آسان بنایا جو کہ دوسری صورت میں کوڈ کی بہت سی لائنیں لیتا۔
متعلقہ: jQuery میں ایک عنصر بنانے کا طریقہ سیکھیں۔
اس سب کے باوجود ، ٹیم نے اسے ختم کرنے کا فیصلہ کیا ہے۔ یہ چھوٹی سورس فائلوں اور زیادہ پیج لوڈ کے اوقات کے فائدے کے ساتھ آتا ہے۔ یہ ایک انتہائی ضرورت کی تبدیلی تھی جس سے بوٹسٹریپ کو مستقبل کے لیے زیادہ دوستانہ انداز ملے گا۔
ماخذ فائل کا سائز 85 کلو گرام جاوا اسکرپٹ سے ہلکا ہو گیا ہے ، اور یہ کلیدی بات ہے کیونکہ گوگل موبائل سائٹس کے پیج لوڈ کے اوقات کو درجہ بندی کا عنصر سمجھتا ہے۔
بوٹسٹریپ 5 میں جتنا زیادہ jQuery کے استعمال کی ضرورت نہیں ہے ، اگر آپ چاہیں تو پھر بھی اسے استعمال کر سکتے ہیں۔ یہ بھی قابل توجہ ہے کہ تمام جاوا اسکرپٹ پلگ ان دستیاب ہیں۔
2. سی ایس ایس کسٹم پراپرٹیز۔
انٹرنیٹ ایکسپلورر سپورٹ کو چھوڑ کر ، حسب ضرورت سی ایس ایس پراپرٹیز (متغیرات) استعمال کی جاسکتی ہیں۔ IE اپنی مرضی کے مطابق پراپرٹیز کی حمایت نہیں کرتا - صرف ایک وجہ یہ ہے کہ اس نے ویب ڈویلپرز کو طویل عرصے تک روک رکھا ہے۔
سی ایس ایس کسٹم پراپرٹیز سی ایس ایس کو زیادہ لچکدار اور قابل پروگرام بناتی ہیں۔ CSS متغیرات کے ساتھ سابقہ ہے۔ -بی ایس تھرڈ پارٹی سی ایس ایس کے ساتھ تنازعات کو روکنے کے لیے۔
دو قسم کے متغیر دستیاب ہیں: جڑ متغیر اور جزو متغیر۔
روٹ متغیرات تک رسائی حاصل کی جاسکتی ہے جہاں بھی بوٹسٹریپ سی ایس ایس لوڈ ہوتا ہے۔ یہ متغیرات میں واقع ہیں _root.scss فائل اور مرتب کردہ ڈسٹ فائلوں کا حصہ ہیں۔
اجزاء کے متغیرات کو خاص اجزاء میں مقامی متغیر کے طور پر استعمال کیا جاتا ہے۔ وہ گھریلو جدولوں جیسے اجزاء میں شیلیوں کی حادثاتی وراثت سے بچنے میں مددگار ثابت ہوتے ہیں۔
3. بہتر گرڈ سسٹم۔
چونکہ ورژن 3 سے 4 تک اپ گریڈ کرنے میں کچھ مسائل تھے ، بوٹسٹریپ 5 اس وقت نظام کا بڑا حصہ برقرار رکھتا ہے ، موجودہ نظام کو مکمل طور پر تبدیل کرنے کے بجائے اس کی تعمیر کرتا ہے۔ کچھ تبدیلیاں یہ ہیں:
- گٹر کلاس ( لڑکے ) کو افادیت میں تبدیل کر دیا گیا ہے ( .g* ) مارجن اور پیڈنگ کی طرح۔
- عمودی وقفہ کاری کی کلاسیں بھی شامل کی گئی ہیں۔
- کالم اب پہلے سے طے شدہ نہیں ہیں۔ پوزیشن: رشتہ دار
4. بہتر دستاویزات
دستاویزات کو مزید معلومات کے ساتھ بڑھایا گیا ہے خاص طور پر جب یہ حسب ضرورت ہو۔ ایک عام مسئلہ یہ تھا کہ بہت سی سائٹس جو بوٹسٹریپ استعمال کرتی ہیں ، آپ فورا identify شناخت کر سکتے ہیں کہ یہ بوٹسٹریپ استعمال کر رہی ہے۔ بوٹسٹریپ 5 اب ایک نئی شکل و صورت اور بہتر حسب ضرورت کے ساتھ آتا ہے۔
اب آپ کے تھیمز کو اپنی مرضی کے مطابق بنانے میں مزید لچک ہے تاکہ ہر سائٹ یا ایپ ایک جیسی مماثلت نہ رکھ سکے۔ V4 تھیمنگ پیج کو دراصل ساس (مقبول سی ایس ایس پری پروسیسر) فائلوں کے اوپر بنانے کے لیے مزید مواد اور کوڈ کے ٹکڑوں کے ساتھ بڑھایا گیا ہے۔ آپ گٹ ہب پلیٹ فارم پر ایک اسٹارٹر این پی ایم پروجیکٹ بھی ڈھونڈ سکتے ہیں جو ٹیمپلیٹ ریپوزٹری کے طور پر دستیاب ہے۔
کلر پیلیٹ کو ورژن 5 میں بھی توسیع دی گئی ہے۔ ایکسٹینڈ بلٹ ان کلر سسٹم کا مطلب یہ ہے کہ آپ اپنا کوڈ بیس چھوڑے بغیر آسانی سے اپنے رنگ کو سٹائل کر سکتے ہیں۔ کلر کنٹراسٹ کو بہتر بنانے کے لیے مزید کام بھی کیا گیا ہے ، بشمول بوٹسٹریپ کلر ڈاکس میں کلر کنٹراسٹ میٹرکس کا اضافہ۔
5. بہتر فارم کنٹرولز۔
بوٹسٹریپ نے اپنے فارم کنٹرولز ، ان پٹ گروپس اور بہت کچھ کو بہتر بنایا ہے۔
v4 میں ، بوٹسٹریپ ہر براؤزر کے فراہم کردہ ڈیفالٹس کے علاوہ کسٹم فارم کنٹرول استعمال کر رہا تھا۔ v5 میں ، یہ سب اب اپنی مرضی کے مطابق ہیں۔ تمام ریڈیو بٹن ، چیک باکس ، فائل ، رینج اور بہت کچھ تاکہ وہ مختلف براؤزرز میں ایک جیسی شکل اور رویہ دے۔
نیا فارم کنٹرول اب غیر ضروری رنگین مارک اپ پر مشتمل نہیں ہے ، بلکہ اس کے بجائے معیاری اور منطقی ڈیزائن کی خصوصیات پر توجہ مرکوز کرتا ہے۔
6. بوٹسٹریپ 5 افادیت API کو شامل کرتا ہے۔
نئی سی ایس ایس لائبریریوں جیسے ٹیل ونڈ سی ایس ایس کے بعد ، بوٹسٹریپ اب یوٹیلیٹی لائبریری بھی شامل کر رہا ہے۔ بوٹسٹریپ ٹیم کا کہنا ہے کہ وہ یہ دیکھ کر خوش ہیں کہ دوسرے ڈویلپرز جس طرح ہم نے ویب پر گزشتہ دہائی سے زیادہ عرصے سے تعمیر کیے ہیں اس کو چیلنج کر رہے ہیں۔
ترقیاتی کمیونٹی میں افادیت زور پکڑ رہی ہے اور بوٹسٹریپ ٹیم نے نوٹس لیا ہے۔ ٹیم نے اس سے قبل عالمی استعمال کرتے ہوئے v4 میں افادیت کی فراہمی شامل کی تھی۔ $ enable-* کلاسیں v5 میں ، وہ ایک API نقطہ نظر اور ساس میں ایک نئی زبان اور نحو میں تبدیل ہوگئے ہیں۔ یہ آپ کو نئی افادیت بنانے کی طاقت دے گا جبکہ ابھی بھی دی گئی ڈیفالٹس کو ہٹانے یا اس میں ترمیم کرنے کے قابل ہو گا۔
بہتر تنظیم دینے کے طریقے کے طور پر ، کچھ افادیتیں جو v4 میں تھیں ہیلپرز سیکشن میں منتقل کر دی گئی ہیں۔
7. نئی بوٹسٹریپ آئیکن لائبریری۔
بوٹسٹریپ اب اپنی اوپن سورس ایس وی جی آئیکن لائبریری کا حامل ہے جس میں 1300 سے زیادہ شبیہیں ہیں۔ یہ فریم ورک کے اجزاء کے لیے اپنی مرضی کے مطابق بنایا گیا ہے لیکن آپ پھر بھی ان کے ساتھ کسی بھی پروجیکٹ پر کام کر سکتے ہیں۔
یہ دیکھتے ہوئے کہ وہ SVG تصاویر ہیں ، وہ تیزی سے پیمانہ کر سکتی ہیں اور کئی طریقوں سے اس پر عمل درآمد کیا جا سکتا ہے اور CSS کے ساتھ اسٹائل بھی کیا جا سکتا ہے۔
آپ شبیہیں استعمال کرکے انسٹال کرسکتے ہیں۔ سطح سمندر سے اوپر:
$ npm i bootstrap-iconsبوٹسٹریپ 5 انسٹال کریں۔
آپ پر جا سکتے ہیں۔ بوٹسٹریپ 5 آفیشل ڈاؤنلوڈ پیج۔ اگر آپ اسے انسٹال کرنا چاہتے ہیں۔ اگر آپ تازہ ترین ترقیاتی ریلیز کے ساتھ مطابقت رکھنا چاہتے ہیں تو آپ اسے استعمال کرسکتے ہیں۔ سطح سمندر سے اوپر اسے کھینچنا:
$ npm i bootstrap@next
اس تحریر کے وقت ، فریم ورک اس کے بیٹا 3 ورژن میں ہے۔ اس کا مطلب یہ ہے کہ سافٹ وئیر استعمال کرنے کے لیے محفوظ ہے لیکن ابھی ترقی میں ہے۔ بلا جھجھک ٹیم کو رائے دیں اور کوئی ضروری شراکت کریں۔
بانٹیں بانٹیں ٹویٹ ای میل۔ ویب اجزاء اور اجزاء پر مبنی فن تعمیر کا تعارف۔آئیے عام ویب اجزاء پر ایک نظر ڈالیں اور دیکھیں کہ وہ کارآمد کیوں ہیں۔
اگلا پڑھیں۔ متعلقہ موضوعات۔- پروگرامنگ۔
- ویب سازی
- جاوا اسکرپٹ۔
- سی ایس ایس
جیروم MakeUseOf میں سٹاف رائٹر ہے۔ وہ پروگرامنگ اور لینکس پر مضامین کا احاطہ کرتا ہے۔ وہ کرپٹو کے شوقین بھی ہیں اور ہمیشہ کرپٹو انڈسٹری پر نظر رکھتے ہیں۔
جیروم ڈیوڈسن سے مزیدہماری نیوز لیٹر کو سبسکرائب کریں
ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!
میری ایمیزون فائر اسٹک کیوں کام نہیں کررہی ہے؟سبسکرائب کرنے کے لیے یہاں کلک کریں۔