My-Protofilio

🎨 CSS Advanced Techniques CSS Custom Properties (Variables) للثيم بالكامل CSS Grid و Flexbox للـ layout CSS Keyframe Animations — fadeUp, fadeDown, spin, bounce, pulse, swing, float, shake, rotate, blink CSS Transitions على كل element Radial Gradients و Linear Gradients للخلفيات Backdrop Filter (blur) للـ navbar CSS Pseudo-elements (::before, ::after) للتأثيرات Mix-blend-mode للـ custom cursor CSS Marquee بـ infinite scroll لصفين في اتجاهين مختلفين Media Queries لـ 4 breakpoints (900px, 600px, 380px) CSS Grid auto-fit للـ responsive skills Overflow hidden مع position fixed للـ noise overlay ⚡ JavaScript Custom Cursor مع smooth ring animation بـ requestAnimationFrame Intersection Observer API للـ scroll reveal Hamburger Menu toggle مع open/close states Active nav link highlighting على الـ scroll Event listeners على mousemove و scroll 🖼️ SVG 8 أيقونات SVG مرسومة يدوياً من الصفر كل أيقونة بألوان الـ brand الحقيقية (React أزرق، JS أصفر، إلخ) Animations على كل SVG مختلفة عن التانية 🎯 UI/UX Decisions Noise texture overlay بـ SVG filter Grid lines في الـ hero background Custom cursor مع ring يتبعه بـ lag Scroll reveal بـ staggered timing Marquee بيوقف لما تعمل hover Radial glow effects خلف الـ sections Glassmorphism navbar