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, Scrub, is experience 14 of 14 in his showcase.
أبو عسكر يصمم ويبرمج مواقع مثل هذي — هيرو سينمائي، صفحات هبوط، وحركات مقودة بالسكرول، مكتوبة بيده بـ HTML و CSS و JavaScript بدون أي إطار عمل أو منشئ صفحات. هذي الصفحة، فيلم بالسكرول، هي التجربة رقم 14 من ١٤ في معرضه.
What this page demonstratesوش تعرضه هذي الصفحة
- Scroll position maps straight to video time, smoothed with a lerpموضع السكرول يُترجم مباشرة لزمن الفيديو، منعّماً بـ lerp
- Five text blocks keyed to scroll fractions, alternating left, right and centreخمس كتل نصية مربوطة بنسب السكرول، تتناوب يميناً ويساراً ووسطاً
- A loader that clears on buffering events with a four-second safety timeoutشاشة تحميل تختفي عند أحداث التخزين مع مهلة أمان أربع ثوانٍ
- One scroll read per frame inside requestAnimationFrame, so nothing janksقراءة واحدة للسكرول في كل إطار داخل requestAnimationFrame فلا تقطّع
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.
تبغى البرومت اللي انبنت فيه هذي الصفحة؟ موجود في المتجر، ومعه دليل خطوة بخطوة لبنائه بالذكاء الاصطناعي.