ويسعدنا أن نعلن Bootstrap، مجموعة أدوات الواجهة أمامية للتطوير السريع لتطبيقات الويب. عبارة عن مجموعة من الاتفاقيات CSS و HTML. فإنه يستخدم بعض أحدث التقنيات المستعرض لتزويدك بالطباعة أنيقة، أشكال، وأزرار، والجداول، وشبكات، الملاحة أنديفيريثينج آخر تحتاج في السوبر صغيرة (فقط 6 ك مع gzip) المورد. تحقق من Bootstrap على Github.
لمحة تاريخية
في الأيام السابقة من التغريد، يستخدم المهندسين تقريبا أي مكتبة كانوا على دراية لتلبية متطلبات الجهة الأمامية. التناقضات بين التطبيقات الفردية التي تجعل من الصعب على مقياس والمحافظة عليها. Bootstrap بدأت كإجابة على هذه التحديات، وتسارع بسرعة خلال هاكويك ارتعاش الأولى. بنهاية هاكويك، قد توصلنا إلى صيغة مستقرة يمكن أن يستخدمها مهندسو عبر الشركة.
بمساعدة وتغذية مرتدة من العديد من المهندسين، نمت Bootstrap كثيرا ليشمل ليس فقط الأنماط الأساسية، ولكن أكثر من أنماط تصميم الواجهة الأمامية الأنيقة ودائم. ويمثل هذا الإصدار لدينا أول إصدار 1.0 العامة والمصادر المفتوحة لشهور عديدة من العمل الشاق.
لماذا استخدم Bootstrap
في جوهرها، Bootstrap CSS فقط، ولكن تم بناؤه بتكلفة أقل، بريبروسيسور مرنة التي توفر أكثر بكثير من القوة والمرونة من CSS العادية. بتكلفة أقل، ونحن الحصول على مجموعة من الميزات مثل الإعلانات متداخلة والمتغيرات، mixins، وعمليات ووظائف اللون. بالإضافة إلى ذلك، منذ Bootstrap هو محض المغلق عند التحويل البرمجي عبر أقل، ونحن الحصول على اثنين من الفوائد الهامة:
أولاً، لا يزال Bootstrap سهلة جداً لتنفيذ؛ مجرد إفلاته في التعليمات البرمجية الخاصة بك وتذهب. جمع أقل يمكن أن يتحقق عن طريق جافا سكريبت، تطبيق ماك غير رسمية، أو عن طريق Node.js
وثانيا، بمجرد استيفاء، Bootstrap يحتوي على أي شيء لكن المغلق، مما يعني وجود لا صور زائدة عن الحاجة أو فلاش أو جافا سكريبت. كل ما تبقى هو المغلق بسيطة وقوية لتطوير الويب الخاص بك الاحتياجات.
ما هو داخل
عند إلقاء نظرة متفحصة على Bootstrap، ستلاحظ أننا قد فصل ملفات التنمية إلى سبعة ملفات متميزة:
- reset.less المغلق بإعادة تعيين الأصل أدلى به إريك ماير وتعديلها لاستخدامنا لإزالة العناصر غير الضرورية
- متغيرات اللون preboot.less و mixins لأشياء مثل التدرجات، والشفاف، والتحولات تبسيط مسبوقة فيندو كتل المغلق على سطر واحد من التعليمات البرمجية كل
- scaffolding.less الأنماط الأساسية والعالمية لإيجاد نظام شبكي، والتخطيط الهيكلي، وقوالب الصفحة
- عناوين type.less والنص الأساسي، القوائم والتعليمات البرمجية وأكثر لنظام الطباعة متعددة الاستعمالات ودائم
- عناصر واجهة قابلة للتكرار patterns.less مثل الملاحة ومودالس و popovers وتلميحات الأدوات ليأخذك خارج الأنماط الافتراضية السقالات
- forms.less دائمة لمختلف أنماط إدخال أنواع تخطيطات النموذج، والتحكم في الدول.
- الأنماط tables.less لجداول البيانات في عدد من العروض المتنوعة
حيث اخترنا أن اقتحام المغلق قطع أكثر قابلية للإدارة للمنظمة سهلة والتكرارات، تجميع هذه الملفات مع وسائل أقل ينتهي بك الأمر مع ملف CSS واحد فقط أن تدرج.
لماذا كان يعمل
Bootstrap الأشغال بتوفير حل نظيفة وموحدة للمهام اليومية الأكثر شيوعاً، وواجهة مطوري تأتي عبر. في التغريد، Bootstrap سرعان ما أصبحت واحدة من العديد من الذهاب إلى الجهة الأمامية أدواتنا عند بدء تشغيل مواقع وتطبيقات جديدة. يرجع ذلك إلى أنه في حين أنها واسعة جداً، أنها مرنة بما يكفي للعمل لكثير من احتياجات التصميم فريدة من نوعها.
اليوم، يمكنك استخدام Bootstrap إلى رمي معا نماذج أولية سريعة أو توجيه تنفيذ التصاميم أكثر تطورا وأكبر الجهود الهندسية. وبعبارة أخرى، Bootstrap طريقة بسيطة جداً لتشجيع تطبيقات سريعة ونظيفة ويمكن استخدامها للغاية.
ونحن نتطلع إلى العمل مع مجتمع المصادر المفتوحة تتطور Bootstrap.
حيث يتجه Bootstrap
نحن نريد أن نستمر في العمل على التخسيس أسفل بصمة صغيرة الفعل Bootstrap في حين تزايد اتساع نطاق ما يغطي أيضا. كما هو الحال دائماً، ونحن أحب تعليقاتك وآمل أن تجد أنه من المفيد. إذا كنت ترغب في المساعدة في جعل Bootstrap أفضل، لا تتردد في تفرع عليه، ملف القضايا ومراقبة ما تحرزه من التقدم في GitHub.
المصدر: مارك أوتو