نحن نتغير باستمرار وتم تبسيط طريقة عمل الأشياء لمطوري تطبيقات الويب. على الرغم من أن الكثيرين يفضلون إنشاء الكود الخاص بهم ، فمن الصحيح أن هناك أدوات تجعل حياتنا أسهل وتسمح لنا بنشر المشروع بسرعة.
ربما في نظام FrontEnd البيئي ، فإن إطار عمل CSS / JS الأكثر شيوعًا واستخدامًا في الآونة الأخيرة هو Bootstrap لسبب وجيه. من المحتمل أن يكون Bootstrap هو الأكثر اكتمالا مقارنة بالمنافسة ولديهم خيارات لكل شيء تقريبًا ، لكنه ليس الخيار الوحيد ، وفي مسألة الذوق ، ولا حتى الأجمل.
البحث في الإنترنت لي لقد وجدت قائمة مع بعض من أطر CSS / JS الأكثر شيوعًا والأهم مفتوحة المصدر والتي يمكننا استخدامها لمشاريعنا الشخصية. لكن في هذه الحالة سأذكر فقط الخمسة التي أعتبرها الأكثر إثارة للاهتمام. هيا بنا نبدأ:
معطف فوقي
هذا على وجه الخصوص لم يعرفه. تم إطلاقه بواسطة Adobe® ، وهو إطار يركز بشكل أساسي على توفير ما هو ضروري لإنشاء تطبيقات الويب لجميع الأجهزة. من بين ميزاته الرئيسية:
- إنه سريع.
- يمكن تخصيص السمات.
- الرموز الخاصة.
- Source Sans Pro ، مصدر مفتوح المصدر من Adobe.
UIkit
مما يمكن رؤيته ، يعد UIkit أحد أقوى منافسي Bootstrap وكبيانات تفاضلية ، فإنه يضيف سلسلة من المكونات التي لا يضيفها إطار عمل Twitter افتراضيًا ، أو يقوم ببساطة بتحسينها.
واجهة المستخدم الدلالية
يجب أخذ منافس Bootstrap الجدير بالاعتبار ، لأنه لا يوفر مكونات جديدة فحسب ، بل يمكننا الاختيار من بين عدة أنماط / سمات لها. يمكننا أن نختار أن تكون الأزرار على سبيل المثال مماثلة أو مساوية لأزرار GMail و Github و Amazon و Google Material و Bootstrap و Twitter وغيرها.
INK
مرشح جيد آخر للنظر فيه. يوفر لنا INK أيضًا مكونات جديدة أو بتصميم ووظائف مختلفة قليلاً عما نجده في Bootstrap.
مترو أوي
إذا أردنا القيام بشيء أقرب إلى مستخدمي Windows ، فإن Metro UI هو أحد المتغيرات المتوفرة لدينا. وأنا أقول واحدة ، لأننا إذا نظرنا قليلاً نجد خيارات أخرى لـ Bootstrap نفسه.
استنتاجات
اعتمادًا على احتياجاتنا وأهدافنا ، لدينا العديد من البدائل كما رأينا بالفعل. على الرغم من أنني ذكرت الخمسة فقط التي أعتبرها ، فهي الأكثر اكتمالا ، وهناك الكثير مما يمكنك رؤيته في القائمة التي ذكرتها في البداية. يمكن أيضًا ملاحظة أن العديد منهم قد أخذوا أفكارًا من Bootstrap وحتى قاموا بتحسينها وأن شركات مثل Adobe تنضم إلى المبادرة لإنشاء هذا النوع من الأدوات لتحسين عملنا.
إذا كانت لدينا المعرفة اللازمة ، ربما يمكننا حتى مزج العديد منهم مع أخذ ما نحتاجه. الخيار لك على أي حال.
لقد فاتتك مساهمة Yahoo: Pure CSS ، فهي تركز على البساطة والخفة.
الصرفة صغيرة بشكل يبعث على السخرية. مجموعة الوحدات الكاملة تعمل بسرعة 4.0 كيلو بايت * مصغرة ومضغوطة. نظرًا لأنه تم تصميمه مع وضع الأجهزة المحمولة في الاعتبار ، كان من المهم بالنسبة لنا أن نحافظ على أحجام ملفاتنا صغيرة ، وتم مراعاة كل سطر من CSS بعناية. إذا قررت استخدام مجموعة فرعية فقط من هذه الوحدات ، فستوفر المزيد من وحدات البايت.
http://purecss.io/
نعم ، يعد Pure خيارًا ، ولكن على الرغم من حجمه ، وفقًا لمعاييري الخاصة جدًا ، فهو ليس كاملاً مثل تلك المذكورة أعلاه.
ما يعجبني في Pure هو أنه يمنحك الأساسيات وسريع التعلم والتنفيذ ، ويمكنك استخدامه على موقع ما ويمنحك مجالًا للقيام بشيء أصلي ، فأنت لست "ممارسًا للتمهيد" مثل معظم.
صديقي ، أعتقد أنك استبعدت أحد أكبر منافسي Bootstrap… Foundation
هذا صحيح ... لقد مر علي التمويل ، وهو أحد العظماء الآخر ، وربما أكبر منافس لـ Bootstrap مما يقولون.
صديق اشتقت لك واحدة من المواد الهامة. في صحتك
الأساس هو أفضل إطار لتصميم الواجهة ، وهو الأكثر اكتمالًا والأكثر تنوعًا ، وهو منافس رائع للتمهيد ، على الرغم من أن التمهيد لا يصل إلى نعل حذائك.
مثيرة جدا للاهتمام ، لم أكن أعرفهم. لقد فوجئت أيضًا بعدم رؤية الأساس في تلك القائمة.
في الواقع موقع الرابط الذي يترك في البداية هذا الأساس الذي بلا شك هو أحد أقوى المنافسين.
سأبدأ في التفكير أكثر في هذه الأطر لبعض التطورات ، في الوقت الحالي جميع مواقع الويب المتجاوبة التي أكتبها من 0 ، مائة أكثر متعة عند كتابة كل شيء Xd
في نهاية اليوم هم كلهم نفس الشيء. رسائل كبيرة جيدة على خلفية بيضاء
قواعد BackEnd 😀
الحقيقة هي أنه في هذه اللحظة ، هذا المنشور جيد جدًا بالنسبة لي ، شكرًا 😉
أنا أستخدم دلالات واجهة المستخدم وليس من البديهي القول
بدون تجسيد ، أو أساس ، هذه القائمة هراء.
لماذا يقول من؟ أين هو مكتوب أن هذين على وجه التحديد يجب أن يكون؟ إذا قرأت التعليقات (شيء يبدو أنك لم تقم به) فسترى أنني أدرك أنني كنت أفتقد المؤسسة ، لكن القائمة التي تراها في هذا المقال مبنية على تقديري ، وليس عليك الموافقة عليها ، لكن لا داعي للقول إنها كذلك قمامة.
مرحبا ، مقال جيد جدا. لكنني أردت أن أخبرك أنه يبدو أن شخصًا ما قام بنسخه على موقعه على الويب دون أن يعكس المصدر الأصلي. لا أعرف كيف تتعامل مع هذه الأمور ، لكنني اعتقدت أنك ترغب في معرفة ذلك. الرابط هو: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
تحية.
نعم ، من الطبيعي أن يحدث ذلك. لقد اتصلت بالفعل بالمسؤولين عن الموقع 😉
مساهمة ممتازة! من المؤكد أن Bootstrap فتح الأبواب لأشخاص مثلي يجيدون الواجهة الخلفية ولكنهم رديئون في الواجهة الأمامية في css لتقديم منتج لائق المظهر. ربما لم تكن هذه هي الطريقة الصحيحة التي كان ينبغي عليهم ذكرها بها ، لكنني أوافق على أن هذه القائمة تفتقر إلى MaterializeCSS ؛ هيكل خفيف الوزن وقوي ، مع ظهور تصميم مادي وأروع منحنى تعليمي ممكن. في غضون 10 دقائق ، تمكنت من إعداد واجهة رائعة جدًا بفضل هذا الإطار. وثائقها بسيطة للغاية بحيث بالمقارنة مع bootstrap تجعلها تبدو مثل هندسة الطيران. لذا أقترح إلقاء نظرة على Materializecss.com. في صحتك!