layerJS: یک لایبرری جاوااسکریپتیِ ترکیبی به ‌منظور طراحی رابط کاربری

layerJS: یک لایبرری جاوااسکریپتیِ ترکیبی به ‌منظور طراحی رابط کاربری

layerJS یک لایبرری جاوااسکریپتی اپن‌سورس به منظور طراحی UI (رابط کاربری) است که امکان درک عینی و واقعی از یکسو و همچنین تجربۀ استفاده از وب اپلیکیشن‌ها و وب‌سایت‌ها به عنوان یک اپلیکیشن موبایل را از سوی دیگر برای کاربران فراهم می‌کند.

ایدۀ layerJS این است که هر نوع محتوای وب تعاملی، از ترکیب یکسری اِلِمان روی لایه‌های متحرک تشکیل شده است و برخلاف سایر لایبرری‌ها و ابزارهای موجود برای طراحی رابط کاربری، layerJS اِلِمان‌های مختلفی برای طراحی رابط کاربری ارائه نداده، بنابراین دولوپرها می‌توانند از ابزار دلخواه خود برای این کار استفاده کنند؛ به عبارت دیگر، layerJS بر مسائلی از این دست تمرکز دارد که چگونه بلوک‌های بزرگ‌تر در کنار یکدیگر به منظور ایجاد یک وب‌سایت‌ یا اپلیکیشن‌ یوزِر فِرِندلی قرار گیرند و این بلوک‌ها در تعامل با کاربر چگونه عمل خواهند کرد.

علاوه بر این، layerJS مفهومی تحت عنوان Stage-Frame را معرفی می‌کند که منظور از Frame همان قسمت‌هایی از سایت است که دولوپرها آن‌ها را با زبان‌های HTML یا CSS توسعه داده‌اند (مانند صفحات داخلی، منوها، کاردها، لایت‌باکس‌ها و غیره) که می‌توان آن‌ها را به صورت دینامیک با یکسری به اصطلاح Stage تنظیم کرد. Stage اصلی هم معمولاً همان پنجرۀ اصلی مرورگر است و فریم‌ها در آن نشان‌دهندۀ صفحات داخلی یا بخش‌های مختلف اپلیکیشن می‌باشند.

برای هر یک از فریم‌های اِستیج می‌توان حرکاتی انیمیشنی به صورت حرکات لغزشی، محو آهسته یا حرکات سه‌بُعدی تعریف کرد (یا می‌توان یکسری Stage و Frame را به صورت تودرتو تعریف کرد به صورتی که مثلاً یک اسلایدر در یک فریم متحرک وجود داشته باشد؛ همچنین می‌توان در فریم‌ها لایه‌های هم‌پوشان نیز قرار داد که موجب می‌شود افکت‌هایی مانند منوهای شناور یا تعریف فیچر عمق برای بک‌گراندهایی دوبُعدی در آن ایجاد شود.)

layerJS از حرکات لمسی جهت‌دار و تاچ‌پَدهایی با این توانایی نیز پشتیبانی می‌کند؛ بنابراین کاربران می‌توانند از انگشتان دست خود به منظور پایین کشیدن منوها یا کشیدن یک لیست از صفحات زیرشاخه استفاده کنند.