تجربة ويب · تصميم وتطوير
هذا الموقعتصميم وتطوير الملف الشخصي
أردت حضورًا تقنيًا واضحًا، مع طريق سريع إلى عملي. التحدي أن تبقى الصورة والمشهد جذابين، وأن يظل المحتوى مقروءًا عند تعطل المؤثرات.
الدور والنطاق
اختيار الاتجاه والمحتوى ومراجعة التجربة لصاحب الموقع. الموقع ثابت، ثنائي اللغة، ومعايناته محلية داخل المتصفح.
كيف يعمل؟
- المحتوى
سجل واحد للمشاريع ودراساتها، تستخدمه الرئيسية والملف المختصر.
- الصفحات
Astro يخرج HTML بالعربية والإنجليزية. الروابط والمحتوى يصلان قبل الحركة.
- التفاعل
Three.js للمجسم، ومتحكم لحالات الإشارة، وبديل SVG عند تعذر الرسم.
قرارات تستحق الشرح
لماذا لا يحتاج الموقع إلى خادم بيانات؟
المحتوى تعريفي والاتصال عبر وجهات مباشرة. الصفحات الثابتة تؤدي المهمة دون حسابات أو تخزين بيانات الزائر، بينما تبقى بيانات المعاينات داخل إطار معزول.
ماذا يحدث عند تعطل JavaScript؟
تظهر روابط الأدوات بدل لوحة التحكم، وتبقى دراسات المشاريع متاحة. لا تُفعّل أزرار المعاينات إلا بعد تهيئتها. تعطل تجربة InfraOps يعرض حالة واضحة مع إعادة محاولة.
كيف نضبط الحركة؟
التحكم اليدوي بجوار التعريف، وتفضيل الجهاز لتقليل الحركة له الأولوية. المشهد يتوقف عند الخفاء، وتبقى زاوية السحب والأزرار متزامنة. حجم بيئة الإضاءة محدود لتخفيف كلفة تهيئة WebGL.
افتح المصدر، وافحص الفكرة.
المصدر المتاح أدناه يوضح انتقالات الإشارة والاختبارات التي تحرس المعاينة. تُختبر اللغتان والمقاسات وحالات فشل التحميل محليًا؛ قياسات الأجهزة الفعلية والنشر العام مرحلة منفصلة.
أهلًا، أنا
طارق الخلفبرمجيات وأنظمة وأمنبدّل اللغة وشوف التكوين يتغيّر.
صفحات ثابتة وتفاعلات داخل المتصفح، مع دعم تقليل الحركة.
Astro
TypeScript
Three.js
GSAP