HTML5 مولدات القوالب ، الأطر والأدوات
على الرغم من أن اللاعبين الكبار في صناعة تصميم الويب قد تبنوا لغة HTML5 في السنوات الأخيرة ، إلا أنه لا يوجد كثيرون آخرون يستخدمونها في حل عملي ، ويرجع ذلك في معظمه إلى ضيق الوقت أو الفهم. هناك احتمالات إذا تم الترويج للغة لبعض الوقت ، فسوف يكون هناك عشاق يذهبون إلى مشاكل التخلص من مشاكلك عن طريق إنشاء مولدات وأطر عمل HTML5.
في Hongkiat ، نرغب دائمًا في جعل تطوير أعمالك سهلاً قدر الإمكان ، لذلك توجد أدناه قائمة بمولدات قوالب HTML5 والأطر التي تسرع من تطوير HTML5 ، أو تساعدك على تخفيف المشكلات المثيرة للقلق مثل توافق المتصفح. بحلول نهاية اليوم ، سيكون تطوير HTML5 أسهل وأكثر سعادة مع هذه المولدات والأطر!
لماذا الإطار?
على الرغم من أن الأمر قد يستغرق بعض الوقت لمعرفة إطار العمل بالفعل ، إلا أنه إذا كان لديك إطار جاهز ، فكل ما تحتاج إلى إضافته هو المحتوى والتعديلات الطفيفة وفقًا لذوقك. كما لا تقلق بشأن ذلك ، فإن العالم لن ينظر إليك بازدراء لاستخدام منشئ قوالب HTML5 أو إطار جاهز للاستخدام. العملية تأتي أولاً!
إلى جانب ذلك ، فإن الأطر الموجودة للاستخدام عادة ما تكون لها أتباع ودعم موالون. من مميزات استخدام الأطر هو أنك لست مضطرًا حقًا للقلق بشأن المشكلات الخطيرة مثل التوافق بين المستعرضات والتوافق عبر الأنظمة الأساسية ، فقد قام شخص آخر بالتغلب على ذلك نيابة عنك. ولكن ، بالطبع ، يمكنك المساهمة في قضيتهم ، خاصة بالنسبة للمكتبات والأطر مفتوحة المصدر.
بعد كل شيء ، من الجيد دائمًا الحصول على معدات إضافية في صندوق أدوات التصميم الخاص بك!
مولدات القوالب والأطر
Initializr
القليل من النقرات هي كل ما يتطلبه الأمر لتكوين قالب HTML5 بنفسك. يمنحك Initializr أيضًا خيارًا ما إذا كنت تريد أن يشتمل القالب على JavaScript أو jQuery ، وتكوينات الخادم ، وتحليلات Google.
تم بناء Initializr أيضًا على HTML5BoilerPlate ، وهي أداة رائعة أخرى لتوسيع فهم HTML5 الخاص بك ، وإضافة وظائف ، وتحسين موقعك بالكامل.
مولد قالب HTML5
بديل هو مولد قالب HTML5 Shikiryu.com. يحتوي على خيار إضافي لتضمين وصف لمؤلف موقع الويب ، كما يتضمن خيارات لأيقونة Favicon و Apple Touch في حالة رغبتك في إدراجها تلقائيًا في القالب.
SwitchToHTML5
منشئ إطارات HTML5 الرائع هو SwitchToHTML5. مثل الآخرين ، يسمح لك بإضافة عدة عناصر مثل ,
,
, , و اخرين. يمنحك SwithToHTML5 أيضًا خيار ما إذا كنت تريد دعم Internet Explorer أم لا ، لأن إصداره الأقدم من IE9 لا يدعم HTML5 محليًا.
إصلاح
قل ، لا يمكنني أن أكون الشخص الوحيد الذي يكره إنشاء النماذج ، أليس كذلك؟ يعد إنشاء النماذج مهمة شاقة ، على الأقل بالنسبة للأشخاص مثلي ، ولهذا السبب تم إصلاحه هنا لمساعدة الناس على إنشاء نماذج نظيفة وعاملة! إصلاحه هو أداة إنشاء نماذج HTML5 وخفيفة الوزن للغاية ولن تسبب لك الكثير من المتاعب ، كما لو كنت تفعل النموذج من الصفر.
هناك إصداران ، تطبيق ويب وتطبيق سطح مكتب مستقل ، على الرغم من أنه سيتعين عليك الدفع حتى تعمل بدون اتصال بالإنترنت. حسنا ، إذا كنت ترغب في التطبيق ، وإظهار بعض الحب!
Modernizr
استفد من HTML5 و CSS3 باستخدام Modernizr. إنها مكتبة JavaScript مفتوحة المصدر لمساعدة المطورين على إنشاء أفضل مواقع الويب التي تتضمن HTML5 و CSS3.
المتصفحات الأقدم ليست هي المشكلة في Modernizr ، سيرى الزائرون ما يجب عليهم رؤيته بغض النظر عن الإصدار الخاص بهم.
52framework
تقنيًا لا مولد ، ولكن إطار عمل قابل للتنزيل والذي يسرع عملية التطوير. 52framework يزيل متاعب HTML5 ويضع كل شيء أمامك ، مما يجعل التطوير أسرع وأسهل.
52framework يدعم مجموعة كبيرة ومتنوعة من المتصفحات ، مما يجعل التوافق بين المستعرضات مشكلة أقل. والخبر السار للمطورين؟ وهو يدعم IE6 جزئيًا!
HTML5 المحررين
ألوها محرر
نظرًا لأننا نتحدث بالفعل عن الخدمات والتطبيقات التي تسرع عملية التطوير ، فإليك أداة رائعة لمساعدتك في تحرير محتوى موقعك باستخدام محتوى متوافق مع xHTML5.
Aloha Editor هو محرر HTML5 ، وليس فقط أي محرر ، ولكنه محرر WYSIWYG يمكنه تعديل محتوى موقعك على الفور ، بمجرد إجراء التغييرات في المحرر.
الابي
يحلم كل من تحويل الرسوم المتحركة فلاش إلى HTML5؟ Wallaby ، مشروع من Adobe ، يجعل تحويل الرسوم المتحركة Flash والأعمال الفنية إلى HTML5 ممكنًا ، مما يجعل الملفات قابلة للتحرير على Dreamweaver أو محررين آخرين.
المراجع
الغوص في HTML5
يعد هذا كتابًا رائعًا وممتعًا لبدء التعلم عن HTML5 بطريقة مبتكرة في التفكير ، كما أنه مورد جيد يعطي فكرة جديدة للأشخاص الذين يعرفون بالفعل طريقة عمل HTML5.
مرجع HTML5
دليل W3C الأصلي إلى HTML5 ، مع التركيز على البساطة والتطبيقات العملية للمبتدئين ، مع توفير معلومات مفصلة لمطوري الويب المتقدمين.

أكثر من
في الوقت الحالي ، ليس هناك الكثير لرؤيته في الواقع. لا يزال هناك عدد قليل نسبيا من الأدوات لإطار عمل HTML5 والقوالب التي تستخدمها ، كما قد تلاحظ إذا قمت بفحص الروابط ، فإن معظم الميزات لكل مولد / إطار عمل متشابهة. ربما أفتقد الأدوات التي تستخدمها لتطوير مواقع HTML5 الرائعة ، لذلك إذا كنت ترغب في مشاركتها فلا تتردد في نشرها في التعليقات!
أيضا ، تحقق من مشاركاتنا إذا كنت ترغب في الحصول على مزيد من المعلومات حول HTML5!
- HTML5: 15 تجارب ملهمة
- HTML5: 19 تطبيقات الويب
- HTML5: 48 عروض فلاش محتملة القتل
- قم بإنشاء نموذج الاتصال بـ HTML5 / CSS3 المستند إلى Ajax