Development & Coding

CodePen

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

فتح الموقع →
Screenshot of CodePen
عن هذا الموقع
يعمل CodePen كمحرر تعليمات برمجية سحابي متعدد الاستخدامات مصمم خصيصًا لتطوير وتجربة الويب للواجهة الأمامية. يوفر واجهة بديهية قائمة على المتصفح حيث يمكن للمستخدمين كتابة HTML وCSS وJavaScript ورؤية نتائجهم معروضة فورًا في نافذة معاينة حية. تدعم المنصة مجموعة واسعة من الأدوات الحديثة، بما في ذلك المعالجات المسبقة الشائعة مثل Sass وTypeScript، بالإضافة إلى المكتبات الخارجية، مما يجعلها بيئة مثالية لتصحيح الأخطاء في التعليمات البرمجية، واختبار الميزات الجديدة، أو بناء مكونات معزولة دون الحاجة إلى إعداد محلي. بالإضافة إلى قدراته التقنية، يعمل CodePen كشبكة اجتماعية نابضة بالحياة حيث يمكن للمطورين مشاركة مشاريعهم لإلهام الآخرين وتلقي ملاحظات بناءة من مجتمع عالمي. يمكن للمستخدمين استكشاف مكتبة واسعة من الأعمال الإبداعية، ونسخ التعليمات البرمجية الموجودة لمعرفة كيفية عملها، والمشاركة في تحديات البرمجة لصقل مهاراتهم. هذا المزيج من أداة تطوير قوية ومجتمع تعاوني يجعل CodePen موردًا أساسيًا لكل من المبتدئين الذين يتعلمون الأساسيات والمهنيين الذين يتطلعون إلى عرض محافظهم الإبداعية.
← العودة إلى الكتالوج
مواقع مشابهة بالوسوم
Development & Coding
Hastebin
يوفر Hastebin منصة نظيفة ومفتوحة المصدر للمطورين لمشاركة مقتطفات التعليمات البرمجية والنصوص بسرعة مع تمييز تلقائي لبناء الجملة.
Development & Coding
Easing Wizard
Easing Wizard هي أداة مجانية عبر الإنترنت لتصميم ومعاينة دوال التخفيف المخصصة لـ CSS، بما في ذلك منحنيات بيزيه، الزنبرك، الارتداد، والتجاوز.
Development & Coding
KiCAD
KiCad هو مجموعة برامج مجانية ومفتوحة المصدر لأتمتة التصميم الإلكتروني تمكن المستخدمين من إنشاء مخططات دوائر احترافية وتخطيطات لوحات الدوائر المطبوعة.
Development & Coding
Aseprite
Aseprite هو برنامج متخصص في فن البكسل والرسوم المتحركة يوفر للمبدعين مجموعة شاملة من الأدوات لتصميم الرسوم المتحركة (sprites) ومجموعات البلاط (tilesets) والرسوم المتحركة إطارًا بإطار.
Development & Coding
Modyfi
Modyfi هي منصة تصميم تعتمد على الذكاء الاصطناعي، تدمج أدوات المتجهات والراستر والتوليد في بيئة إبداعية سلسة قائمة على الويب.
Development & Coding
Checklist Design
يوفر Checklist Design مجموعة شاملة من قوائم التحقق المنسقة لواجهة المستخدم وتجربة المستخدم لمساعدة المصممين والمطورين على ضمان التزام عملهم بأفضل ممارسات الصناعة ومعايير الجودة.
Design & Creative
Piskel
Piskel هو أداة مجانية ومفتوحة المصدر مصممة لإنشاء فن البكسل والرسوم المتحركة (sprites) من خلال واجهة سهلة الاستخدام متاحة على متصفحات الويب ومنصات سطح المكتب.
Media & Streaming
Ato Animation
Ato Animation هي أداة تصميم قائمة على الويب تمكن المبدعين من بناء وتجهيز وتصدير رسوم متحركة ثنائية الأبعاد احترافية مباشرة داخل متصفحهم.
Music & Audio
MuseScore
ميوزسكور هو برنامج مجاني ومفتوح المصدر لتدوين الموسيقى، يمكّن المستخدمين من إنشاء وتشغيل وطباعة نوتات موسيقية بجودة احترافية.
Utilities & Tools
SVGOMG
SVGOMG هو واجهة رسومية قوية قائمة على الويب لـ SVGO تسمح للمستخدمين بتحسين وضغط ملفات SVG مباشرة في المتصفح.