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