Windows system portfolio

رحبًا! أنا عمر صلاح الدين، مهندس برمجيات متخصص في تطوير واجهات الويب المتقدمة. أود أن أشارككم مشروعًا فريدًا قمت بتطويره، حيث قمت بإنشاء واجهة بورتفوليو شخصية مستوحاة بالكامل من بيئة الطرفية (Terminal) أو CMD.

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

تصميم واجهة مخصصة:

قمت بمحاكاة شكل التيرمنال الكلاسيكي باستخدام monospace typography، مما يعكس الطابع النصي لنظام الأوامر.

صممت تأثير Blinking Cursor باستخدام @keyframes وanimation-delay لخلق تجربة واقعية للمستخدم.

استخدمت ألوان محددة بدقة مثل #00ff00 لمحاكاة اللون الأخضر الفوسفوري الخاص بواجهات الهكرز الكلاسيكية، على خلفية #000000 لتعزيز وضوح النص.

هيكلت المحتوى باستخدام Flexbox لضمان محاذاة المحتوى بشكل مثالي.

تنفيذ هيكلي من الصفر:

تم بناء الموقع بالكامل من الصفر، بدون استخدام أي فريمورك أو Reset CSS، مما تطلّب تصميم كل سطر يدويًا.

استخدمت Semantic HTML لتقسيم الأقسام بشكل منطقي وسهل القراءة.

حولت كل عنصر بصري إلى معادل نصي ليتماشى مع فلسفة الـ Terminal UI.

تصميم متجاوب:

اعتمدت منهجية Mobile-First Design وكتبت Media Queries لضبط الأحجام والمسافات حسب حجم الشاشة.

تحكمت في حجم الخط باستخدام vw وrem لتوفير تجربة مرئية سلسة.

أدوات وتقنيات CSS متقدمة:

استخدمت CSS Variables لتحديد Theme مركزي يمكن تغييره بسهولة.

اعتمدت على Pseudo-elements لمحاكاة سلوك النظام الطرفي.

بنيت Blinking Typing Effect باستخدام animation-timing-function: steps() لمحاكاة طباعة نصوص متقطعة.

المنهجية والمنطق الخلفي للتنفيذ:

ركزت على code minimalism بهدف تقليل الحمل على المتصفح وتعزيز الأداء.

ضمنت Accessibility باستخدام عناصر HTML ملائمة للقراءة بواسطة قارئات الشاشة.

كتبت كود نظيف وقابل للتوسعة، مع فصل واضح بين الطبقة الهيكلية وطبقة التنسيق.

هدف المشروع:

الهدف من هذا المشروع هو إثبات القدرة على تنفيذ واجهات غير تقليدية باستخدام أدوات الويب الأساسية فقط، مع الالتزام بمبادئ الـ Low-level UI Design والتركيز على التفاصيل الدقيقة التي تُظهر فهمًا عميقًا لأساسيات تصميم الواجهات.

الموقع موجه خصيصًا للمطورين، مهندسي البرمجيات، ومجتمع الأمن السيبراني، الذين يقدّرون بساطة وسرعة وتجربة واجهات الـ Terminal.

إذا كنت تبحث عن شريك موثوق لتحقيق رؤيتك الرقمية، فلا تتردد في التواصل معي!