ABOASKAR
أصمم مواقع تُشاهَد، لا تُقرأ. I build websites you watch, not read.
أنا أبو عسكر، مصمم ومبرمج مواقع. هذي ثماني عشرة تجربة بصرية حيّة: هيرو سينمائي، صفحات هبوط كاملة، وحركات ثلاثية الأبعاد. كل سطر مكتوب بيدي، بدون مكتبات، بدون قوالب. I am Abo Askar, a web designer and front-end developer. These are eighteen live visual experiences: cinematic heroes, complete landing pages, and 3D motion. Every line hand-written. Zero libraries, zero templates.
التجاربThe experiences
مرّر على أي بطاقة لتشغيل المعاينة، واضغط لتفتح التجربة كاملة. كل تجربة صفحة مستقلة بحركاتها الخاصة.Hover any card to preview it live, click to open the full experience. Each one is a standalone page with its own motion system.
مدارOrbit
كاروسيل ثلاثي الأبعاد يدور مع شريط وردي متوهّج وجزيئات حيّة.A 3D rotating carousel ring, neon pink glow bar and live particles.
طبقاتStack
نص مركزي وثلاث بطاقات زجاجية متراكبة تتفاعل مع المؤشر.Centered type with three stacked glass cards reacting to the pointer.
نبض المحيطOceanPulse
هيرو منظمة غير ربحية بفيديو جوي، علامات توضيحية ومنيو جانبي منزلق.Nonprofit hero with aerial video, callout markers and a slide-in nav sheet.
موستارMostar
قصة سكرول سينمائية بثلاث مشاهد، طبقات تنفصل وتتحرك مع المؤشر.A cinematic three-screen scroll story with parting layers and pointer parallax.
الطبقة التاليةNext Layer
صفحة هبوط لبنية ذكاء اصطناعي، دقيقة بالبكسل على شبكة 1487×1058.AI-infrastructure landing, pixel-locked to a 1487×1058 unit grid.
فيلوراVelorah
هيرو سينمائي بخط سيريف وأزرار زجاج سائل فوق فيديو كامل.Cinematic serif hero with liquid-glass buttons over full-bleed video.
لوموراLumora
أربعة فيديوهات تتبادل بسلاسة، ووضع داكن يتفعّل مع مشهد الغابة.Four crossfading videos and a dark mode that wakes with the forest scene.
رحلةVoyage
صفحة هبوط فضائية بقسمين، نص يظهر كلمةً كلمة من الضباب.Two-section space landing with word-by-word blur-in type.
ماك بوكMacBook
لابتوب مبني بالكامل بالـ CSS يفتح غطاءه مع السكرول.A laptop built entirely in CSS that opens its lid as you scroll.
فيتافورجVitaforge
شاشة اختبار صحّي داخل إطار جوال واقعي مع زر سحب للتأكيد.A wellness quiz inside a realistic phone frame with a slide-to-confirm.
بطاقاتCards
كاروسيل أسطواني لبطاقات بنكية بسماكة حقيقية وفيديو على كل وجه.A cylinder carousel of bank cards with real thickness and video faces.
فورتكسVortxLab
استوديو إبداعي بأزرار مقطوعة الزوايا وظهور متدرّج لكل عنصر.Creative-tech studio with octagon-cut buttons and staggered reveals.
بورتفوليوPortfolio
صفحة بورتفوليو بخط بكسل وشبكة معلومات فوق فيديو بلا طبقة تعتيم.Portfolio landing with a pixel typeface and a meta grid over raw video.
فيلم بالسكرولScrub
فيديو يتحرّك بحركة السكرول إطاراً بإطار، والنص يظهر في لحظاته.A film scrubbed frame-by-frame by your scroll, text landing on cue.
مدرسة الكواكبSpaceEdu
صفحة هبوط عربية RTL كاملة: ثلاثة عوالم كوكبية، خمس مراحل، وأسعار.A full Arabic RTL landing page: three planet worlds, five stages, pricing.
سُكونSukoon
الهيرو السينمائي بالعربي بالكامل: تخطيط معكوس وخط عربي عريض.The cinematic hero rebuilt fully in Arabic: mirrored layout, Arabic display type.
أملاكيAmlaki
صفحة هبوط عربية طويلة لنظام إدارة أملاك، سبعة عشر قسماً في ملف واحد.A long-form Arabic SaaS landing page, seventeen sections in one file.
استوديوStudio
بورتفوليو مصمم بخط عريض وأسود صارخ، مكتفٍ بذاته بالكامل.A designer portfolio on heavy display type and stark black, fully self-contained.
كيف أفكّرHow I think
التصميم الجميل سهل. التصميم الذي يجعلك تتوقف عن التمرير هو الصعب. أنا أشتغل على الثاني.Beautiful design is easy. Design that stops the scroll is hard. I work on the second kind.
مين أبو عسكرWho is Abo Askar
كل تجربة في هذي الصفحة بنيتها بنفسي من الصفر. لا قوالب، لا منشئ صفحات، لا مكتبة جاهزة.Every experience on this page was built from scratch. No templates, no page builder, no ready-made library.
أنا أبو عسكر، مصمم ومبرمج مواقع. أبني مواقع بصرية تخلي الزائر يوقف عن التمرير: هيرو سينمائي، صفحات هبوط كاملة، قصص تتحرك مع السكرول، وواجهات ثلاثية الأبعاد. أكتب كل سطر بيدي بـ HTML و CSS و JavaScript، وأدعم العربية و RTL بشكل كامل. I am Abo Askar, a web designer and front-end developer. I build visual websites that stop the scroll: cinematic heroes, complete landing pages, scroll-driven stories and 3D interfaces. Every line is hand-written in HTML, CSS and JavaScript, with full Arabic and RTL support.
هيرو وصفحات هبوطHeroes and landing pages
أول ثلاث ثوانٍ تقرر إذا الزائر يكمل أو يطلع. أصمم الهيرو وصفحة الهبوط كوحدة واحدة: فيديو، خط، حركة، وزر واضح.The first three seconds decide whether a visitor stays. I design the hero and the landing page as one unit: footage, type, motion and one clear button.
حركة مقودة بالسكرولScroll-driven motion
السكرول عندي خط زمني مو مجرد تمرير: طبقات تنفصل، فيديو يتقدّم إطاراً بإطار، ونصوص تحطّ في لحظتها بالضبط.I treat the scrollbar as a timeline, not a scrollbar: layers part, video advances frame by frame, and text lands exactly on its cue.
ثلاثية الأبعاد بالـ CSS3D built in CSS
كاروسيلات، بطاقات بسماكة حقيقية، ولابتوب مرسوم بالكامل بالـ CSS. بدون محرك ثلاثي الأبعاد وبدون صور جاهزة.Carousels, cards with real thickness, and a laptop drawn entirely in CSS. No 3D engine and no image assets.
عربي RTL وجوالArabic RTL and mobile
كل تجربة تشتغل من عرض ٣٢٠ بكسل لين الشاشات الكبيرة، وتحترم إعداد تقليل الحركة، والواجهة العربية مبنية RTL من الأساس.Every experience works from 320 pixels up to large screens, respects the reduced-motion setting, and the Arabic interface is RTL from the ground up.
أداء بدون مكتباتPerformance without libraries
صفر مكتبات خارجية. الحركة كلها transform و opacity داخل requestAnimationFrame، عشان تبقى ٦٠ إطار في الثانية.Zero external libraries. All motion is transform and opacity inside requestAnimationFrame, so it holds sixty frames per second.
جاهز لمشروعكReady for your project
نفس التقنيات اللي تشوفها هنا تنطبق على موقع شركة، متجر، أو صفحة هبوط لحملة إعلانية. اختر أي تجربة وشوفها حيّة.The same techniques apply to a company site, a store, or a campaign landing page. Open any experience and see it live.
أسئلة متكررةFrequent questions
إجابات مباشرة عن طريقة الشغل والتقنيات المستخدمة في هذي التجارب.Direct answers about how the work is done and what these experiences are built with.
أبو عسكر مصمم ومبرمج مواقع، يبني مواقع بصرية وحركية بيده بالكامل. هذي الصفحة معرضه، وفيها ١٨ تجربة ويب حيّة تقدر تفتحها وتجرّبها الحين: هيرو سينمائي، صفحات هبوط، قصص سكرول، وواجهات ثلاثية الأبعاد.Abo Askar is a web designer and front-end developer who builds visual, motion-led websites entirely by hand. This page is his showcase and holds eighteen live web experiences you can open and try right now: cinematic heroes, landing pages, scroll stories and 3D interfaces.
يصمم صفحات هبوط للحملات الإعلانية، مواقع تعريفية للشركات، بورتفوليو، صفحات منتجات، وواجهات تطبيقات جوال. التجارب في هذي الصفحة تغطي كل هذي الأنواع عملياً، من هيرو منظمة غير ربحية إلى قصة سكرول سينمائية إلى شاشة تطبيق داخل إطار جوال.Campaign landing pages, company websites, portfolios, product pages and mobile app interfaces. The experiences on this page cover all of those in practice, from a nonprofit hero to a cinematic scroll story to an app screen inside a phone frame.
لا. كل صفحة هنا ملف واحد مكتوب بـ HTML و CSS و JavaScript خام، بدون قوالب ولا منشئ صفحات ولا حتى مكتبة حركة خارجية. تقدر تفتح كود أي صفحة وتشوف بنفسك.No. Every page here is a single file written in raw HTML, CSS and JavaScript, with no template, no page builder and not even an external animation library. You can open the source of any page and check for yourself.
نعم، كل تجربة متجاوبة من عرض ٣٢٠ بكسل إلى الشاشات الكبيرة، وبدون أي تمرير أفقي. وكل صفحة تحترم إعداد «تقليل الحركة» في النظام، فلو المستخدم مفعّله تهدأ الحركة تلقائياً.Yes. Every experience is responsive from 320 pixels up to large screens with no horizontal scrolling, and each page respects the system reduced-motion setting, so the animation calms down automatically when a visitor turns it on.
نعم. هذي الصفحة نفسها ثنائية اللغة عربي وإنجليزي مع تبديل فوري، والاتجاه ينقلب RTL بالكامل: التخطيط، الأسهم، الحواف، وحتى اتجاه الحركة. الدعم العربي مبني من الأساس مو مضاف بعدين.Yes. This page itself is bilingual Arabic and English with instant switching, and the whole layout flips to RTL: grid, arrows, edges, even the direction of the motion. Arabic support is built in from the start, not bolted on later.
من قسم «التجارب» في هذي الصفحة. فيه ١٨ بطاقة، مرّر عليها لتشغيل المعاينة واضغط أي وحدة عشان تفتح التجربة كاملة على شاشتك. وداخل كل تجربة فيه زر يشرح وش تعرضه الصفحة بالضبط.From the experiences section on this page. There are eighteen cards: hover one to play its preview, click any of them to open the full experience full-screen. Inside each experience a button explains exactly what that page demonstrates.
نعم. نفس التقنيات المعروضة هنا تنطبق على موقع نشاط تجاري: صفحة هبوط لحملة، موقع تعريفي، أو صفحة منتج. راسلني على واتساب 0509088270 وأبنيه لك كامل بمحتواك ودومينك.Yes. The same techniques shown here apply to a business website: a campaign landing page, a company site or a product page. Message me on WhatsApp at +966 50 908 8270 and I will build it with your content and domain.
البرومتات معروضة للبيع في متجر المنتجات الرقمية على سلة. كل تجربة في هذي الصفحة لها منتج مستقل يحتوي البرومت الكامل، وملف HTML جاهز يشتغل فوراً، ودليل عربي خطوة بخطوة لبناء الموقع بالذكاء الاصطناعي. التحميل فوري بعد الشراء.The prompts are on sale in the digital products store on Salla. Every experience on this page has its own product containing the full prompt, a ready HTML file that runs immediately, and an Arabic step-by-step guide to building the site with AI. Download is instant after purchase.
آخر تحديث: 10 سبتمبر 2026 — 18 تجربة منشورة.Last updated: 10 September 2026 — 18 experiences published.
تبغى تبني مثلها؟Want to build one?
كل تجربة هنا انبنت ببرومت واحد. البرومتات معروضة في المتجر، ومعها دليل خطوة بخطوة للبناء بالذكاء الاصطناعي.Every experience here was built from one prompt. The prompts are in the store, each with a step-by-step guide to building it with AI.