أشياء مفيدة للمطورين

أشياء مفيدة للمطورين

كل مطوّر ويب يعرف هذه اللحظة: صفحتك تجلب بيانات من الخادم، والمستخدم ينظر إلى شاشة فارغة لا تتحرك، فيتساءل هل تعطل الموقع أم أن التحميل ما زال جارياً. حل هذه المشكلة الصغيرة يبدو بسيطاً، لكنه يصنع فرقاً حقيقياً في انطباع الزائر. هنا يظهر موقع uiball.com، أو UI Ball، الذي يقدم نفسه بعبارة موجزة: "أشياء مفيدة للمطورين". وأشهر ما فيه حتى اليوم مكتبة LDRS للمؤشرات الدوارة وأنيميشن التحميل.

لكن قبل أن تضيف الموقع إلى مفضلتك، تبرز أسئلة عملية. ما الخدمات التي يقدمها فعلاً؟ هل هو مجاني أم مدفوع؟ من يقف خلفه؟ وهل يمكن استخدام مكتباته في مشروع تجاري؟ وما علاقته بخدمة أخرى تظهر على صفحته الرئيسية اسمها Behold؟ في هذه المراجعة التفصيلية فحصنا الصفحة الرئيسية للموقع وصفحة LDRS ومستودعها على GitHub وصفحة أسعار خدمة Behold، ونعرض لك ما وجدناه بدقة، مع شرح عملي وإجابات عن أبرز 10 أسئلة يطرحها المطورون عن الموقع.

ملاحظة مهمة قبل البدء: الموقع صغير ومركّز بطبيعته، وليس منصة ضخمة بمئات الأدوات. لذلك ستجد في هذه المراجعة تفاصيل دقيقة عمّا يوجد فعلاً، دون حشو أو ادعاء بخدمات غير موجودة. والمعلومات المذكورة هنا مبنية على ما ظهر في الموقع في أكتوبر 2026، وقد تتغير لاحقاً، فراجع الصفحات الرسمية قبل أي قرار يخص مشروعك.

ما هو موقع uiball.com ومن يقف خلفه؟

يعرّف الموقع نفسه في وصفه الرسمي بأنه مكان لـ"أشياء مفيدة لمطوري الويب". ويظهر في أسفل صفحته الرئيسية أنه "صُنع بحب في بروكلين، نيويورك" على يد غريفين جونستون (Griffin Johnston)، وهو المطور نفسه الذي يملك مستودع LDRS على GitHub. وتشير بيانات الصفحة إلى أنها مبنية بإطار Astro، وهو إطار حديث يُعرف بالصفحات الخفيفة السريعة، وهذا يتسق مع روح الموقع القائمة على البساطة والأداء.

وتكشف الصفحة الرئيسية عن بنية متواضعة وواضحة. فهي تعرض مشروعين اثنين فقط. الأول LDRS، ووصفه "أنيميشن تحميل مجانية مفتوحة المصدر". والثاني Behold، ووصفه "خلاصات إنستغرام سهلة وأنيقة" مع الإشارة إلى أنه بنموذج Freemium. وتحتهما قسم عنوانه علامات استفهام يقول إن شيئاً جديداً "قيد الإعداد"، ثم دعوة للاشتراك لمعرفة الجديد فور صدوره. أي أن الموقع يُقدَّم كمنصة تنمو تدريجياً، وما نراه اليوم بداية لمجموعة أدوات قد تتسع مستقبلاً.

هذا النموذج يختلف جذرياً عن مواقع الأدوات الشاملة التي تضم مئات الأدوات المتفرقة. UI Ball أقرب إلى معرض أعمال لمطور مستقل يشارك مشاريعه المفيدة مع المجتمع، ويموّل جهده من خدمة تجارية جانبية. وصفحة LDRS نفسها تقول ذلك بلطف ودعابة، إذ تدعو الزائر إلى دعم المشروع عبر خدمة Behold، وتقول إنها الطريقة التي يدفع بها صاحب الموقع ثمن "الكعك وأشياء أخرى".

الخدمات التي يقدمها الموقع بالتفصيل

