هل تتعامل مع لغة HTML أو الوسومات الخاصة بتصميم صفحات الويب؟ هل تبحث عن موقع يساعدك في فهم آلية العمل لهذه الصفحات المصممة من قبل مصممين محترفين! إذا إليك موقع CodePen (هذا رابطه: https://codepen.io/ )
وتستطيع الاستفادة من هذا الموقع في تعلم خطواتك الأولى في مجال تصميم صفحات الويب وفي الاستفادة من خبرات المصممين المحترفين وفهم كيفية الوصول لتصاميم عالية المستوى.
فالقسم الأول ضمن موقع CodePen هو Pens والذي يحتوي على تصاميم قام غيرك من المصممين برفعها على الموقع لتستكشفها أنت.
وفي حال قمت بالضغط على أحد هذه التصاميم سوف تظهر لك صفحة مشابهة لما يلي:
أي سوف يظهر لك التصميم بالإضافة لثلاث نوافذ تظهر فيها لغة HTML و CSS و JavaScript.
وتستطيع التعديل على أي من هذه الأكواد وملاحظة التأثير المباشر على الصفحة وذلك في النافذة المبينة في أسفل الصورة.
كما ويمكنك الاطلاع على بعض المشاريع ضمن خيار CodePen Projects وهي مشاريع تمت كتابتها باستخدام هذا الموقع.
