منتدى استراحات زايد - 3 ادوات لتجريب أكواد Html / CSS اون لاين .محرر الاكواد.ان شاء الله تعجبكم

http://w7s2.com/TN/MDKLAT/Ayc0FX06230633.gif

أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة
لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html القادمة و
التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة
للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و
هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع
w3cschools
… بعد البحث و
الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح
امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي … فأردت مشاركتكم بها
إلى أن أجد ضالتي … http://www.mo3aser.com/wp-includes/i...s/icon_sad.gif

Rendur
اداة توفر مربع ادخال قابل للتحريك وتغير
الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق
الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .

Real-time
صفحة الاداة مقسمه الى جزئين قم بكتابة
اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .

TryIt Editor

هذه الاداة هي المستخدمة في موقع
w3cschools .
. ما يعيب هذه الاداه صغر
المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن
عليك الضغط على زر ” Edit the text and click me ” ليتم تطبيقها .

اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة

http://w7s2.com/TN/MDKLAT/VdjpnC06230634.gif