يمكن تلخيص ما يقدمه uiball.com حالياً في ثلاث نقاط: مكتبة LDRS المجانية، والإحالة إلى خدمة Behold المدفوعة جزئياً، ونشرة بريدية للإعلان عن المشاريع القادمة. وسنفصل كل واحدة منها.

مكتبة LDRS: مؤشرات تحميل أنيقة وخفيفة

تصف صفحة المشروع مكتبة LDRS بأنها مؤشرات تحميل ومؤشرات دوارة (Loaders & Spinners) مجانية ومفتوحة المصدر لمشروعك القادم. وهي مبنية بـHTML وCSS وSVG، ومتاحة كمكونات React ومكونات ويب (Web Components)، لتحقيق "أقصى توافق" مع مختلف بيئات التطوير. وتؤكد صفحة GitHub الخاصة بها أنها تضم 44 نوعاً من المؤشرات، وأنها بلا اعتماديات خارجية، ومكتوبة بأنواع بيانات (Typed) تريح مستخدمي TypeScript، ولا تعتمد على ملفات GIF مطلقاً.

وتتنوع المؤشرات تنوعاً ممتعاً. ففيها الأشكال الكلاسيكية مثل Ring وSpiral وLine Spinner، وأشكال هندسية مثل Square وSquircle وReuleaux وTrefoil وInfinity، وأشكال قائمة على النقاط مثل Dot Spinner وDot Wave وDot Pulse وDot Stream، وأشكال حركية مرحة مثل Bouncy وJelly وLeapfrog وZoomies وNewton's Cradle، وأشكال تستلهم الأجهزة والعلوم مثل Hourglass وMetronome وCardio وHelix وQuantum وOrbit وPulsar وRipples. هذا التنوع يعني أنك تستطيع غالباً أن تجد مؤشراً يناسب هوية موقعك، سواء كانت رسمية هادئة أو مرحة.

وتتيح الصفحة معاينة كل مؤشر في الوقت الفعلي، ثم الدخول إلى لوحة "المصدر" لنسخ الكود. وتشير وثائق المشروع إلى خيار مهم للمتمسكين بالبساطة: إذا أردت HTML وCSS الصافيين دون أي مكتبة، فاختر المؤشر من الموقع ثم افتح المصدر واختر "HTML & CSS". بهذه الطريقة تحصل على نسخة جاهزة للصق في صفحة ثابتة، دون npm ودون خطوات بناء.

كيف تُستخدم LDRS عملياً

تقوم طريقة العمل على ثلاث خطوات تذكرها الصفحة صراحة: تثبيت وتضمين وتنفيذ. تثبّت الحزمة بأمر npm install ldrs، ثم تستورد المؤشر الذي تريده، مثل import 'ldrs/ring'، ثم تستخدمه في صفحتك كأي عنصر HTML عادي، على هذا النحو: l-ring بخصائص حجم ولون. مثال الصفحة الرسمي يحدد الحجم بستين بكسل واللون بـ"coral". والفكرة الذكية هنا أن الاستيراد يكون لكل مؤشر على حدة، فلا تحمّل إلا ما تستخدمه، وهذا يحافظ على حجم الحزمة صغيراً.

وتوفر المكتبة طريقتين لتسجيل المكونات. الأولى ذاتية التعريف، حيث يسجل الملف نفسه بمجرد استيراده. والثانية التسجيل اليدوي، حيث تستورد المؤشر كاسم مُصدَّر وتستدعي له دالة register. وفي الطريقة الثانية تستطيع تغيير اسم العنصر بتمرير نص إلى الدالة، بشرط أن يحتوي الاسم على شرطة، وهذا شرط عام في عناصر الويب المخصصة. وتضرب الوثائق مثلاً طريفاً بتسمية المؤشر my-precious، وهو يعكس روح الفكاهة في المشروع.

وبالنسبة لمستخدمي React، أضيفت صادرات React رسمياً بدءاً من الإصدار 1.1.3، وتُستورد من ldrs/react بأسماء بنمط PascalCase، مثل Ring، مع استيراد ملف CSS الخاص بالمكون بشكل منفصل. وتكون الخصائص مطابقة لمكونات الويب، لكن بكتابة camelCase مثل bgOpacity. هذا الدعم المزدوج يجعل المكتبة مناسبة سواء كنت تبني تطبيق React، أو تعمل بـ Vue أو Svelte أو Solid، أو بصفحة HTML عادية.

