بنّا banna

صفحه‌ی شما، جلوی چشم بازدیدکننده ساخته می‌شود.

چند کرسر می‌آیند و سایت شما را تکه‌تکه می‌سازند: کادر می‌کشند، متن تایپ می‌کنند و دکمه‌ها را سر جایشان می‌گذارند. صفحه‌ی اول همان لحظه ساخته می‌شود و بقیه با اسکرول.

دریافت از گیت‌هاب

روی هر سایتی

فروشگاه، وبلاگ یا صفحه‌ی ثبت‌نام

بنّا خودش تشخیص می‌دهد کدام بخش کادر است، کدام متن و کدام دکمه. لازم نیست چیزی را علامت بزنید.

فروشگاه

ماگ سفالی دست‌ساز

لعاب نارنجی، ساخت کارگاه‌های کوچک.

۴۸۰٬۰۰۰ تومان

وبلاگ

چرا سایت‌های ساده بهتر دیده می‌شوند

صفحه‌ای که زود باز شود و حرفش را روشن بزند، بازدیدکننده را نگه می‌دارد. سه نکته‌ی ساده برای شروع.

ادامه‌ی مطلب
ثبت‌نام

خبرنامه

ماهی یک ایمیل، بدون تبلیغ.

استفاده

فقط یک خط

بنّا یک فایل است، بدون وابستگی و بدون مرحله‌ی ساخت. فریم‌ورک هم لازم ندارد.

  1. ۱

    این خط را داخل <head> بگذارید

    بهتر است قبل از فایل‌های CSS باشد، بدون defer و async.

    <script src="https://cdn.jsdelivr.net/gh/Rokhbin/banna@1/banna.js"></script>
  2. ۲

    همین. صفحه را باز کنید

    اگر می‌خواهید فایل روی سرور خودتان باشد، banna.js را از گیت‌هاب بردارید و آدرسش را عوض کنید.

تنظیمپیش‌فرضکارش
data-speed1سرعت ساختن. بیشتر یعنی سریع‌تر.
data-agents۸، در موبایل ۴تعداد کرسرها.
data-once="session"خاموشدر هر بار باز کردن مرورگر فقط یک بار اجرا شود.
data-colorsهفت رنگرنگ کرسرها، با ویرگول جدا شده.
data-banna-skipروی هر بخشی بگذارید، بنّا به آن دست نمی‌زند.

با خیال راحت

چیزی را خراب نمی‌کند

متن صفحه دست نمی‌خورد

فقط پنهان و آشکار می‌کند. موتورهای جست‌وجو همه‌ی صفحه را می‌خوانند.

چیزی جایی فرستاده نمی‌شود

هیچ ردیاب و هیچ درخواستی به سایت دیگر ندارد.

کسی منتظر نمی‌ماند

با دکمه یا Esc رد می‌شود، و برای کسی که در تنظیماتش حرکت کمتر خواسته اجرا نمی‌شود.

اگر خطا بدهد، صفحه سر جایش است

هر مشکلی پیش بیاید، صفحه بی‌درنگ کامل نشان داده می‌شود.

سازنده

چه کسی بنّا را ساخته؟

محمدرضا رخ بین

برنامه‌نویس و کارشناس امنیت اطلاعات، با ۲۳ سال تجربه. بنّا را از صفر نوشتم تا هر کسی بتواند سایتش را جلوی چشم بازدیدکننده بسازد. استفاده از آن رایگان است.