محرر ويب ملائم لجميع أحجام الشاشات و يتيح تجربة لغات الويب الأساسية HTML و CSS و Javascript. يمكن استخدام هذا المحرر لتصميم صفحات ويب احترافية أو لمجرد التمرن على التصميم بشكل تفاعلي حيث أنه يمكنك كتابة الكود و مشاهدة نتيجته بكل سهولة.
المحرر ليس محصور بلغات الويب HTML و CSS و Javascript حيث يمكنك تجربة أي مكتبة تريد فيه مثل Jquery و Bootstrap و UI-Kit و FontAwesome إلخ.. مع الإشارة إلى أنه في حال أردت استخدام أي مكتبة عليك تضمينها في من خلال الروابط الخاصة بها.
خصائصه
- في حال كانت الشاشة كبيرة فإنه يتم قسم الشاشة لقسمين قسم يظهر فيه الكود و قسم تظهر فيه النتجية.
- في حال كانت الشاشة كبيرة فإنه يمكن تكبير الأقسام و تصغيرها بواسطة سحب الخط الفاصل بين قسم الكود و قسم النتيجة.
- في حال كانت الشاشة كبيرة فإنه يمكن قسم الشاشة بالطول أو العرض من خلال زر التدوير.
- يمكن تغيير ألوان نافذة الكود بواسطة زر تغيير اللون ليظهر بوضع الضوء أو بالوضع المظلم.
- الكود الذي يتم كتابته في نافذة الكود يمكن تحميله من خلال النقر على زر التحميل و عندها سينزل على جهاز المستخدم كملف HTML.
معلومة تقنية
- القسم الذي يمكن فيه كتابة الكود تم استخدام مكتبة CodeMirror لأجل جعل الكود يتلون فيه.
- كما أننا استخدمنا مكتبة JQuery لأجل جعل كود الجافاسكربت أكثر بساطة خاصةً في الجزئية المتعلقة بتحديد قياسات الشاشة.
حقوق النشر
- يمكنك استخدام هذا المشروع لأغراض تعليمية و تجارية.
- في حال أردت نشر هذا المشروع في موقع آخر فيجب وضع رابط هذه الصفحة بشكل واضح معه, و بالتالي يجب نسخ هذا الكود ووضعه في الصفحة.
<a href="https://harmash.com/projects/harmash-tryit-editor">من إعداد موقع هرمش</a>
