سكيل present-in-html
العرض ده ملف HTML واحد
إزاي السكيل بتاعتي لعمل العروض مع كلود بتشتغل، والعرض ده نفسه هو التجربة الحية. المس كل حاجة.
هشام أبو العلامشروع شخصيأكتوبر 2026
متقاس من الملف نفسه
ده العرض كله: 18 سلايد، و22 ثيم، و25 تركيبة خطوط، والمحرك. من غير صور ولا مكتبات.
السكيل بتشتغل إزاي
من جملة عادية لعرض متراجع
اطلب
بقول المحاضرة عن إيه.
اختار
كلود بيختار الشكل.
اكتب
حتة لكل سلايد.
راجع
سكريبت بيلاقي المشاكل.
سلّم
باخد الملف.
متحسوب على الهوا
من غير فريم وورك. ومفيش حاجة تتسطّب.
المسرح: 1920 × 1080
الشباك بيتغير. المسرح لأ.
غيّر حجم الشباك وبص على السطر ده.
الليه آوتس
27 ليه آوت، بالاسم
دوس على ليه آوت
title
جرّب: اكتب تحت
العنوان ده بيظبط نفسه.
حجم الخط: عادي.
الظهور بالكليك
الحاجات بتظهر كليك ورا كليك
fade
rise
scale
draw
count
list
- واحدة
- ورا
- واحدة
الماجيك موف، الجزء الأول
ادّي شكلين نفس الاسم.
الماجيك موف، الجزء التاني
المحرك بيعمل التزحلق.
الرسوم البيانية
الرسم البياني attribute واحد
غيّر رقم. والأعمدة تترسم تاني.
الثيمات
22 ثيم، لمسة لكل واحد
الأساسية
المكتبة (16)
الخطوط
25 تركيبة خطوط، نفس الكلام بصوت جديد
الأساسية
المكتبة
القلم
اضغط M وارسم على السلايد دي.
شاشة المقدّم
اضغط P: شباك تاني، ليك إنت بس
المراجِع
المراجِع بيلاقي اللي بطّلت تشوفه
$ node check.mjs broken.html
FAIL broken.html: 4 slides, 4 issues (0.8s)
slide 3: img "missing.jpg" has no alt attribute
fix: add alt="what it shows" (alt="" if purely decorative)
slide 4: ul has 7 bullets (max 6)
fix: cut to 5 or split into two slides
$ node check.mjs fixed.html --themes
ok fixed.html [keynote-white]: 4 slides, 0 issues (0.6s)
ok fixed.html [studio]: 4 slides, 0 issues (2.6s)
... and 20 more themes, all ok
In English
One HTML file, works in any browser.
Nothing to install. Open the file and press F.
دورك
اضغط زرار.
سكيل شخصية بتاعتي، مش بتاعة أبل.ملف واحد. بيفتح في أي حتة. وبيتطبع PDF.present-in-html skill: hisham-abuella.github.io/present-in-html