خيارات التخصيص

تدعم المؤشرات مجموعة صغيرة وواضحة من الخصائص. خاصية size تحدد أكبر بُعد للمؤشر بالبكسل. وخاصية color تقبل أي قيمة لون صالحة في CSS، من الأسماء مثل red إلى القيم السداسية وhsla وحتى المتغيرات المخصصة مثل var(--my-custom-color)، وهذه الأخيرة مفيدة جداً لمن يتبنى أنظمة تصميم ويريد أن يتغير لون المؤشر تلقائياً مع الوضع الداكن أو الفاتح.

وخاصية speed تمثل مدة دورة الحركة الكاملة بالثواني، فكلما صغر الرقم زادت السرعة. ومن التفاصيل اللطيفة أن ضبطها على صفر أو Infinity يوقف الحركة، وهذا مفيد لمن يريد احترام تفضيلات المستخدمين الذين يفضلون تقليل الحركة. وخاصية stroke تحدد سمك الخط في المؤشرات الخطية مثل waveform وzoomies، وخاصية stroke-length تحدد طول الجزء المتحرك في المؤشرات المسارية بنسبة بين صفر وواحد، وخاصية bg-opacity تحدد شفافية عناصر الخلفية في مؤشرات مثل reuleaux وhourglass. وتذكّر الوثائق بأن لكل مؤشر قيماً افتراضية مختلفة تظهر في لوحة المصدر.

خدمة Behold: خلاصات إنستغرام

الخدمة الثانية المعروضة على الموقع ليست مجانية بالكامل. Behold أداة لإضافة معارض إنستغرام إلى المواقع والتطبيقات وحملات البريد عبر ويدجت قابل للتضمين أو عبر JSON Feed للمطورين. وتصف صفحتها الرئيسية أربعة حلول: ويدجت للمواقع دون كتابة كود، وخلاصات JSON آمنة للاستخدام من جهة العميل، وتكامل مع Klaviyo لرسائل البريد، وواجهة Admin API للتطبيقات والمنصات التي تحتاج إلى ربط حسابات كثيرة.

ويذكر الموقع أن الخدمة تستخدم واجهات إنستغرام الرسمية، وأنها لا تجمع ولا تخزن بيانات شخصية لزوار موقعك، وتلتزم بمعايير GDPR وCCPA، وأن ويدجتها متاحة لمستخدمي لوحة المفاتيح وقارئات الشاشة. وتعرض الصفحة مراجعات من عملاء من قطاعات مثل التصميم والتسويق. وبما أن هذه الخدمة هي مصدر دخل صاحب الموقع، فمن المنطقي أن تتكرر الإشارة إليها في صفحات uiball.com.

النشرة البريدية والمشاريع القادمة

الخدمة الثالثة هي نموذج الاشتراك في الأخبار تحت عنوان "كن أول من يعرف عند صدور أشياء جديدة". ويلمح قسم علامات الاستفهام إلى مشروع آخر "قيد الإعداد". لا توجد تفاصيل أخرى، ولذلك لن نخمّن طبيعته. لكن الإشارة تعني أن الموقع يخطط للتوسع، وأن الاشتراك طريق عملي لمن يحب متابعة أدوات المطور الجديدة فور صدورها.

هل موقع uiball.com مجاني أم مدفوع؟

الجواب المختصر: uiball.com ومكتبة LDRS مجانيان تماماً، أما خدمة Behold المرتبطة به فتعمل بنظام الباقات. ولنفصل ذلك حتى لا يختلط عليك الأمر.

LDRS مجانية ومفتوحة المصدر

تعلن صفحة LDRS أنها مجانية ومفتوحة المصدر، وتؤكد صفحة GitHub أن الترخيص هو MIT. وهذا ترخيص متسامح جداً يسمح عموماً باستخدام الكود في المشاريع الشخصية والتجارية وتعديله وتوزيعه، بشرط الإبقاء على إشعار حقوق النشر ونص الترخيص. ولا يوجد في ما راجعناه أي حد للاستخدام أو حصة يومية أو اشتراك أو إعلانات. تثبت الحزمة وتستخدمها كما تشاء ضمن شروط الترخيص.

