ZURB بنسټ: د ځواب ویونکي مخکښې پای لپاره د کارن انٹرفیس CSS چوکاټ

په 2010 کې د ډیزاین ادارې ZURB د CSS چوکاټ رامینځته کړ چې هدف یې د خدماتو پیل کول دي. د پروټوټایپونو رامینځته کول اسانه کړئ e د پراختیا وختونه لنډ کړئ. د دې کولو لپاره، غوره نمونې، نمونې او ټیمپلیټونه غوره شوي ترڅو دوی په فاؤنڈیشن کې یوځای کړي، هغه چوکاټ چې په 2011 کې د خلاصې سرچینې پروژې په توګه خپور شو او له هغه وخت راهیسې د خلکو لپاره وړیا دی.

بنسټ یو ځواب ویونکی مخکینۍ چوکاټ دی، چې د UI تشکیلاتو لپاره اغیزمن HTML او CSS اجزا لري (د کارن برسیر)، مختلف ټوټې او ټیمپلیټونه مګر ډیری اختیاري جاواسکریپټ توسیعونه. د ویب چوکاټ لري a د ماډل جوړښت او د مختلفو وسیلو څخه د لاسرسي وړ پروژې تنظیم کولو لپاره ډیزاین شوي؛ سره ویشل کیږي د MIT جواز او له دواړو څخه ډاونلوډ کیدی شي رسمي کورپاڼه روان وي GitHub. د فاؤنڈیشن 4.0 نسخه څخه کاري اساس پلي کیږي "موبایل لومړی"، نو له هغه وخت راهیسې موږ د ډیری نوي ماډلونو په مرسته کار کوو ترڅو فعالیت غوره کړو او په چوکاټ کې د فایلونو اندازه روښانه کړو. د بنسټ د معیاري نسخې سربیره، ZURB د بریښنالیک خبر لیکونو پراختیا لپاره نور ډولونه هم خپاره کړي دي (د بریښنالیکونو لپاره بنسټ) او یو مخ سایټونه (د ایپس لپاره بنسټ).

بنسټ، د ځواب ویونکي ویب چوکاټ د دې ماډلر جوړښت لخوا مشخص شوی، د انعطاف په برخه کې تر ټولو پورته ګټه لري. تاسو د دې امکان لرئ چې د ډاونلوډ کولو دمخه پریکړه وکړئ چې کوم برخې غوره کړئ او کوم یې نه: پدې توګه تاسو کولی شئ د ویب کوډ راټولولو خپل ډول ترتیب کړئ پرته لدې چې د ماډلونو ډاونلوډ کولو ته اړ ایستل شئ چې تاسو ورته اړتیا نلرئ. او که دا پیښ شي چې تاسو پوهیږئ چې تاسو یوې برخې ته اړتیا لرئ چې تاسو د ډاونلوډ په وخت کې نه و ټاکلی، تاسو کولی شئ په اسانۍ سره وروسته چوکاټ کې اضافه کړئ. په ورته ډول دا هم ممکنه ده چې هغه ماډلونه لرې کړئ چې نور ستاسو لپاره ګټور ندي: نو تاسو تل د دې امکان تضمین یاست چې یوازې هغه دندې ولرئ کوم چې تاسو واقعیا اړین ګڼئ. ستاسو د ویب پروژې ترلاسه کول.

د بنسټ 6.0 لپاره تاسو نور انتخاب لرئ 40 اجزا په لاندې اوو سکتورونو پورې اړه لري:

• د مزي: د ځواب ویونکي ویب ډیزاین لپاره پریکړه کونکی برخه د ګریډ انعطاف وړ ترتیب دی چې د 1200 پکسلز معیاري سره مطابقت لري. تاسو کولی شئ دا ماډل هم غیر انتخاب کړئ، که څه هم سیسټم د ویب پروژې ډیزاین کولو لپاره اساس جوړوي چې د مختلف وسیلو څخه د لاسرسي وړ وي او د مختلف ریزولوشن پیمانونو سره مطابقت لري. سربیره پردې ، د 6.0 نسخه څخه پیل کولو سره د "فلیکس گرډ" ماډل غوره کولو امکان هم شتون لري ، کوم چې د CSS فلیکس بکس ماډل (لکه افقی یا عمودی) پراساس د عملیاتو په واسطه د عناصرو حتی ډیر انعطاف وړ موقعیت ته اجازه ورکوي. د شیانو تنظیم).

• جنرال: د عمومي ماډلونو په مینځ کې (چې په رسمي ډول گرډ هم برخه ده) لومړی او خورا مهم ټولګي شتون لري ثاب e لید، مننه کوم چې تاسو کولی شئ defiد انفرادي عناصرو موقعیت او لید په اړه د چلند قواعد تعریف کړئ؛ سربیره پردې ، پدې برخه کې به تاسو د فورمو رامینځته کولو لپاره یوه برخه هم ومومئ ، په بیله بیا د ټایپوګرافي ماډل چې د لیکلو او متن لپاره لومړني فارمیټ لري.

