trimmings
1.0.0
ماذا يحدث لعملية تطوير الويب الخاصة بك عندما يمكنك التركيز على تصميم المشاهدات والتوقف عن التفكير في كيفية غرزها معًا؟ Trimmings by Postlight عبارة عن مكتبة JavaScript التي تضيف طبقة من التفاعل السلس والسريع في الصفحة على صفحات الويب الخاصة بك. كل ما عليك فعله هو إضافة بعض التلميحات إلى HTML لديك بالفعل.
اقرأ المزيد عن ذلك في مقدمةنا إلى الزركشة.
يتبع هذا المشروع على خطى المكتبات مثل Turbolinks والتحفيز. إنها تعتقد أن أفضل مكان لعملك وتقديم منطقك موجود على الخادم ، وأنه يجب عليك إرسال المستخدمين HTML الخاص بك ، وأن JavaScript هو الأنسب لمعالجة DOM المحسنة تدريجياً. Trimmings عبارة عن مجموعة من الأنماط التي تتيح لك إضافة معالجة DOM إلى تطبيقك عن طريق إضافة data-trimmings-* سمات لعناصرك التفاعلية. أقل جافا سكريبت في مشروعك يعني مخاطر أقل.
بمجرد قيامك ببناء موقع الويب الخاص بك ويقدم HTML التي تم تقديمها بالطريقة التي تعجبك ، يمكنك البدء في إضافة تلميحات الزركشة التي ستعزز الطريقة التي تتصرف بها تفاعلاتك.
ربما يكون لديك رابط إلى صفحة تفاصيل ترغب في فتحها في وسيط. من المحتمل أن تحتوي الصفحة المستقلة على رأس وتذييل لا ترغب في تقديمه في وسيط الخاص بك. هذه ليست مشكلة. فقط أضف تلميحًا inline إلى الرابط الخاص بك:
<a data-trimmings-inline="from: .detail-container, to: .modal-container" href="/photos/2">
View as a modal
</a>
إذا نقر هذا الارتباط ، فسيتم جلب الصفحة في الخلفية ، فسيتم استخراج العنصر مع فئة detail-container من النتيجة ، وسيتم إدراجها في عنصر مع فئة modal-container الموجودة بالفعل على الصفحة. يمكنك كتابة CSS التي ستجعل هذا يظهر كما تريد. الآن لديك وسيط! هذا كل ما في الأمر!
فقط قم بتضمين trimmings.js في <head> . هذا كل شيء. سيتم تنشيط الزركشة تلقائيًا عند تحميل صفحتك - لا تحتاج إلى التفكير في دورات الحياة.
<script src="/trimmings.js"></script>
يتم تمكين ميزات الزركشة على عناصر محددة عن طريق إضافة سمات data-trimmings-* . لمزيد من التفاصيل حول استخدام كل ميزة الزركشة ، يرجى الرجوع إلى دليل Trimmings.
مرخصة تحت أي من
في خيارك.
إذا كنت قد عثرت على خطأ أو ترغب في اقتراح ميزة جديدة ، وتقديم مشكلة ودعنا نتحدث عنها!
نتوقع أن يلتزم جميع المساهمين في الزركشة بمدونة قواعد سلوكنا.
ما لم تقل صراحةً خلاف ذلك ، فإن أي مساهمة تم تقديمها عن عمد لإدراجها في العمل بواسطتك ، كما هو محدد في ترخيص Apache-2.0 ، تكون مرخصة مزدوجة على النحو الوارد أعلاه ، دون أي شروط أو شروط إضافية.
؟ مشروع مختبرات من أصدقائك في Postlight. ترميز سعيد!
