أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة
لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html القادمة و
التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة
للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و
هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع w3cschools … بعد البحث و
الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح
امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي … فأردت مشاركتكم بها
إلى أن أجد ضالتي …
Rendurاداة توفر مربع ادخال قابل للتحريك وتغير
الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق
الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .
Real-timeصفحة الاداة مقسمه الى جزئين قم بكتابة
اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .
TryIt Editorهذه الاداة هي المستخدمة في موقع w3cschools .. ما يعيب هذه الاداه صغر
المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن
عليك الضغط على زر ” Edit the text and click me ” ليتم تطبيقها .
اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة
