أدوات التسويقوسائل التواصل الاجتماعي والتسويق المؤثر

CodePen: إنشاء واختبار ومشاركة واكتشاف HTML و CSS وجافا سكريبت

أحد التحديات التي تواجه نظام إدارة المحتوى هو اختبار وإنتاج الأدوات المكتوبة. على الرغم من أن هذا ليس مطلبًا لمعظم الناشرين، إلا أنني، باعتباري منشورًا تقنيًا، أحب مشاركة النصوص البرمجية العاملة أحيانًا لمساعدة الآخرين. لقد شاركت كيفية استخدام JavaScript للتحقق من قوة كلمة المرور، وكيفية التحقق من بناء جملة عنوان البريد الإلكتروني باستخدام التعبيرات العادية (Regex)، وقمت مؤخرًا بإضافة هذه الآلة الحاسبة للتنبؤ بتأثير المبيعات للمراجعات عبر الإنترنت. أتمنى أن أضيف العشرات من الأدوات على الموقع ولكن WordPress لا يساعد على النشر بهذه الطريقة... فهو نظام محتوى، وليس نظام تطوير.

لذا، لكي أجعل نصوصي الصغيرة تعمل، أستمتع باستخدام CodePen. CodePen هي أداة منظمة بشكل أنيق مع لوحة HTML، ولوحة CSS، ولوحة JavaScript، ووحدة التحكم، ونشر التعليمات البرمجية الناتجة. تحتوي كل لوحة على معلومات عند تمرير الماوس فوق العناصر حتى تتمكن من فهم ما هو ممكن، بالإضافة إلى الترميز اللوني لـ HTML وCSS وJS لمساعدتك على التحرير والكتابة بسهولة أكبر.

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

حول CodePen

باستخدام CodePen، يمكنني القيام بكل العمل اللازم نشر الآلة الحاسبة أنا جزءا لا يتجزأ من الموقع. معظم الإبداعات على CodePen عامة ومفتوحة المصدر. إنها أشياء حية يمكن للأشخاص الآخرين والمجتمع التفاعل معها، من قلب بسيط، إلى ترك تعليق، إلى التشعب والتغيير لاحتياجاتهم الخاصة.

CodePen - آلة حاسبة للتنبؤ بتأثير المبيعات للمراجعات عبر الإنترنت

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

يمكنك تنظيم نصوص العمل الخاصة بك في أقلام، أو دمجها في مشاريع (محرر متعدد الملفات)، أو حتى إنشاء مجموعات. إنه موقع محفظة عمل للكود الأمامي حيث يمكنك متابعة مؤلفين آخرين، وتقسيم المشاريع المشتركة الأخرى بشكل عام إلى مشاريعك الخاصة لتعديلها، وحتى تعلم كيفية القيام ببعض الأشياء الممتعة من خلال التحديات.

يمكنك حفظه كملف GitHub Gist، وتصديره في ملف الرمز البريدي الملف، وحتى تضمين القلم في مقال مثل هذا:

انظر القلم تأثير المبيعات المتوقع للمراجعات عبر الإنترنت by Douglas Karr (تضمين التغريدة) على CodePen.

أحد القيود المفروضة على محرر القلم هو الحجم الهائل من التعليمات البرمجية. قد لا تواجه هذه المشكلة أبدًا، حيث يجب أن يكون المحرر جيدًا في التعامل مع مئات أو آلاف الأسطر من التعليمات البرمجية. ولكن عندما يبدأون في الوصول إلى 5,000 - 10,000 أو أكثر من سطر التعليمات البرمجية، سترى أن المحرر يبدأ بالفشل. ومع ذلك، يمكنك إضافة مراجع خارجية إلى أوراق الأنماط أو جافا سكريبت المستضافة في مكان آخر!

أنا أشجعك على التسجيل. سيتم الاشتراك في بريدهم الإلكتروني الأسبوعي ويمكنك إضافة الخلاصة إلى خلاصة RSS الخاصة بك لرؤية الأقلام المنشورة حديثًا. وإذا بدأت البحث أو تصفح الأقلام العامة هناك، فستجد بعض المشاريع المذهلة...المستخدمون موهوبون للغاية!

تابعني: Douglas Karr على Codepen

يقدم الإصدار المدفوع، CodePen Pro، عددًا كبيرًا من الميزات الإضافية لتحسين الوظائف أو الفرق - بما في ذلك التعاون والعمليات واستضافة الأصول وطرق العرض الخاصة وحتى المشاريع المنشورة مع نطاقك أو نطاقك الفرعي. وبالطبع، يوفر CodePen مستودعًا رائعًا مع تكامل Github حيث يمكن لفريقك بأكمله العمل. إذا كنت تريد اختبار بعض التعليمات البرمجية البسيطة كما أفعل، فإن CodePen أداة لا تقدر بثمن.

Douglas Karr

Douglas Karr هو CMO من أوبن إنسايتس ومؤسس Martech Zone. ساعد دوغلاس العشرات من الشركات الناشئة الناجحة في MarTech، وساعد في العناية الواجبة بأكثر من 5 مليارات دولار في عمليات الاستحواذ والاستثمارات في Martech، ويستمر في مساعدة الشركات في تنفيذ وأتمتة استراتيجيات المبيعات والتسويق الخاصة بها. دوغلاس هو أحد خبراء التحول الرقمي المعترف بهم عالميًا وخبير ومتحدث في MarTech. دوغلاس هو أيضًا مؤلف منشور لدليل Dummie وكتاب عن قيادة الأعمال.
العودة إلى الزر العلوي
اغلاق

كشف Adblock

Martech Zone قادر على تزويدك بهذا المحتوى دون أي تكلفة لأننا نستثمر موقعنا من خلال عائدات الإعلانات ، والروابط التابعة ، والرعاية. سنكون ممتنين إذا قمت بإزالة مانع الإعلانات الخاص بك أثناء عرض موقعنا.