ليس للابداع نهاية ولا حدود وهذا هو من اكبر مميزات هذا المجال . فمع هذه الامثلة المبنية على HTML , CSS , Javascript سترى بنفسك كم الاحترافية فى هذه الاعمال المميزة لتتعلم منها فاليك اعمال لا تصدق على CodePen والتقنيات المبنى عليها هذه الاعمال الرائعة .
اعمال لا تصدق على CodePen
هذا العمل الرائع قائم على تقنية Canvas وهى تقنية فى HTML5 وعن طريق تتبع الموس يقوم برسم فروع جديدة فى اللوحة الاصلية .
عمل اخر قائم على Canvas فالوان الاشعة تتبع الموس ويمكنك رؤية لون رمادي خلف الوان الاشعة وكأن الاشعة تترك اثر لها !
هذا العمل المميز قائم فقط على 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 فادعوك للاستفادة منه و من هذه الاعمال الرائعة . ان اعجبتك المشاركة لا تنسى مشاركتها مع اصدقائك ومشاركتنا فى التعليقات .
good keep going bro
thanks for sharing , bro 🙂