أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع w3cschools … بعد البحث و الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي … فأردت مشاركتكم بها إلى أن أجد ضالتي … 
Rendur
اداة توفر مربع ادخال قابل للتحريك وتغير الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .
Real-time
صفحة الاداة مقسمه الى جزئين قم بكتابة اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .
TryIt Editor
هذه الاداة هي المستخدمة في موقع w3cschools .. ما يعيب هذه الاداه صغر المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن عليك الضغط على زر ” Edit the text and click me ” ليتم تطبيقها .
اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة
- أدعو لي و لوالدي بدعوة صالحة و أن يجمعنا الله في الجنة .
- ساهم في نشر المدونة .. أخبر عنها أصدقائك .. ضع رابط لها في مدونتك أو في إحدى تويتراتك ^_^
- لا أمانع في نقل بعض التدوينات و لكن وفق رخصة الاستخدام
الوسوم: css, html, live editors, Real-time, Rendur, TryIt Editor, محررات
جاري التحميل ...
فؤاد بدوي شاب مصري ، طالب جامعي بكلية العلوم تخصص رياضيات وعلوم الحاسب ... مصمم مواقع حر Freelancer web designer.. أجيد Photoshop , Xhtml , CSS و لذلك ستجد ان هذه المدونة تتناول بشكل رئيسي تصميم و تطوير المواقع و المجتمعات الالكترونية و بعض المصادر التي تفيد المصممين و المطورين ..
السلام عليكم أخي الكريم :
بما أنك تُريد مثل هذه الأداة , فالأداة التي أرسلتها لك هل تذكرها ؟؟
لا تنفع معك ؟؟
تحياتي
فراس
قد ينفعك مثل هذا
http://www.causeway.co.uk/freestuf/cssedit/editor.htm
http://www.highdots.com/download.html
أيضا تحياتي
فراس
اهلا بك أخي الكريم …
التطبيق الذي ارسلته لي بحاجة إلى بعض التطويرات لتطبيق بعض خواص css التي ستؤثر في الصفحة بشكل كامل مثل body و غيرها كما انه بحاجة للربط مع قاعدة بيانات حتى يتم عرض المثال المخزن لكل درس .
انتظرك على الماسنجر للتشاور في تطويرة …
شكرا لك .
الأباتشي
اهلا بك اخي الكريم …
هذا التطبيقات لمحررات css تعمل تحت بيئة ويندوز … ما اريده هو تطبيق ويب لعرض و تجربة الامثلة على الانترنت مباشرة ..
شكرا لك .
هذا الموقع مهم جدا لكل مبتدء فى مجال الـ CSS حيث تقوم بأخراج الكود الخاص بـك بسهوله شديده مع تعريف كل اكود ما هيه وظيفته
http://www.formstylegenerator.com/
احسنت وشكرا لك
world technical
http://worldtechnical.blogspot.com
شكرا جزيلا علي المجهود الرائع
وفقك الله
سلام،
هذه أول اطلالة لي على مدونتك أخي، التصميم بصراحة رائع، والمواضيع مهمة ومضمونها مفيد، كما أن أسلوبك شيق، شكرا على كل حال.
أريد أن أشكرك أيضا على الإضافات الجميلة.
شكرا لك
أدوات رائعة
أكثرها روعه Real-time
تسلم على هذي الادوات الرائعة
شكرا لك الأدوات دية ممكن تساعدك ايضا http://egpy.yoo7.com/html-h19.htm
مرحبااخي الفاضل
هل وجدتها
اذا وجدتها تمنى ارفاقها