الإعلانات
القادمة HTML5 10 مواقع لمعرفة كل ما يتعلق HTML5 اقرأ أكثر يعد التحديث إلى لغة HyperText Markup Language التي تبلغ من العمر 20 عامًا بجلب تجربة "الويب" إلى مستوى جديد تمامًا ، مما يسمح للمتصفح بالقيام بالمزيد من المنظور المرئي ومنظور البيانات. على الرغم من أن HTML5 لا يزال على مسافة جيدة من النشر بالكامل ، إلا أن ذلك لم يمنع العديد من المطورين من دفعه إلى أقصى الحدود.
تحقق من هذه المواقع المدهشة التي تمنحك فكرة جيدة عن إمكانات HTML5 كـ لغة البرمجة ، القيام بأشياء في متصفح الويب الخاص بك والتي كانت ممكنة فقط في برنامج خارجي أو توصيل في. لقد اختبرتهم في Chrome ويجب أن يعملوا جميعًا في متصفح متوافق مع HTML5 مثل Chrome أو Firefox 4 أو Safari أو IE9. إنها عروض تجريبية ولا يزال HTML5 قيد العمل ، لذلك إذا كنت تواجه مشكلات في عرضها ، فقد ترغب في تجربتها في متصفح آخر. استمتع!
هذا عرض توضيحي رائع تم إجراؤه بواسطة Arcade Fire و Google والذي يتميز بحيل HTML5 Canvas المختلفة. لا أريد أن أفسد المفاجأة من أجلك - أدخل عنوان طفولتك واستمتع بالفيديو والمعالجات التقنية.
WebVenture هو تطبيق HTML5 و Javascript لمنصة الألعاب MacVenture. يمكنك الآن لعب Deja Vu 1 & 2 و Shadowgate و Uninvited مباشرة في متصفحك! تطبيقات اللعبة الأخرى مثل
ولفنشتاين 3D تعمل على جلب الألعاب إلى متصفحك.
يعرض هذا الموقع من Google طريقة "كتاب" على غرار وصف كيفية عمل متصفحات الويب وعدد التقنيات الأساسية التي تعمل. مثير للإعجاب من الناحية الفنية ، وهو أيضًا دليل جيد للقراء الذين يرغبون في معرفة المزيد عن كيفية عمل الويب.
رسم تعاوني
يستخدم هذا العرض التوضيحي مقابس الويب HTML5 ميزة تسمح للمشاهدين بالرسم بشكل تعاوني - في نفس الوقت - على اللوحة.
SketchPad هو برنامج "طلاء" للويب. وهو يدعم أدوات الرسم البدائية ويتم فقط في HTML5 وجافا سكريبت.
Galactic Plunder هو مطلق النار 2D Space المطبق في HTML5. ليست تمامًا مثل الميزات المملوءة مثل مطلق النار الجانبي العادي ، فهي تتم بالكامل في HTML5 وهو أمر مثير للإعجاب في حد ذاته.
يسمح لك HTML5 باستخدام الفيديو على الويب كثيرًا. بالإضافة إلى السماح لك بتشغيله بدون متصفح الويب الخاص بك ، بدون أي مكون إضافي ، فإنه يسمح لك بمعالجة هذا الفيديو. يوضح هذا العرض التوضيحي كيف يمكنك "تفجير" وحدات بكسل الفيديو أثناء التشغيل.
كرة نافذة متعددة
هذا يوضح ويتضح التأثير أيضًا في فيديو Arcade Fire. يسمح لك HTML5 بفتح نوافذ متعددة وتحريك الكائنات بينها.
HTML5 Rocks هو عرض شرائح يوضح العديد من الميزات الخاصة للغة HTML5. إذا كنت مطورًا ، فإنه يمنحك عينة من التعليمات البرمجية ويتيح لك رؤية إمكانيات HTML5.
إذا كنت لاعبًا في أوائل التسعينات ، فستتذكر هذا التأثير باعتزاز. نظرًا لأن القدرة الحسابية كانت محدودة ، فقد استخدم مصممو الجرافيك "الحيل" لمحاكاة الفيديو في صورة ثابتة. سيوضح لك تأثير قماش الرسم كيف تم ذلك ويتضمن أيضًا العديد من الأمثلة الجميلة أيضًا.
تجارب HTML5 من Hakim.se [لم يعد متاحًا]
يسرد هذا الموقع العديد من العروض التوضيحية للألعاب وغيرها من الأدوات الصغيرة الرائعة لإظهار ما يمكنك القيام به باستخدام HTML5. جيد للإلهام وربما القليل من وقت التحويل.
Harmony هو برنامج رسم صغير أنيق يتيح لك استخدام فرش رائعة لرسم صورة. يمكنك إنشاء أشياء مثل "الفراء" و "الويب" والتي تكون رائعة في رؤيتها أثناء الإنشاء.
هذا المزيج الأنيق من @ 9elements حفر الموسيقى والنقاط الدورية مع مشاركات تويتر حول HTML5. يصعب وصفه في الممارسة العملية ، يجب أن ينظر إليه على أنه يفهم!
Radiohead / HTML5 Mashup
مزج أنيق آخر يحفر راديوهيد أحمق مع رسم لثوم يورك يتم رسمه مع تقدم الأغنية. تأثير آخر "يُعتقد أنه يعتقد".
هل تريد المزيد؟
تم إعداد هذين الموقعين لإعطاء المشاهدات مجموعة متنوعة من العروض التوضيحية لـ HTML5 وتأثيرات HTML5 Canvas. تتراوح من الدنيوية إلى "بارد" ، إذا كنت عطشان لأكثر من هذه هي الأماكن للذهاب.
هناك العديد من العروض التوضيحية لـ HTML5 الموجودة على الإنترنت الآن - وهي في طريقها لتصبح المعيار الجديد للويب. هل لديك عروض توضيحية رائعة تود مشاركتها؟ يرجى النشر في التعليقات أدناه!
يعمل Dra Drager في XDA Developers في ضواحي فيلادلفيا ، بنسلفانيا.