ولأن الترخيص من أنواع المعروفة، تبقى نصيحتنا الاعتيادية: افتح ملف LICENSE في المستودع واقرأه بنفسك، واحتفظ بنسخة من الإشعار المطلوب عند توزيع الكود، وإذا كنت تعمل في شركة لديها سياسة مراجعة للاعتماديات المفتوحة، فمرر المكتبة على قسمك القانوني كما تفعل مع أي حزمة أخرى.

Behold: مجاني بحدود ومدفوع للتوسع

تعرض صفحة الأسعار الرسمية لخدمة Behold ست مستويات. الباقة المجانية بصفر دولار شهرياً تتيح 1200 مشاهدة شهرياً ومصدراً واحداً وخلاصة واحدة وستة منشورات كحد أقصى لكل خلاصة، مع خلاصات JSON وتحديث مرة يومياً وأنماط ويدجت محدودة وظهور شعار Behold عند تمرير المؤشر. ثم باقة Starter بعشرة دولارات شهرياً بـ15 ألف مشاهدة وثلاثة مصادر وتحديث كل ساعة وبلا شعار. ثم باقة Pro بثلاثين دولاراً بـ125 ألف مشاهدة وخمسة عشر مصدراً وتحديث كل خمس دقائق ودعم Klaviyo. ثم باقة Business بستين دولاراً بنصف مليون مشاهدة وثلاثين مصدراً وأدوات تنسيق متقدمة مثل التثبيت والإخفاء وإعادة الترتيب.

وفوق ذلك باقة Scale بمئة وثمانين دولاراً شهرياً بمشاهدات غير محدودة وتحديث كل دقيقة ودعم بريدي ذي أولوية، وباقة Enterprise بسعر يُتفق عليه، مع حدود مخصصة ووصول إلى Admin API واتفاقية مستوى خدمة 99.9٪. وتنص الصفحة على أن الأسعار شاملة للضرائب والرسوم، وأن الفواتير تُرسل بعد كل دفعة، وأن الاسترجاع يُطلب عبر التواصل مع الدعم. وتوضح أن الحساب المجاني يُوقف مؤقتاً عند بلوغ حد المشاهدات حتى بداية الشهر التالي، أما الحسابات المدفوعة فتتوقف فقط إذا تجاوزت الحد شهرين متتاليين.

وللتوضيح، فإن المشاهدة هنا تعني تحميل صفحة تحتوي على ويدجت من Behold، أي تعادل تقريباً مشاهدة الصفحة في أدوات التحليلات. فإذا كان موقعك يستقبل آلاف الزيارات يومياً فستتجاوز الباقة المجانية سريعاً، وإذا كان موقع معرض صغير أو مدونة شخصية فقد تكفيك. وهذه معلومات محدثة وقت كتابة المراجعة، لكن الأسعار قابلة للتغيير، فراجع صفحة الأسعار الرسمية قبل التسجيل.

تجربة الاستخدام: التصميم والسرعة وسهولة التعلم

يعتمد الموقع تصميماً بسيطاً نظيفاً يعطي المحتوى الأولوية. الصفحة الرئيسية تكاد تخلو من الزوائد: عنوان وشعار ومشروعان ونموذج اشتراك. وصفحة LDRS مرتبة بمنطق واضح، فتبدأ بشرح التثبيت في ثلاث خطوات مرقمة، ثم تعرض شبكة المؤشرات الأربعة والأربعين، ثم تختم بدعوة الدعم. وهذا يوفر على المطور عناء القراءة الطويلة، ويجعل الوصول إلى أول مؤشر يعمل مسألة دقائق.

ويخدم اختيار إطار Astro الموقع نفسه، لأن هذا الإطار يولّد صفحات خفيفة بأقل قدر من JavaScript، ما يجعل التصفح سريعاً ويتماشى مع فلسفة مكتبة LDRS التي تفتخر بصغر حجمها. وقد لاحظنا أن الصفحات لا تحمل إعلانات ولا نوافذ منبثقة ولا طلبات تسجيل إجبارية، وهذا يُحسب للموقع بوضوح مقارنة بمواقع كثيرة في المجال.

أما الوثائق، فهي في GitHub بصياغة مباشرة مع أمثلة كود قصيرة لكل خيار، وملفات مستقلة لأدلة الأطر مثل Nuxt وAstro، وملف يشرح لماذا اختار المطور مكونات الويب. وهي بالإنجليزية فقط، وهذه نقطة يجب أن يلاحظها القارئ العربي، لكن لغة الوثائق تقنية بسيطة ومألوفة لمن يعمل في المجال.

المزايا والعيوب بنظرة تحليلية

تتلخص أبرز مزايا الموقع ومكتبته في أن الحل خفيف وبلا اعتماديات، وأن الاستخدام سهل في دقائق، وأن التوافق واسع مع الأطر الحديثة والصفحات العادية، وأن الترخيص MIT مريح للمشاريع التجارية، وأن البدائل متعددة بين مكونات ويب وReact وكود HTML وCSS صرف. كما أن الاعتماد على SVG وCSS بدل ملفات GIF يعني صوراً متحركة حادة تتكيف مع أي حجم وأي لون، وبحجم أقل بكثير.

وفي المقابل توجد حدود يجب معرفتها. أولها أن الموقع محدود النطاق: لن تجد فيه أدوات تحويل ملفات أو محررات صور أو مشغلات أكواد، فهو ليس صندوق أدوات شاملاً. وثانيها أن مكونات الويب لا تعمل إلا في بيئة العميل، وتنبه الوثائق إلى أنها يجب استثناؤها من التصيير على الخادم (SSR)، وهذا يعني خطوات إضافية في أطر مثل Next وNuxt وAstro، وفيها أدلة خاصة لـ Nuxt وAstro. وثالثها أن المؤشرات غير مرتبطة تلقائياً بإتاحة الوصول، فعليك أنت أن تضيف سمات مثل aria-live وaria-busy حول المنطقة التي تحمّل، كما يفعل مثال الوثائق. ورابعها أن الوثائق بالإنجليزية فقط. وخامسها أن ما يُسمى بالأدوات القادمة لم يُعلن عنه بعد، فلا يمكن الحكم عليه.

كيف يقارن uiball.com بالبدائل؟

توجد بدائل كثيرة لمؤشرات التحميل. بعضها مجموعات CSS جاهزة تنسخها يدوياً، وبعضها مكتبات مرتبطة بإطار واحد، وبعضها خدمات أنيميشن تقدم ملفات متحركة معقدة. تتميز LDRS بأنها تجمع الجانبين: كود نظيف صغير يمكنك نسخه كما هو، وحزمة npm منظمة وموثقة ومكتوبة بأنواع بيانات. ولا تتفوق بالضرورة في عدد الأشكال، فهي 44 شكلاً، لكنها تتفوق في الاتساق والبساطة.

فإذا كنت تحتاج أنيميشن معقدة جداً ومخصصة بأسلوب سينمائي، فستحتاج على الأرجح إلى أدوات متخصصة. أما إذا كان هدفك مؤشر تحميل أنيق وسريع يعمل في أي مكان، فهذا بالضبط ما تقدمه LDRS. وفيما يخص Behold، فالبدائل كثيرة في سوق ويدجت إنستغرام، والمقارنة تعتمد على سعرك وعدد زياراتك وحاجتك إلى JSON أو Klaviyo، وهي فئة مستقلة عن مكتبة المؤشرات.

الخصوصية والأمان

من ناحية الخصوصية، الموقع نفسه لا يطلب منك رفع ملفات ولا إدخال بيانات حساسة، فلا توجد أدوات معالجة تعمل على بياناتك. التفاعل الوحيد المحتمل هو إدخال بريدك في نموذج النشرة البريدية إن رغبت. وبما أن الحزمة مفتوحة المصدر وتُثبّت عبر npm بدون اعتماديات، فالمخاطر المرتبطة بسلسلة التوريد أقل مما هي عليه في مكتبات تسحب عشرات الحزم الفرعية. ومع ذلك فالممارسة السليمة أن تثبّت رقم الإصدار في مشروعك، وأن تراجع التحديثات قبل ترقيتها.

