المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : Html5



محمد الصمادي
19-06-2011, 06:32 AM
HTML5
ثورة في عالم الويب

http://techjungle.info/wp-content/uploads/2011/01/html5_logo.png


مع التسارع والتطور الهائل في عالم الإنترنت في الآونة الأخيرة لا يمكننا أن نتغاضى عن أحد أكبر وأهم التقنيات التي أحدثت نقلة هائلة في مجال تصميم المواقع الإلكترونية، حيث باتت هذا اللغة HTML5 أحد أهم الإنجازات في عام 2010، فبعد غياب النقلات النوعية في لغة الـHTML حيث كان آخر إصدار لها عام 1997 وهو HTML4 انتقل التطور الجرافيكي في عالم الإنترنت نقلة نوعية وازدادت أدوات التصميم في هذا المجال.
لكن ما المميز في هذه اللغة وما السبب الذي جعلها نقلة نوعية في عالم الإنترنت؟


لن أطيل عليكم ولن أتعمق في ماهية هذه اللغة، سوف أعرض عليكم بعض الأمثلة المبهرة التي تظهر روعة هذه اللغة:




Guess what cup

http://www.ibda3world.com/wp-content/uploads/2011/05/Guess-what-cup.jpg (http://www.ibda3world.com/wp-content/uploads/2011/05/Guess-what-cup.jpg)


لعبة جميلة لطالما استمتعنا بها ولعبناها مراراً وتكراراً

: اضغط هنا (http://guesswhat.appjira.com/):



Sketch

http://www.ibda3world.com/wp-content/uploads/2011/05/sketch2.jpg (http://www.ibda3world.com/wp-content/uploads/2011/05/sketch2.jpg)

مثال آخر على ما يمكن أن نفعله باستخدام هذا اللغة، فيمكنك في هذا الموقع أن تقوم بالرسم الحر وإظهار مواهبك فيه بطريقة مسلية جداً، وفي الوقت ذاته هناك ميزة فريدة في هذا الرسام حيث بإمكانك الرسم في مساحة ثلاثيه الأبعاد فتقوم بتدوير مساحة الرسم وتضيف الطابع الثلاثي الأبعاد على عملك!!
والأمر بسيط جداً فما عليك إلا أن تقوم بالضغط على زر الماوس الأيسر مع استمرار الضغط على مفتاح الـ(space) من لوحة المفاتيح وتدوير الماوس.
لزيارة الموقع

: اضغط هنا (http://hakim.se/experiments/html5/sketch/#):


يمكنك أيضاً أن تقوم بحفظ عملك وعرضه على أصدقائك، كما بإمكانك أن ترى بعض الأعمال الاحترافية التي قام بها بعض الزوار

: اضغط هنا : (http://hakim.se/experiments/html5/sketch/gallery/)





9.5



http://www.ibda3world.com/wp-content/uploads/2011/05/nine-Point-5.jpg (http://www.ibda3world.com/wp-content/uploads/2011/05/nine-Point-5.jpg)
9.5 هو موقع يمكنك عن طريقه استعراض بعض المعلومات عن الهزات الأرضية في الـ30 سنة الماضية حتى الآن بطريقة تفاعلية مميزة .

:اضغط هنا (http://www.ninepointfive.org/):


CubeScape



http://www.ibda3world.com/wp-content/uploads/2011/05/ibda3.jpg (http://www.ibda3world.com/wp-content/uploads/2011/05/ibda3.jpg)


طريقة شيقة يمكنك أن تقضي فيها وقت فراغك وتستمع في إنشاء مجسم من المكعبات بألوان مختلفة وبطريقة جميلة، حيث يمكنك أن تقوم بتخزين عملك أيضاً وتشاركه مع أصدقائك .. جرب بنفسك

: اضغط هنا (http://www.themaninblue.com/experiment/Cubescape/new.php):





Bomomo



http://www.ibda3world.com/wp-content/uploads/2011/05/draw.jpg (http://www.ibda3world.com/wp-content/uploads/2011/05/draw.jpg)


من الصورة يمكن أن تستدل على فكرة بسيطة لما يمكنك أن تفعله عن طريق هذا الموقع، فالفكرة هي عبارة عن دوائر بسيطة تتحرك إما بعشوائية أو تبعاً للماوس، وهناك 20 أداة أو طريقة للرسم فكيف يمكنك أن تستخدمها بطريقة إبداعية لتنجز لوحة فنية رائعة؟
جرب بنفسك وتذكر أنه بإمكانك تخزين الرسم على جهازك في حال أعجبك وأردت أن تحتفظ به لنفسك !
لزيارة الموقع

: اضغط هنا (http://bomomo.com/):

ليست هذه سوى أمثلة بسيطة عن إمكانيات الـ HTML5 فما بين ثنائي الأبعاد والثلاثي، وما بين الصوت والصورة ما زال هناك الكثير من المفاجئات التي يمكن نراها من هذه اللغة .
لمن أعجب بما يمكن أن تفعله هذه اللغة ويحب أن يتعمق فيها ويتعلم عنها أكثر فأكثر، فهنالك هذا الموقع الرائع الذي من خلاله يمكنك أن تتعلم اساسيات الـ HTML5


: اضغط هنا (http://joshduck.com/periodic-table.html):

ghamdan
19-06-2011, 08:48 AM
يسلموا متميز دائنا اخ ابو اشرف

abu firas
19-06-2011, 09:34 AM
مشكور موضوع رائع ومرتب

ALTAYEB
20-06-2011, 10:37 PM
مشكور يا غالي ويعطيك العافية

HLSFEE
04-09-2011, 11:51 PM
http://www.ibtesama.com/vb/imgcache2/110070.gif