تعلم اللغة الأنجليزية

لا غنى عن تعلم اللغة الإنجليزية للمبرمجين! تعلم الإنجليزية بثقة وبدعم من مدرسين خصوصيين على CAMBLY جرب درسًا مجانيًا لمدة 10 دقائق عند التسجيل من خلال الزر بالاسفل

اعمال لا تصدق على CodePen #استلهام

 

ليس للابداع نهاية ولا حدود وهذا هو من اكبر مميزات هذا المجال . فمع هذه الامثلة المبنية على HTML , CSS , Javascript سترى بنفسك كم الاحترافية فى هذه الاعمال المميزة لتتعلم منها فاليك اعمال لا تصدق على CodePen والتقنيات المبنى عليها هذه الاعمال الرائعة .

اعمال لا تصدق على CodePen 

 

Draw Worm

هذا العمل الرائع قائم على تقنية Canvas وهى تقنية فى HTML5 وعن طريق تتبع الموس يقوم برسم فروع جديدة فى اللوحة الاصلية .

 

See the Pen Draw worm by Tim Holman (@tholman) on CodePen.0

 

 
عمل اخر قائم على Canvas فالوان الاشعة تتبع الموس ويمكنك رؤية لون رمادي خلف الوان الاشعة وكأن الاشعة تترك اثر لها !  
 

See the Pen Trail by Hakim El Hattab (@hakimel) on CodePen.0

 
 
هذا العمل المميز قائم فقط على Css ولا يحتوي Javascript ويستخدم Css Animations والاشكال لعمل تأثير الفقاعات تحت الماء 
 

See the Pen Nothing is beyond you. by ericanton (@EricAnton) on CodePen.0

 
 
هذا العمل يقوم برسم شعار لجوجل كروم عن طريق Gradients وتحريكه عن الوقوف عليه بعمل دوران له وكذلك انكماش والعمل قائم بالكامل على CSS3 .
 

See the Pen Single Element Google Chrome Logo by Mike King (@micjamking) on CodePen.0

 
 
هذا العمل المميز يقوم على عمل Animation لشكل من النوع SVG .
 

See the Pen SVG Line Loader (success) by Chris Gannon (@chrisgannon) on CodePen.0

 
 
من الاعمال الابداعية فعلًا تبين لك اللمسة الفنية لمصممها .
 

See the Pen Rainbow Grid by Jack Rugile (@jackrugile) on CodePen.0

 

وفى النهاية فان افضل موقع للتعلم هو موقع Codepen فادعوك للاستفادة منه و من هذه الاعمال الرائعة . ان اعجبتك المشاركة لا تنسى مشاركتها مع اصدقائك ومشاركتنا فى التعليقات .

اشترك فى القائمة البريدية

شارك على وسائل التواصل

فكرتين عن“اعمال لا تصدق على CodePen #استلهام”

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

4 × 5 =