وبالنسبة لـ Behold فهي خدمة تعالج حسابات إنستغرام، ولذلك اقرأ سياسة الخصوصية وشروط الخدمة قبل ربط حسابك. وتذكر الخدمة أنها تستخدم الواجهات الرسمية وأنها لا تخزن بيانات الزوار الشخصية، وهذه نقاط إيجابية، لكن القرار النهائي لك بعد القراءة الكاملة للسياسات.

الإجابة عن أبرز 10 أسئلة حول uiball.com

1. ما هو موقع uiball.com بالتحديد؟

هو موقع مطور مستقل يقدم "أشياء مفيدة للمطورين". حالياً يعرض مكتبة LDRS لمؤشرات التحميل المجانية، ويحيل إلى خدمة Behold لخلاصات إنستغرام، ويعد بمشروع جديد قيد الإعداد. وليس موقع أدوات شاملاً بمئات الخدمات.

2. من صاحب الموقع؟

يظهر في أسفل الصفحات أنه من صنع غريفين جونستون من بروكلين في نيويورك، وهو صاحب مستودع LDRS على GitHub. وتؤكد صفحة Behold أنها أيضاً "صُنعت في بروكلين".

3. هل الموقع مجاني؟

نعم، الموقع ومكتبة LDRS مجانيان ولا يتطلبان حساباً. أما خدمة Behold المرتبطة به فلها باقة مجانية محدودة وباقات مدفوعة تبدأ من عشرة دولارات شهرياً، حسب صفحة الأسعار الرسمية.

4. هل يمكن استخدام LDRS في مشروع تجاري؟

ترخيص المكتبة هو MIT، وهو ترخيص يسمح عموماً بالاستخدام التجاري بشرط الحفاظ على إشعار الترخيص. اقرأ ملف LICENSE في المستودع للتأكد، وراجع سياسة شركتك الداخلية إن وُجدت.

5. كيف أثبّت LDRS وأبدأ؟

ثبّت الحزمة بأمر npm install ldrs أو yarn add ldrs، ثم استورد المؤشر المطلوب مثل import 'ldrs/ring'، ثم أضف العنصر l-ring في صفحتك مع خصائص مثل size وcolor. وإن كنت لا تستخدم npm فاختر المؤشر من الموقع وانسخ نسخة HTML وCSS من لوحة المصدر.

6. هل تعمل المكتبة مع React وVue وSvelte؟

نعم. تقول الوثائق إنها تعمل مع React وVue وSvelte وSolid وHTML الصرف. ولمستخدمي React توجد صادرات خاصة من ldrs/react منذ الإصدار 1.1.3، مع استيراد ملف CSS لكل مكون.

7. لماذا لا يظهر المؤشر في تطبيقي المبني بالتصيير على الخادم؟

لأن مكونات الويب لا تعمل إلا في بيئة العميل، ويجب استثناؤها من التصيير على الخادم. تشير الوثائق إلى أدلة مخصصة لـ Nuxt وAstro داخل المستودع، وفي أطر أخرى تحتاج إلى تحميل المكون في جهة العميل فقط.

8. هل أستطيع تخصيص الألوان والأحجام والسرعة؟

نعم. توجد خصائص size وcolor وspeed وstroke وstroke-length وbg-opacity، وتختلف القيم الافتراضية من مؤشر لآخر. اللون يقبل أي قيمة CSS صالحة بما فيها المتغيرات المخصصة، وضبط السرعة على صفر يوقف الحركة.

9. هل المؤشرات متوافقة مع إتاحة الوصول؟

المؤشر البصري وحده لا يكفي لقارئات الشاشة. مثال الوثائق يضع المؤشر داخل عنصر يحمل aria-live بقيمة polite وaria-busy مرتبطة بحالة التحميل، وهذا ما نوصي بتطبيقه. ويمكنك كذلك إيقاف الحركة بضبط السرعة لمن يفضل تقليلها.

10. ما علاقة الموقع بخدمة Behold، وهل أحتاج إليها؟

