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, OceanPulse, is experience 03 of 14 in his showcase.
أبو عسكر يصمم ويبرمج مواقع مثل هذي — هيرو سينمائي، صفحات هبوط، وحركات مقودة بالسكرول، مكتوبة بيده بـ HTML و CSS و JavaScript بدون أي إطار عمل أو منشئ صفحات. هذي الصفحة، نبض المحيط، هي التجربة رقم 03 من ١٤ في معرضه.
What this page demonstratesوش تعرضه هذي الصفحة
- A headline word filled with a photograph using box-decoration-breakكلمة في العنوان معبّأة بصورة عبر box-decoration-break
- Two callout markers whose connector lines draw outward from their ringsعلامتان توضيحيتان يُرسم خطهما من حافة الحلقة إلى الخارج
- A slide-in menu with asymmetric easing: 680ms in, 440ms outمنيو منزلق بتوقيت غير متماثل: ٦٨٠ مللي ثانية للدخول و٤٤٠ للخروج
- Locked to the viewport at every size, including landscape phonesمثبّت على حجم الشاشة في كل المقاسات بما فيها الجوال العرضي
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.
تبغى البرومت اللي انبنت فيه هذي الصفحة؟ موجود في المتجر، ومعه دليل خطوة بخطوة لبنائه بالذكاء الاصطناعي.