• د کنټرول: ستاسو د ویب پروژې ټول اړین متقابل عناصر دلته شتون لري. د مثال په توګه، دا هغه تڼۍ دي چې کاروونکي ته په بل ځای کې د یو کلیک سره لارښوونه کوي یا هغه انتخاب شوي عناصر بندوي. دلته ماډلونه هم شتون لري چې ورسره تاسو کولی شئ سلایډونه یوځای کړئ او پلسنتي د آن / آف حالت سره.

• ګرځښت: د مخکینۍ پای په ترتیب کې، د نیویګیشن عناصر یقینا ورک نشي، نو حتی ستاسو د پروژې لپاره چې د ZURB فاؤنڈیشن سره ترسره کیږي، تاسو د ماډلونو لوی ډولونه لرئ چې ورسره تنظیم کړئ. مینو بارونه او مینو (ډراپ-ډاون، د ډراپ-ډاون لیست، ډریل ډاون)، د نیویګیشن لارې اضافه کړئ (بریډ کرمبس) یا پاڼې ته شمیره اضافه کړئ.

• لوښی: کانټینرونه یو په زړه پوری فرصت دی چې مختلف عناصر لکه متن ، عکسونه یا ویډیو په یو عام ځای کې شامل کړي. دلته به تاسو د کلاسیک مینځپانګې ویجټونو لپاره سټایلونه ومومئ لکه د ډراپ ډاون مینو ، ټبونو ، کاسکیډینګ سکتورونه یا موډل ډیالوګونه.

• د رسنيو د: د "میډیا" برخې دننه تاسو به د چوکاټ ماډلونه ومومئ چې د ملټي میډیا عناصرو شاملولو لپاره به ګټور وي. د "فلیکس ویډیو" برخه، د بیلګې په توګه، ستاسو سره مرسته کويد ویډیوګانو داخلول او ډاډ ترلاسه کوي چې مینځپانګه د مختلف ډیزاین اندازو او ریزولوشن ډولونو سره سمون لري. سربیره پردې ، د مخکتنې عکسونو لپاره برخې هم شتون لري او همدارنګه د وسیلو کارولو لپاره ګټورې لارښوونې.

• نښلول: په نهایت کې تاسو کولی شئ د ZURB بنسټ لپاره ځینې خورا ګټور توسیعونه غوره کړئ چې ستاسو لپاره د ویب چوکاټ سره کار کول اسانه کوي. د "Motion UI" کتابتون سره، د بیلګې په توګه، تاسو د یو خورا ګټور کتابتون ډاونلوډ کولو امکان لرئ، حتی که یوازې د Sass ډول لپاره شتون ولري، کوم چې د UI پاسونو او حرکتونو رامینځته کول یو هوا جوړوي.

سربیره پردې ، د ډاونلوډ کولو دمخه ، تاسو کولی شئ غوره کړئ که نه defiیو څه ختم کړئ د چوکاټ لپاره معیاري ترتیبات. پدې کې د کالمونو شمیر یا ضخامت او د ګریډ سیسټم اعظمي چوکۍ بدلولو اختیارونه شامل دي ، په بیله بیا د مختلف رنګ تنظیماتو او د متن سمت ټاکل (کیڼ څخه ښیې یا ښیې څخه کیڼ). که تاسو لومړی غواړئ د انفرادي ماډلونو فعالیت مطالعې پرته چوکاټ ازموینه وکړئ، تاسو کولی شئ د بشپړ نسخې په توګه بنسټ هم ډاونلوډ کړئ (بشپړ) یا په بدیل سره د یو روښانه بنسټیز ډول په توګه (لازمي).

که تاسو د CSS لخوا وړاندیز شوي فرصتونو څخه راضي یاست او بیا په ساده ډول ډاونلوډ شوي CSS فایل کې سټایلونه لیږدئ ، تاسو یقینا سم پریکړه کړې. په هرصورت، د بنسټ چوکاټ یو بل ځانګړی ځانګړتیا لري: د CSS کوډ اساس د ساس سټایل شیټ ژبه کې لیکل شوی (په ترکیبي ډول په زړه پوري سټایل شیټونه)، کوم چې د CSS لپاره یو تش په نامه پری پروسیسر دی. ساس ستاسو لپاره دا ممکنه کوي چې په سټایل شیټونو کار وکړئ .scss کوم چې وروسته بیا په مشهور .css فایلونو کې تالیف یا لیکل کیدی شي او بیا د براوزرونو لخوا لوستل کیږي او تشریح کیږي.

که تاسو د ZURB چوکاټ ساس ډول وکاروئ ، نو تاسو به لاندې ګټو څخه خوند واخلئ:

• ساده ترکیب (Sass یا CSS)، کوم چې د سټایل شیټونو لیکل اسانه کوي

• د defiختم د ماډلونه (Mixins) تر څو تکراري بڼې په مرکزي توګه خوندي کړي او په خپله خوښه یې مدغم کړي