Behold خدمة منفصلة يملكها صاحب الموقع نفسه وتموّل عمله على المشاريع المجانية. لا تحتاج إليها لاستخدام LDRS إطلاقاً. هي مفيدة فقط إذا أردت عرض صور إنستغرام في موقعك أو تطبيقك أو رسائل البريد.

نصائح عملية لاستخدام LDRS بكفاءة

أول نصيحة أن تستورد المؤشرات التي تحتاجها فقط، فكل مؤشر يُستورد منفصلاً، وبذلك تبقى حزمة مشروعك صغيرة. وثاني نصيحة أن تختار مؤشراً بسيطاً للتطبيقات الرسمية والمالية والطبية، وتحتفظ بالمؤشرات المرحة مثل Jelly وNewton's Cradle للمواقع الإبداعية والمتاجر الشبابية، فالمؤشر جزء من شخصية الموقع.

وثالث نصيحة أن تربط اللون بمتغير CSS لنظام التصميم عندك، فيتغير تلقائياً مع الوضع الداكن. ورابعاً، لا تعرض المؤشر لحالات سريعة جداً، فوميضه لأقل من نصف ثانية قد يزعج أكثر مما يفيد، والأفضل تأخير ظهوره قليلاً. وخامساً، غلّف المؤشر بسمات الإتاحة المناسبة، وأضف نصاً بديلاً أو رسالة حالة لقارئات الشاشة. وسادساً، اختبر الأداء على أجهزة ضعيفة، فرغم خفة المكتبة، فإن عرض عدة مؤشرات متحركة في الصفحة نفسها قد يرهق جهازاً قديماً.

لمن يناسب هذا الموقع ولمن لا يناسب؟

يناسب uiball.com مطوري الواجهات الأمامية الذين يريدون مؤشر تحميل جاهزاً بجودة جيدة دون عناء تصميمه من الصفر، ومصممي الويب الذين يحتاجون كوداً نظيفاً يُنسخ ويُلصق، وطلاب التطوير الذين يتعلمون مكونات الويب من مثال عملي صغير، وأصحاب المشاريع الصغيرة والمدونات الذين يريدون إضافة لمسة احترافية مجاناً. وتناسب Behold أصحاب مواقع الأعمال والمتاجر والمعارض الذين يريدون عرض إنستغرام دون برمجة.

ولا يناسب من يبحث عن موقع أدوات متعدد الاستخدامات لتحويل الملفات أو تحرير الصور أو تنسيق الأكواد، ولا من يحتاج إلى مكتبة أنيميشن ضخمة مخصصة للتفاعلات المعقدة. هؤلاء يحتاجون إلى منصات أخرى أوسع نطاقاً.

الخلاصة والنصيحة العملية

يقدم موقع uiball.com نموذجاً مختلفاً عن مواقع الأدوات المزدحمة. إنه موقع مطور مستقل صغير ومرتب، يعرض مكتبة LDRS المجانية المفتوحة المصدر بترخيص MIT لمؤشرات التحميل الأنيقة الأربعة والأربعين، ويحيل إلى خدمة Behold التي تموّل المشروع بباقات تبدأ بمجانية محدودة، ويلمح إلى أدوات جديدة قادمة. أبرز نقاط قوته البساطة والخفة والتوافق ووضوح الوثائق وغياب الإعلانات. وأبرز حدوده صغر النطاق وضرورة التعامل الخاص مع التصيير على الخادم والوثائق الإنجليزية.

نصيحتنا العملية: جرّب LDRS في مشروع تجريبي صغير قبل اعتمادها في مشروع إنتاجي. اختر مؤشراً واحداً، واربط لونه بمتغير من نظام تصميمك، وأضف سمات الإتاحة، واختبره على جهاز ضعيف. وإذا أعجبتك التجربة فاشترك في النشرة البريدية لتعرف جديد الموقع، ويمكنك دعم المطور بنجمة على GitHub. أما إن كنت تفكر في Behold، فابدأ بالباقة المجانية لتختبر الملاءمة، وراقب عدد المشاهدات الشهرية قبل أن تفكر في الترقية.

الرابط المباشر للموقع: