12

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

السلام عليكم ورحمة الله تعالى وبركاته

كنت ابحث عن فريمورك مفتوح المصدر لاصمم على اساسه قوالب ووردبريس لبيعها على ثيم فورست. كنت اعلم عن Bootstrap وFoundation لكن صراحة لم يعجبني اي منهما من ناحية تصميمه فقط اكتفيت بـ Grid خاصتهما من اجل جعل القالب متجاوب دون ان ألجأ الى جعله متجاوبا من بعد عبر الـ Media Quieres. وانا ابحث في جوجل عن فريمورك اخر مفتوح المصدر واذا بي بالصدفة اجد هذا الفريمورك UIkit framework واندهشت مما وجدته من مميزات جميلة جدا تخفض عنك عناء تصميم العديد من الاشياء ومن اهم هاته المميزات الـ Add-ons حيث ان الصور يمكن ان تدعم LightBox مباشرة دون اللجوء الى تحميل ملفات لهذا الغرض بالاضافة الى الحركة اثناء النزول Scroll Animation كذلك مضافة بهذا الفريمورك، كما انه يمكنك تخصيص فريمورك خاص بك عبر الدخول الى صفحة Customizer والمزيد من المميزات التي لا استطيع عدها ووصفها لكم، ادع لكم الفرصة لاكتشافها بانفسكم.

خلاصة القول UIkit Framewrok هو بمثابة حلول تطوير الويب بكفائة عالية تجعل تصاميمك مقبولة على موقع ثيم فورست :)

الموقع الرسمي :

بعض القوالب المصممة اعتمادا على هاته الفريمورك :

http://yootheme.com

شاركنا رايك وهل يوجد ماهو افضل من هذا الفريمورك غير Bootstrap او Foundation لانهما ضعيفان جدا امامه بالنسبة لي.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

4
a_alakkad أضف ردا

لي باع بالعمل مع 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 بأشكاله :)

1
ar4pixel أضف ردا

بالنسبة للاعمال العربية او الخاصة ساستعمل Uikit انه الاجمل لكن بالنسبة لاعمالي على ثيم فورست ساستعمل Bootstrap رغما عني لانه معترف به هناك :)

3
Abdul0010 أضف ردا

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

0
ar4pixel أضف ردا

recommanded by front end web develpers

نعم انصحك بذلك حقا ما يحويه من مميزات تجعله متفوق وبشدة عن باقي الفريموركات الاخرى هذا يبدو متعوب فيه جدا :)

1
it-pro أضف ردا

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

1
p3r0 أضف ردا

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

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

1
binamjad أضف ردا

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

1
زهير طه أضف ردا

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

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

2
ar4pixel أضف ردا

تذكر ان bootstrap لا يدعم عربي والتصميم ب uikit مريح اكثر وعصري خصوصا انه flat :)

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

2
زهير طه أضف ردا

يوجد على github ملف bootstrap-rtl.css يتم تحديثه بشكل دوري أضفه إلى bootstrap واحصل على دعم تام للعربي وأنا اعتمد عليها في عدة مواقع صممتها وهي عربية.

وكما ذكرت لكل شخص ذوق ورأي وأحترم ذوقك ورأيك ولا أنكر جودة uikit وقوتها لكن أرتاح لـ bootstrap أكثر

0
علي بن موسى أضف ردا

اخي العزيز على استطيع التحصل على هذا الملف للنسخة الثالثة بارك الله فيك

بحثت عليه في github وللأسف وجدتها للنسخة الثانية وجربت واحد للنسخة الثالثة واتبعت الطريقة ولم يعمل

بوركت

0
Nouaman Bentaj أضف ردا

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

0
benaddou أضف ردا

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

1
طالب علم أضف ردا

مبتدإ

الإملاء الصحيح هو مبتدئ

ما هو فريمورك

إطار العمل Framework هو مجموع من المكتبات(مجموع من الدوال Function)

هدفها تسريع الإنتاج والتسهيل على مستخدمها

و كيف يعمل

تختلف طريقة عملها فمنها ما ينتج شيفرة Code جديدة مثل إطار عمل Qt لـ ++C

ومنها ما تستخدمه كالمكتبات

و كيف نستفيد منه؟

في التسريع الإنتاج والتقليل من التعقيدات

1
ar4pixel أضف ردا

في التسريع الإنتاج

الجملة الصحيحة في تسريع الإنتاج

0
mohamedsabil83 أضف ردا

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

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