نشر Ritla UI
مكوّنات جاهزة للعربية، تحل حيث تتعطل مكوّناتك
نستبدل المكوّنات التي تتعطل بالعربية بمكوّنات ريتلا، فيبقى الإصلاح إصلاحًا.
- السعر
- يُحدَّد بعد الفحص
- المدة
- تحددها خريطة النشر
- البداية
- فحص مجاني
بعض عيوب العربية ليست أخطاء في صفحتك، بل خصائص في مكوّن: حقل هاتف يترك للمتصفح إعادة ترتيب الرقم، ومنتقي تاريخ لا يعرف إلا اليسار إلى اليمين، وأيقونة تشير إلى الوراء في كل شاشة تستخدمها. إصلاح كل شاشة يدويًا يصلحها حتى تُنشر الشاشة التالية. أما النشر فيستبدل المكوّن نفسه بما يقابله في ريتلا، مبنيًا على الفحوص نفسها التي يشغّلها الفحص، فيرحل نوع العيب كله معه. الفحص يقرر أي المكوّنات تستحق الاستبدال، وما يجتاز منها يبقى لك.
هذه الخدمة لك إن
المواقف التي صُمّمت هذه الخدمة من أجلها.
يعود العيب العربي نفسه في كل شاشة تعيد استخدام مكوّن ما
يُصلح فريقك مشكلات RTL شاشة شاشة، والقائمة لا تقصر أبدًا
تبني مسارات عربية جديدة وتريدها صحيحة من أول commit
الدفع أو إنشاء الحساب أو المدفوعات تحمل إيرادك ولا تحتمل انتظار إعادة تصميم
الفرق
شاشة معكوسة، وشاشة مبنية
بطاقة التحويل العربية نفسها مرتين: الأولى شاشة إنجليزية عكستها ورقة أنماط، والثانية مبنية بمكوّنات ريتلا. الدبابيس المرقّمة هي العيوب التي يزيلها النشر من المكوّن نفسه، مرة واحدة.
- خط لاتيني من النظام وارتفاع سطر ضيق: العربية مكدّسة، وحركاتها مقصوصة.
- رقم الهاتف دون عزل: مجموعات أرقامه تتبدّل حول المسافات.
- علامة الصح انعكست مع كل شيء آخر، وعلامة الصح لا اتجاه لها.
- سهم المتابعة منسوخ من الإنجليزية، فيشير في العربية إلى الخلف.
خط IBM Plex Sans Arabic بارتفاعات أسطر عربية، ورقم الهاتف من اليسار إلى اليمين داخل نموذج من اليمين إلى اليسار، وعلامة الصح كما هي، والسهم يتبع اتجاه القراءة.
مثال توضيحي: HTML وCSS حيّان. مأخوذ من عيّناتنا ومن عمليات فحص لمواقع منشورة، لا من عمل لعميل.
النطاق
ما يشمله العمل
ما تحصل عليه
- فحص أساسي مؤرشف، وكل ملاحظة فيه مردودة إلى المكوّن الذي يسببها
- خريطة نشر: أي المكوّنات تُستبدل وأيها يبقى ولماذا، مرتبة بعدد الشاشات التي يعطبها كل مكوّن
- مكوّنات ريتلا مثبتة ككود مصدري في مستودعك، ومكيّفة مع خصائصك وبياناتك
- تجربة على مسار حقيقي واحد أولًا، مقيسة، قبل المساس بأي شيء أوسع
- طلبات دمج تراجعها وتدمجها بنفسك، مكوّنًا واحدًا أو مسارًا واحدًا في كل مرة
- عمليات فحص للتحقق على كل مقاس عرض، تتكرر حتى النظافة على المسارات المشمولة
- تسليم مختصر: كيف تنعكس المكوّنات، وما لا ينعكس أبدًا، وكيف توسّعها
ما نحتاجه منك
- صلاحية الوصول إلى المستودع، أو نسخة نفتح عليها طلبات الدمج
- كود React يستخدم Tailwind، أو قرار باعتماده للمكوّنات المشمولة
- بيئة اختبار يصل فيها الفحص إلى النسخة العربية
ما لا يشمله العمل
- المكوّنات التي تجتاز أصلًا: استبدال كود يعمل جهد ضائع، والفحص يخبرنا بها
- أطر العمل غير React. نحدد نطاق التقنيات الأخرى حالة بحالة بدل أن نعد بها
- الترجمة نفسها: نُصلح الإطار الذي تجلس فيه العربية، لا الكلمات
المراحل
كيف يسير العمل
المدة: تحددها خريطة النشر. كل خطوة تنتهي بشيء تراه.
الفحص والخريطة
زحف كامل، ثم تُردّ كل ملاحظة إلى المكوّن الذي وراءها. خريطة النشر ترتب المكوّنات بعدد الشاشات التي تعطبها، وما يجتاز منها يُترك كما هو.
تجربة مسار واحد
المكوّنات التي يحتاجها مسار حقيقي واحد، مثبتة ومكيّفة مع خصائصك وبياناتك، ومفحوصة قبل وبعد. في التجربة تقرر إن كان الباقي يستحق.
النشر
بقية المكوّنات على الخريطة، بطلب دمج لكل مكوّن أو لكل مسار، فتبقى المراجعة صغيرة ولا يصل شيء دون أن يُرى.
التحقق والتسليم
عمليات فحص على كل مقاس عرض للمسارات المشمولة، تتكرر حتى النظافة، وتسليم مختصر عمّا ينعكس، وما لا ينعكس أبدًا، وكيف توسّع المكوّنات.
مدعوم بالمحرك
الفحوص التي يعتمد عليها هذا العمل
كل ملاحظة تبدأ من أحد هذه الفحوص، ومعها الدليل. لكل فحص صفحة تشرح متى يظهر وكيف تُصلحه. تصفّح كل الفحوص.
- حاوية مجبرة على الاتجاه من اليسار، أو تجاوز لخوارزمية الاتجاه، فوق محتوى عربيتحت صندوق
dir="ltr"أوdirection: ltrيبدأ النص العربي من الحافة الخاطئة وتختل مواضع علامات ترقيمه، وbidi-overrideقد يقلب حروفه أو يعكس الأرقام المضمّنة فيه. - مخاطر اتجاه غير معزولة: أرقام هواتف وبريد إلكتروني ومقاطع لاتينية داخل نص عربيفي النص من اليمين إلى اليسار، يظهر رقم هاتف مثل
+966 55 123 4567بهيئة4567 123 55 966+ما لم يُعزل في<bdi>، والأرقام المحاطة بأقواس أو المسبوقة بإشارات قد تنقلب بالطريقة نفسها. - حقول الهاتف والبريد الإلكتروني والرابط تُعرض من اليمين إلى اليسار (ويجب أن تبقى من اليسار إلى اليمين)حقول الهاتف والبريد الإلكتروني والرابط المتروكة من اليمين إلى اليسار في صفحة عربية: قيمها نصوص من اليسار إلى اليمين، فقد تظهر مجموعات الأرقام وعلامات الترقيم بترتيب خاطئ أثناء الكتابة.
- أرقام مشرقية وغربية مختلطة في السياق نفسهخلط ٣ و3 في جدول أو قائمة أو
fieldsetواحد يصعّب مقارنة الأرقام بنظرة؛ والأرقام في النص الجاري خارج هذه الحاويات لا تُفحص. flexبقيمةrow-reverseتصطنع الاتجاه من اليمين بدلdir(ترتيب التنقل بالمفتاح Tab يعاكس الترتيب المرئي)على صفحة من اليمين إلى اليسار، شريط تنقل أو قائمة مضبوطة علىflex-direction: row-reverseتعرض عناصرها بعكس ترتيبها في المصدر، فيتحرك التركيز بالضغط على Tab عكس اتجاه نظر القارئ العربي.
ابدأ
افحص أولًا، ثم نتحدث عن ملاحظاتك.
يستغرق الفحص نحو دقيقة ولا يكلّف شيئًا. يصلنا طلبك ومعه الفحص، فيبدأ الرد من دليل على موقعك لا من أسئلة عنه.
- الصق رابط صفحتك العربية.
- اطّلع على نتيجتك وأهم الملاحظات.
- أخبرنا بما تحتاجه، ويردّ عليك شخص خلال يوم عمل واحد.
ابدأ بفحص
نفضّل أن ننظر قبل أن نتحدث. أعطنا الرابط وسنشغّل الفحص نفسه الذي تشغّله الصفحة الرئيسية، ثم أخبرنا بما تحتاجه.
الأسئلة الشائعة
أسئلة عن نشر Ritla UI
بقية الدرجات
طرق أخرى نساعدك بها
- نراجع
شهادة جاهزية العربية
تدقيق قبل الإطلاق يجريه مراجعون يقرؤون العربية، وينتهي بشهادة.اطّلع على الخدمة - نُصلح
التحويل إلى RTL
ننقل المنتج من نتيجته المقيسة إلى نتيجة نظيفة، والفحص هو الإيصال.اطّلع على الخدمة - نراجع
تدقيق الخطوط والطباعة العربية
الطبقة التي تقرر إن كانت العربية تبدو أصيلة أم مجرد حاضرة.اطّلع على الخدمة - نتابع
متابعة الجودة الشهرية
لفرق تُطلق باستمرار وليس بينها من يقرأ العربية.اطّلع على الخدمة - نصمّم
ثيم مخصّص
علامتك التجارية ثيمًا من ريتلا: ملف Figma وكود من رموز التصميم نفسها، والعربية أولًا.اطّلع على الخدمة - تسلّم أنت
شركاء الوكالات
أعِد بيع الشهادة والتحويل باسم علامتك.اطّلع على الخدمة
اعرف أين تقف عربيتك
فحص مجاني لصفحة واحدة، بنتيجة وشرح في نحو دقيقة. وإن أخبرك بكل ما تحتاجه، فهذه نتيجة جيدة أيضًا.
ابدأ بفحص مجانيكل الخدمات