• د مختلف سټایل شیټونو ساده ترکیب د HTTP غوښتنې کمولو لپاره

• کارول متغیرات او دندې په مرکزي توګه د رنګونو، فاصلو، فونټونو او داسې نورو تبادله کول

• کوډ په ساده ډول جوړښت کیدی شي مننه ځړول په درجه بندي ترتیب کې، تاسو ته اجازه درکوي چې د کوډ ډیری تارونو پرته کلینر کار وکړئ

د ساس کمپیلر په اصل کې په روبي کې لیکل شوی. په هرصورت، که تاسو د دې پروګرام کولو ژبه نه کاروئ، تاسو مجبور نه یاست چې دا د Sass لپاره نصب کړئ ځکه چې د LibSass سره به تاسو په C کې لیکل شوي یو بدیل ولرئ. LibSass د کارونې ټولو عملیاتي سیسټمونو سره کار کوي او په اسانۍ سره په Node.js کې نصب کیدی شي. کاري فلو، دا دی چې په Sass کې کوډ کې بدلونونه راولي او په اتوماتيک ډول یې په CSS کې وژباړي.

د 5 نسخې څخه بنسټ 6.0 ته د لیږد سره، ZURB یو ځل بیا د ټول چوکاټ فایل اندازه کمه کړې: د خپل 60 KB CSS او 84 KB جاوا سکریپټ سره، بنسټ د یو په توګه شهرت لري. یو له خورا منظم پرمختیایی پلیټونو څخه او ولولئ چې شتون لري. د پورته ذکر شوي ماډلر جوړښت او د تخصیص یو مشخص آزادی څخه مننه، تاسو حتی د دې توان لرئ چې د چوکاټ اندازه نوره هم کمه کړئ. د انعطاف وړ گرډ او مختلف سره په ترکیب کې صفاتARIA (د مثال په توګه د اغیزمن کیبورډ نیویګیشن لیږد لپاره) د ZURB لخوا پلي شوی، لومړني شرایط، د ویب پروژې د ترلاسه کولو لپاره اړین دي چې په مختلفو پلیټ فارمونو او وسایلو کې مطابقت لري، په بشپړ ډول مطمین ګڼل کیدی شي. د ARIA ځانګړتیاوې خورا ښه مستند شوي او شتون لري چیرې چې تاسو غواړئ د خپلې ویب پاڼې لاسرسي ته د پام وړ اصلاح کړئ.

که تاسو د چوکاټ ساس نسخه سره کار کوئ، ډاډ ترلاسه کړئ چې تاسو د ډیزاین عناصرو او ترتیبونو ترتیبولو لپاره خپل اختیارونه پراخ کړئ چې تاسو یې داخل کړئ. د دې ځانګړي سټایل شیټونو کارول په هیڅ ډول د نوي زده کونکو لپاره اسانه ندي او د زده کړې یوې ټاکلې مودې ته اړتیا لري ، کوم چې په عمومي ډول د پلیټ فارم لپاره هم ریښتینی دی. زه هم'د بهرنیو اجزاوو ادغام، په بیله بیا ماډلونه او بنسټ پروژې په بل چوکاټ کې یا په CMS کې خورا پیچلې دي. هغه کوچني ضعفونه چې د ZURB بنسټ د نورو CSS چوکاټونو په پرتله ښیي، لکه د ټویټر بوټسټریپ، د ټیمپلیټونو محدود ډولونه او د انټرنیټ اکسپلورر د پخوانیو نسخو لپاره د ملاتړ نشتوالی دی.

د ZURB بنسټ د لومړي پروټوټایپ څخه د کارونې لپاره چمتو ویب پا toې ته پراختیا کونکو سره مل کیږي او له هرڅه پورته د خپل ځان لخوا مشخص شوی موثریت. که تاسو ومومئ چې ځینې اجزا خورا ډیر دي، تاسو د نورو عناصرو فعالیت اغیزه کولو پرته د دوی د انتخاب کولو اختیار لرئ. په پایله کې، د CSS چوکاټ په ځانګړي ډول پتلی کوډ لخوا مشخص شوی چې د ZURB "موبایل لومړی" لخوا ټاکل شوی لیټموټیف روښانه کوي. سره یوځای خورا انعطاف منونکي گرډ سیسټم، کوم چې تاسو کولی شئ په اختیاري ډول د Sass سره موافقت وکړئ ، چوکاټ د پراختیا لپاره مثالی دی ځواب ویونکی مخکی پای کوم چې د ډیټا بارولو او عالي لاسرسي کې د لوړ سرعت درلودلو ګټه لري ، په بیله بیا د مختلف سکرین اندازو سره تطابق.

تاسو کولی شئ د دودیز شوي او شاید ډیر پیچلي ویب پروژو رامینځته کولو لپاره د ZURB چوکاټ هم وکاروئ ، که څه هم دا د پام وړ انرژي سره وصل دی او د ټوټو ښه پوهیدو ته اړتیا لري.