Abo Askar designs and builds websites like this one — cinematic heroes, landing pages and scroll-driven motion, hand-written in HTML, CSS and JavaScript with no frameworks and no page builders. This page, Next Layer, is experience 05 of 14 in his showcase.
أبو عسكر يصمم ويبرمج مواقع مثل هذي — هيرو سينمائي، صفحات هبوط، وحركات مقودة بالسكرول، مكتوبة بيده بـ HTML و CSS و JavaScript بدون أي إطار عمل أو منشئ صفحات. هذي الصفحة، الطبقة التالية، هي التجربة رقم 05 من ١٤ في معرضه.
What this page demonstratesوش تعرضه هذي الصفحة
- A custom unit system that locks vertical rhythm to viewport heightنظام وحدات مخصص يربط الإيقاع الرأسي بارتفاع الشاشة
- Two measured gradient fades: a nine-stop bottom fade and a side letterboxتلاشيان متدرجان مقيسان: تلاشي سفلي بتسع محطات وإطار جانبي
- Full-bleed looping video with no overlay except the measured fadesفيديو كامل العرض بدون أي طبقة سوى التلاشيات المقيسة
- A separate flow layout for portrait phones and a tablet bandتخطيط انسيابي منفصل للجوال العمودي ونطاق التابلت
Built with hand-written HTML, CSS and JavaScript. No frameworks, no libraries, no templates.مبنية بـ HTML و CSS و JavaScript مكتوبة يدوياً. بدون أطر عمل، بدون مكتبات، بدون قوالب.
Want the prompt that built this page? It is on sale in the store, together with a step-by-step guide to building it with AI.
تبغى البرومت اللي انبنت فيه هذي الصفحة؟ موجود في المتجر، ومعه دليل خطوة بخطوة لبنائه بالذكاء الاصطناعي.