4 مستودعات
Linking JavaScript logic controllers to DOM elements via specific HTML attributes.
Distinct from HTML Attribute Bindings: Focuses on binding a logic controller class to an element, not reactive data-to-attribute synchronization.
Explore 4 awesome GitHub repositories matching user interface & experience · Controller Binding. Refine with filters or upvote what's useful.
Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat
Links JavaScript controller classes to HTML elements using specific data attributes.
Mixxx is a free, open-source DJ application that runs on Windows, macOS, and Linux, providing a complete platform for mixing audio tracks with beat detection, key analysis, and real-time effects during live performances. It functions as a digital mixer that supports MIDI controller mapping, timecode vinyl control, and custom skin layouts, while also serving as a live performance recording tool that can capture mixes to audio files and broadcast them to internet radio servers in real time. The application distinguishes itself through a comprehensive architecture that coordinates automated play
Every UI widget and internal parameter is linked through a central control object registry, enabling decoupled read/write access from any component.
Mixitup هي مكتبة رسوم متحركة لعناصر DOM ومحرك تخطيط شبكة خالٍ من التبعيات. تعمل كأداة تصفية محتوى جانب العميل ووحدة تحكم واجهة مستخدم قائمة على البيانات مصممة لإدارة الانتقال البصري السلس لعناصر HTML أثناء عمليات الإدراج والإزالة والفرز. يتخصص النظام في إنشاء واجهات معرض تفاعلية وتصفية محتوى ديناميكي. يسمح بإعادة تنظيم العناصر باستخدام سمات مخصصة أو تسلسلات عشوائية، مع مزامنة ترتيب ورؤية عناصر الواجهة مع نموذج بيانات أساسي. بعيداً عن التصفية والفرز، تغطي المكتبة إدارة عناصر DOM، بما في ذلك الإدراج والإزالة الديناميكية للأهداف. توفر قدرات لتحريك تغيير حجم الحاوية، وتحديد تأثيرات رسوم متحركة مخصصة، واستخدام تداخلات غير خطية لظهور العناصر.
Links JavaScript logic controllers to DOM elements via specific HTML attributes to trigger filtering and sorting.
AmplitudeJS هي مكتبة وإطار عمل JavaScript لبناء مشغلات صوت HTML5 مخصصة. تعمل كمدير قائمة تشغيل من جانب العميل ووحدة تحكم وسائط تسد الفجوة بين عناصر HTML و Web Audio API، مما يسمح للمطورين بإنشاء واجهات وسائط ذات علامة تجارية دون الاعتماد على أنماط المتصفح الافتراضية. يتميز المشروع باستخدامه لربط DOM القائم على فئة CSS وتعيين حالة سمة البيانات، والذي يربط عناصر HTML مباشرة بعناصر التحكم في التشغيل وبيانات المسار الوصفية. يتضمن نظام تصور مخصص يستخدم Web Audio API لعرض أشكال موجية SVG في الوقت الفعلي وتأثيرات مرئية خاصة بالأغنية بناءً على بيانات تردد الصوت. توفر المكتبة قدرات شاملة لإدارة مكتبة الوسائط، بما في ذلك تسلسل قائمة التشغيل، ومنطق التبديل والتكرار، وتعبئة البيانات الوصفية. تتعامل مع عناصر التحكم في التشغيل مثل إدارة مستوى الصوت، وتعديل سرعة التشغيل، والبحث عن الطابع الزمني، مع تقديم نظام رد نداء (callback) قائم على الأحداث لمزامنة تغييرات واجهة المستخدم مع معالم تشغيل محددة. يدعم إطار العمل أيضاً تعيين الإدخال الخارجي لاختصارات لوحة المفاتيح ويتضمن تبديل الأحداث المدرك للجهاز لتحسين التفاعلات لشاشات اللمس المحمولة.
Deno Audio Engine links HTML elements to playback events via CSS and data attributes to trigger state changes.