دليل موارد HTML5 النهائي
على الرغم من حقيقة أن مواصفات HTML5 لن تنتهي رسميًا حتى عام 2022 ، (على الرغم من أنه سيتم الانتهاء منها في الغالب بحلول عام 2014) ، إلا أن الكثير من المصممين غارقون بالفعل في أجزاء HTML5 التي تحظى حاليًا بدعم في المتصفحات الحديثة.
يفتح HTML5 بعض الطرق الجديدة تمامًا لتصميم الويب وتطوير تطبيقات الويب ، وهي أشياء كانت ممكنة سابقًا فقط باستخدام جافا سكريبت أو فلاش.
هنا قمنا بتقريب 175 refsources لتعلم HTML5. تضمين أدناه البرامج التعليمية والأطر والأمثلة والمزيد.
لا تتردد في مشاركة المزيد من الموارد عالية الجودة في التعليقات!
دروس أساسية
برنامج تعليمي أساسي للغاية من W3sbchools.com.
HTML5 للمبتدئين. استخدمها الآن ، إنها سهلة!
دليل تمهيدي من ماذا !؟ نحن نحب أن نتحدث عن.
28 HTML5 الميزات والنصائح والتقنيات التي يجب أن تعرفها
مجموعة من نصائح HTML5 المفيدة جدًا من Nettuts +.
فيديو تعليمي مدته 40 دقيقة من موظف Google براد نيوبيرغ.
نصيحة سريعة: HTML5 الميزات يجب أن تستخدم الآن
Screencast من Nettuts +.
نظرة عامة رائعة على مزايا HTML5 ، بالإضافة إلى بعض النصائح المفيدة جدًا.
التحضير لـ HTML5 باستخدام Class Class Names
مقال من جون تان على الطبقات الدلالية الجديدة في HTML5.
مقدمة HTML5 ، مع معلومات حول واجهات برمجة التطبيقات ، عناصر جديدة ، وأكثر من ذلك.
كل ما تحتاج إلى معرفته عن HTML5
مقدمة من TechRadar UK.
موقع تعليمي أساسي للغاية.
مقدمة للعلامات الهيكلية التي ستحل محل العديد من divs.
دليل مبتدئ مفيد جدا ل HTML5
دليل بسيط للتصميم الأمامي مع HTML5.
عرض شرائح ضخم حول HTML5 ، تم إنشاؤه بتنسيق HTML5.
مقدمة لعنصر الرأس من HTML5 Doctor.
من يوليو 2009 ، تغطي هذه المقالة أساسيات HTML5.
بنية شفرة CSS لـ HTML5: بعض الإرشادات المفيدة
بعض المبادئ التوجيهية المفيدة من Woork.
HTML5 Unleashed: Tips، Tricks، and Techniques
نظرة عامة تتضمن معلومات حول الترميز الدلالي والاستمارات والمزيد.
مواقع البناء في HTML5
برنامج تعليمي HTML5 أساسي يتضمن ملف قالب أساسي.
قم بتصميم Vibrant Professional Web Design باستخدام HTML5 / CSS3
اكتب رمزًا للصفحة المتوافقة مع الخلف ، مع HTML5 و CSS3
البرنامج التعليمي: دراسة حالة مع HTML5 و CSS3
المس المستقبل: أنشئ موقعًا أنيقًا باستخدام HTML5 و CSS3
ترميز قالب موقع صفحة واحدة CSS3 و HTML5
HTML5 و CSS3: التقنيات التي ستستخدمها قريبًا
Design & Code a Cool iPhone App Website in HTML5
بسيطة تخطيط موقع تعليمي باستخدام HTML5 و CSS3
باستخدام HTML5 لتحويل موضوع TwentyTen وورد
برنامج تعليمي للاستفادة من عناصر HTML5 أكثر من موضوع TwentyTen الافتراضي.
HTML5 و CSS3 في Dreamweaver CS5 - الجزء 1: بناء صفحة الويب
الأول في سلسلة متعددة الأجزاء حول التشفير في HTML5 و CSS3 في Dreamweaver ، من Adobe.
إنشاء مواقع ويب حديثة باستخدام HTML5 و CSS3
برنامج تعليمي وسيط من المطور IMB'sWorks.
من Webmonkey Wired
دروس قماشية
عرض HTML5 للعرض على w / Canvas & jQuery
كذاب الكرة مع HTML5 وجافا سكريبت
مقدمة شاملة للرسم باستخدام Canvas ، من Think Vitamin.
مقدمة متعمقة عن Canvas من Dev.Opera.
التفكير في HTML5 قماش سهولة الوصول
نظرة عامة على الاعتبارات الخاصة بجعل قماش الوصول إليها.
دليل شامل من ستة التنقيحات.
برنامج تعليمي من قماش من شبكة مطوري موزيلا يشتمل على أشكال الرسم ، واستخدام الصور ، وأكثر من ذلك بكثير. مناسبة للمبتدئين قماش.
دروس التخزين المحلية
بناء ملاحظات لاصقة ثابتة مع التخزين المحلي
برنامج تعليمي محلي للتخزين.
عرض المصدر التعليمي: ملاحظات لاصقة مع HTML5 و CSS3
تحتوي الملاحظات اللاصقة في هذا البرنامج التعليمي على تأثير رائع للرسوم المتحركة عند إغلاقها.
برنامج تعليمي آخر لاستخدام التخزين المحلي في تطبيقات HTML5.
HTML5 localStorage - الجزء الأول
الأول في البرنامج التعليمي المكون من أربعة أجزاء.
نصيحة سريعة: التعرف على HTML5 التخزين المحلي
فيديو تعليمي من Nettuts +.
webOS HTML5 تخزين قاعدة البيانات تعليمي
برنامج تعليمي لاستخدام وظيفة التخزين المحلي في HTML5 مع webOS في Palm.
دروس النموذج
لديك يوم ميداني مع نماذج HTML5
كيفية بناء نماذج HTML5 عبر المتصفح
تصميم مربعات البحث مع HTML5 و CSS3
بعض المعلومات المختصرة حول ما سيعنيه HTML5 لتصميم النموذج.
دروس الفيديو والوسائط المتعددة
بناء مشغل فيديو HTML5 مخصص مع CSS3 و jQuery
البرنامج التعليمي: كيفية إنشاء مشغل فيديو HTML5
تفجير فيديو HTML وتعيينها في الفضاء ثلاثي الأبعاد
البرنامج التعليمي: خدمة متصفح HTML5 عبر الفيديو (بما في ذلك جهاز iPad)
برنامج تعليمي شامل حول فيديو HTML5.
مقدمة لاستخدام عنصر الفيديو من HTML5 Doctor.
البرامج التعليمية التطبيق
يعلمك هذا البرنامج التعليمي كيفية إنشاء تطبيق HTML5 بلا اتصال لـ iPhone.
تطبيقات HTML5: التموضع مع تحديد الموقع الجغرافي
مقدمة لواجهات برمجة التطبيقات الجغرافية في HTML5.
إنشاء تطبيقات ويب للهاتف المحمول مع HTML5 ، الجزء 1
من developerWorks IBM ، وهو الأول في سلسلة من خمسة أجزاء من عام 2010.
قم بإنشاء تطبيقات الويب دون اتصال على الأجهزة المحمولة باستخدام HTML5
دليل آخر من IBMWorks.
نظرة عامة من Nettuts + ، مع الأفكار العملية.
المزيد من البرامج التعليمية
كيفية إنشاء شريط منبثق لطيف مع HTML5 ، CSS3 ، و jQuery
برنامج تعليمي عملي من SpyreStudios.
كيفية جعل جميع المتصفحات تجعل HTML5 وضع علامة بشكل صحيح - حتى IE6
من Nettuts +.
HTML5 و CSS3 بدون الشعور بالذنب
أدوات وتقنيات لجعل HTML5 و CSS3 أكثر متوافقًا مع المتصفحات.
برنامج Nettuts + Premium التعليمي.
بلدي أعلى 5 HTML الترميز تفضيلات
مع التعليل وراء التفضيلات ، وبعض المعلومات العظيمة كيف.
HTML5 Microdata: مرحبًا بك في الجهاز
نظرة عامة على مواصفات microdata.
الجمع بين تقنيات CSS3 و HTML5 الحديثة
برنامج Nettuts + Premium التعليمي.
بعض التوضيحات حول مدى ملاءمة استخدام عنصر التنقل من جيفري زيلدمان.
HTML5 غش ورقة والمراجع السريعة
مخطط مفيد للغاية يتضمن توافق المستعرض لكل من HTML5 و CSS3.
رسم توضيحي تفاعلي يعطي توافقًا بين عناصر HTML5 المختلفة لكل متصفح رئيسي.
دليل مرجع جيب قابلة للطي.
WTF هو HTML5 ولماذا يجب علينا جميعا العناية
رسم بياني يوضح ما هو HTML5 وما هو قادر على القيام به.
مخطط من مدارس W3C.
من HTML5 الطبيب.
إشارة W3C الرسمية.
من W3C.
مجموعة مختارة من الميزات المدعومة في HTML5
مخطط يغطي المتصفحات التي تغطي الميزات.
تحقق من توافق عناصر HTML5 المختلفة في مجموعة متنوعة من المتصفحات.
مقارنة بين دعم HTML5 مقابل HTML4 لعدد من محركات تنسيق المستعرض ، من Wikipedia.
HTML5 معرف / فئة اسم Cheatsheet
دليل إلى العناصر الهيكلية لـ HTML5.
اختبار متصفحك الحالي لدعم HTML5 ، ويعرض علامات المتصفحات الأخرى.
مخطط يغطي التنقيحات للمعيار.
موقع مفيد يُظهر ما يفعله متصفحك خلف الكواليس مع بعض عناصر HTML5.
مواقع مخصصة لـ HTML5
يتضمن الموقع شعار HTML5 الرسمي ، بالإضافة إلى معرض وصلات البضائع.
يحتوي HTML5 Tutorial على مجموعة متنوعة من برامج HTML5 التعليمية والأخبار.
مجموعة من قوالب HTML5 الأساسية المجانية.
يتضمن برامج تعليمية وموارد وملعبًا للتجريب باستخدام HTML5.
يتضمن سؤال وجواب ، ومقالات ، وأكثر من ذلك.
موقع مليء بالدروس الخصوصية على قماش وعرض.
مدونة المجموعة التي تعمل على معيار HTML5.
موقع HTML5 اخباري وتعليمي.
موقع مخصص لتدريس تطوير تطبيقات ويب الجوال HTML5.
إطار أعمال
إطار HTML5 افتراضي افتراضي.
الإطار الأقل 4 عبارة عن إطار CSS3 وإصدار HTML5 مع خيارات للشبكات المحمولة والأجهزة اللوحية وشبكات سطح المكتب.
إطار يجمع بين HTML5 و CSS3 وجافا سكريبت.
إطار عمل لتطبيق HTML5.
HTML3 و CSS3 وورد في بداية الموضوع.
إطار لعبة HTML5.
شبكة CSS تحتوي على أنماط لبعض عناصر HTML5.
إطار ebook for iPad مبني على HTML5.
مكتبة HTML5 JavaScript للفيديو.
مكتبة جافا سكريبت مستندة إلى HTML5 لتطبيقات الويب للجوال.
HTML5 إطار الوسائط المتعددة لورد
إطار عمل HTML5 للوسائط المتعددة في مكون WordPress الإضافي.
مظهر HTML5 للبدء في WordPress.
مولد إطار HTML5.
إطار تطبيق HTML5 للجوال.
الدليل الرسمي لـ HTML5 Boilerplate
Screencast من Nettuts +
المعارض
معرض تصميم الويب HTML5.
معرض لمواقع HTML5 الاستثنائية من جميع أنحاء العالم.
معرض آخر لتصميمات مواقع HTML5.
عرض آخر لمواقع HTML5 الرائعة.
عرض تصميم الويب HTML5.
HTML5 Showcase: 48 العروض التوضيحية المحتملة لفلاش فلاش
من HongKiat.
مجموعة مواقع مبنية على HTML5.
عرض للتطبيقات والألعاب والأدوات والبرامج التعليمية لـ HTML5 Canvas.
12 جميلة HTML5 تصميم مواقع الويب
عرض 12 موقع HTML5.
يتسلل إلى المستقبل: 25 مواقع حديثة جداً باستخدام HTML5
عرض يضم 25 تصميمًا مستندة إلى HTML5.
30 مواقع رائعة تستخدم HTML5 في تخطيطها الأساسي
عرض آخر من المواقع القائمة على HTML5.
العروض التوضيحية والأمثلة
مجموعة من الأمثلة على ما يمكنك فعله باستخدام HTML5 ، مع مخطط سهل الاستخدام لتوافق المتصفح.
رائع جدا HTML5 قماش الرسوم المتحركة.
سلسلة من تجارب العناصر والتخطيط والعروض التوضيحية.
مشغل فيديو HTML5.
مشغل فيديو HTML5 مجاني.
10 HTML5 التوضيحات لتجعلك تنسى عن الفلاش
مشغل فيديو HTML5 آخر.
تعمل على عمل علامات الفيديو والصوت في جميع المتصفحات الرئيسية.
مكتبة جافا سكريبت تجعل عناصر HTML5 و CSS3 متوافقة مع المتصفحات القديمة.
كتب
بقلم جيريمي كيث ، نشره أي بوك أبارت.
HTML5: تصميم تطبيقات الإنترنت الغنية
من جانب ماثيو ديفيد.
بواسطة أليكس غولدستين ، لويس لازاريس ، وإستيل وييل
The Essential Guide to HTML5: Using Games to Learn HTML5 and JavaScript
بقلم جانين ماير.
HTML5 و CSS3: تطوير مع معايير الغد اليوم
بقلم بريان ب. هوجان.
HTML5 Canvas: Interactivity and Animation for the Web
من جانب ستيف فولتون وجيف فولتون ، التي نشرتها O'Reilly.
أنماط تصميم HTML5 و CSS3 الموالية
بقلم مايكل باورز. الخروج في سبتمبر 2011 ، ولكنها متاحة كجزء من برنامج ألفا Apress.
Pro HTML5 Programming: APIs قوية لتطوير تطبيقات الإنترنت أكثر ثراء
بيتر لوبرز ، بريان ألبرز ، وفرانك سالم.
حلول HTML5: التقنيات الأساسية لمطوري HTML5
بقلم ماركو كاساريو ، وبيتر إلست ، وتشارلز براون ، وناتالي فورمسير ، وسيريل هانكيز.
مؤسسة HTML5 Canvas: للألعاب والترفيه
بواسطة روب هوكس.
مؤسسة HTML5 الرسوم المتحركة مع جافا سكريبت
من جانب كيث بيترز وبيلي لامبيرتا.
بقلم سيلفيا فايفر.
بقلم جوزيف و. لوري ومارك فليتشر.
مقدمة إلكترونية كاملة عن HTML5 ، من مارك بيلجريم.
بروس لوسون وريمي شارب.
بيل ساندرز.
مزيد من الموارد والمقالات
كيف تتفاعل مآخذ الويب HTML5 مع الخوادم الوكيلة
من A List Apart ، تم نشره في ديسمبر 2007.