Development & Coding

CodePen

CodePen هي بيئة تطوير اجتماعية عبر الإنترنت تمكن مصممي ومطوري الواجهة الأمامية من بناء واختبار وعرض مقتطفات التعليمات البرمجية في محرر تعاوني قائم على الويب.

فتح الموقع →
Screenshot of CodePen
عن هذا الموقع
يعمل CodePen كمحرر تعليمات برمجية سحابي متعدد الاستخدامات مصمم خصيصًا لتطوير وتجربة الويب للواجهة الأمامية. يوفر واجهة بديهية قائمة على المتصفح حيث يمكن للمستخدمين كتابة HTML وCSS وJavaScript ورؤية نتائجهم معروضة فورًا في نافذة معاينة حية. تدعم المنصة مجموعة واسعة من الأدوات الحديثة، بما في ذلك المعالجات المسبقة الشائعة مثل Sass وTypeScript، بالإضافة إلى المكتبات الخارجية، مما يجعلها بيئة مثالية لتصحيح الأخطاء في التعليمات البرمجية، واختبار الميزات الجديدة، أو بناء مكونات معزولة دون الحاجة إلى إعداد محلي. بالإضافة إلى قدراته التقنية، يعمل CodePen كشبكة اجتماعية نابضة بالحياة حيث يمكن للمطورين مشاركة مشاريعهم لإلهام الآخرين وتلقي ملاحظات بناءة من مجتمع عالمي. يمكن للمستخدمين استكشاف مكتبة واسعة من الأعمال الإبداعية، ونسخ التعليمات البرمجية الموجودة لمعرفة كيفية عملها، والمشاركة في تحديات البرمجة لصقل مهاراتهم. هذا المزيج من أداة تطوير قوية ومجتمع تعاوني يجعل CodePen موردًا أساسيًا لكل من المبتدئين الذين يتعلمون الأساسيات والمهنيين الذين يتطلعون إلى عرض محافظهم الإبداعية.
← العودة إلى الكتالوج
مواقع مشابهة بالوسوم
Development & Coding
IT - Tools
IT - Tools هي مجموعة شاملة ومجانية ومفتوحة المصدر تضم أكثر من 80 أداة مساعدة عبر الإنترنت مصممة لتبسيط المهام اليومية للمطورين ومحترفي تكنولوجيا المعلومات.
Development & Coding
Open Moonray
Open Moonray هو محرك عرض مفتوح المصدر وعالي الأداء، مصمم لإنشاء صور واقعية للغاية في الرسوم المتحركة الاحترافية والمؤثرات البصرية.
Music & Audio
MuseScore
ميوزسكور هو برنامج مجاني ومفتوح المصدر لتدوين الموسيقى، يمكّن المستخدمين من إنشاء وتشغيل وطباعة نوتات موسيقية بجودة احترافية.
Learning & Education
C++ Best Practices
يقدم هذا الدليل الشامل مجموعة منسقة من معايير ترميز C++ وأفضل الممارسات المصممة لتحسين جودة البرمجيات وقابليتها للصيانة وقابليتها للقراءة.
Development & Coding
Pencil 2D Animation
Pencil 2D Animation هو برنامج مجاني ومفتوح المصدر مصمم لإنشاء رسوم متحركة تقليدية مرسومة يدويًا من خلال مزيج سلس من أدوات الرسم النقطي والمتجه.
Development & Coding
ANDI - Accessibility Tool
ANDI هي أداة إشارة مرجعية خفيفة الوزن للمتصفح تمكن المطورين والمختبرين من فحص صفحات الويب للتأكد من امتثالها لإمكانية الوصول وتوافقها مع قارئات الشاشة.
Media & Streaming
Ato Animation
Ato Animation هي أداة تصميم قائمة على الويب تمكن المبدعين من بناء وتجهيز وتصدير رسوم متحركة ثنائية الأبعاد احترافية مباشرة داخل متصفحهم.
Development & Coding
Favicon Video
Favicon Video هي أداة متخصصة للمطورين تمكن المستخدمين من تحويل رسوم GIF المتحركة إلى أيقونات مفضلة (favicons) ديناميكية ومتحركة لمتصفحات الويب الحديثة.
Design & Creative
Pixel Composer
Pixel Composer هو محرر مؤثرات بصرية قائم على العقد مصمم لفن البكسل، ويوفر سير عمل غير تدميري لإنشاء الرسومات ومعالجتها.
Utilities & Tools
Krita
كريتا هو تطبيق رسم رقمي احترافي ومفتوح المصدر، مصمم للرسامين وفناني المفاهيم ومصممي القصص المصورة الذين يبحثون عن مجموعة أدوات إبداعية قوية ومجانية.