هل سبق لك وتعاملت مع UIkit framework الذي ينافس Bootstrap وFoundation وبشدة

لي باع بالعمل مع Zurb Foundation و Twitter Bootstrap

سأناقش موضوع Grid فقط، فهو أكثر ما يستخدم في كل إطار عمل.

جميع الإطارات المذكورة تستخدم عدد 12 من الأعمدة بشكل افتراضي، ويمكن تخصيص هذا العدد.

• Bootstrap: أسماء الكلاسات بسيطة، مثل col-md-3 واسمها يعبر عن الفائدة التي يقدمها الكلاس بشكل مختصر، col أي عمود، md أي على الشاشات المتوسطة، و3 أي بنسبة 3 من 12.

• Foundation: أسماء الكلاسات تكتب كأنها تصف ما تريد بالتفصيل، دون اختصارها مثل Bootstrap، مثال: "large-12 columns"، هنا تكتب كلاسات بأسماء أطول، لكنها معبرة أكثر ويسهل تذكرها.

• UiKit: أسماء الكلاسات مزعجة لي، تبدأ بـ uk ثم width ثم أرقام نسبية من 1 إلى 12 مكررة مرتين (كأنها تقول عرض بنسبة 1 من 2 أي 50%)، مثال: uk-width-1-2.

مثال كود في كل إطار عمل، لعرض صندوقان بنسبة 50% للعرض:

<div class="row">
    <div class="col-md-6">Bootstrap</div>
    <div class="col-md-6">2 divs each one 50%</div>
</div>

<div class="row">
    <div class="medium-6 columns">Foundation</div>
    <div class="medium-6 columns">2 divs each one 50%</div>
</div>

<div class="uk-grid">
    <div class="uk-width-1-2">UiKit</div>
    <div class="uk-width-1-2">2 divs each one 50%</div>
</div>

إطار Bootstrap هو الأشهر في هذا المجال ويمكن العدد الأكبر من الإضافات على الإنترنت والكثير من الشروحات، Foundation أقل شهرة ولا يملك ذلك العدد من الإضافات وعدداً أقل من الشروحات.

لا أريد التبخيس من قيمة هذا الإطار، لكن أطرح مقارنة ووجهة نظر.

في النهاية لن يرى المستخدم ما هو إطار العمل المستخدم، ما يهمه هو سرعة الأداء.. الـ Optimization بأشكاله :)

استخدم Foundation لكن UIkit Framewrok يستحق التجربه

لم اتعامل معه من قبل لكن من خلال تصفحي لمميزاته لا أعتقد انه افضل من Bootstrap

يستحق التجربة .. لكن تصفح وجرب SemanticUI

.. سهل كثير واقل اكواد تستخدمها لتنفذ نفس الشئ عن Bootstrap

رائع، جدا، وخاصة إنه يدعم الاتجاه من اليمين إلى اليسار (اللغة العربية)

اطلعت عليه ولي تجربة سابقة مع كل من foundation , bootstrap ويبقى بالنسبة لي رقم واحد والأفضل على الإطلاق هو Bootstrap

أشعر أن uikit هو تقليد لـ bootstrap مع بعض اضافات javascript ضمنه وهي إضافات يمكن الحصول عليها بسهولة في حال الرغبة لمن يستخدم bootstrap

شخصيااا استعمل bootstrap بشكل كبير , لكن سوف أعمل على تجربة UIKit .

سؤال من مبتدإ : ما هو فريمورك ، و كيف يعمل، و كيف نستفيد منه؟

أطر العمل هذه مثل العربات مثلاً .. فالعربة مهما كان موديلها يمكنك الوصول بها إلى المكان الذي تريد بمعرفة قيادتها. يبقى الفرق في الخصائص ما بين كل إطار عمل وعمل وهناك أطر عمل أخرى كثيرة غير الأربعة المذكورات هنا وأنا استعملت كلاً من bootstrap وfoundation وأيضاً uikit

وحالياً بانتظار صدور النسخة الأولى المعتمدة من semantic-ui وإن كنت قد قمت بتجربة النسخة الاولية وإصدارتها الأخيرة 0.19.3، وهي قادمة بقوة مع الكثير من الخصائص المدمجة بها علماً بأن هذه الخصائص يمكن إضافتها للبقية عبر المطورين الذين يعملون على توفير كافة الإضافات الممكنة التي لم تكن متوفرة بشكل تلقائي مع الإطار المعني.