Giter VIP home page Giter VIP logo

tashkeel's Introduction

بسم الله الرحمن الرحيم

تلوين التشكيل والنقط

اللغة العربية مِن أكثر اللغات البشرية تطورًا. ورغم انضباط كتابتها إلا أننا نتثاقل في بعض الأحيان من رؤية التشكيل الزائد في الكلمات. بل إنّ القارئ العربي قادر على فهم النص الذي يخلو من التشكيل والنقط بشكلٍ مُثيرٍ للدهشة والإعجاب معًا.

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

أضع بين أيديكم نموذجًا أوليا لإثبات الفكرة (وهو صفحة "هتمل" مع نص جافاسكريب مع خط أندوريد نسخ مُعدّل) يتيح تلوين التشكيل والنقاط وإشارات الترقيم كلٌ بلونٍ مختلف عن لون الخط الأصلي.

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

وهذا مثال كيف يبدو النص بعد التلوين:

كما يمكنكم طبعا إخفاء النقط والتشكيل بشكل كامل إن أردتم.

ملاحظة هامّة: لم يُعر المتصفح غوغل كروم اهتماما كافيا بعرض النص العربي بالشكل الصحيح وقد تابعتُ الأمر معهم دون جدوى. ولكن في المقابل فإن متصفح موزلا "فايرفوكس" يدعم النصوص العربية بشكلٍ أفضل بكثير. ولذلك فإن هذا البرنامج لا يعمل بالشكل المطلوب إلا على فايرفوكس (على الأقل عند وقت إصدار هذا البرنامج).

لتجربة البرنامج بشكل مباشر اضغطوا هنا

(لا تنسوا أن تفتحوا الرابط مِن خلال المتصفح فايرفوكس)


مُلحق:

جدول تحويل الحروف المنقطة والمهموزة إلى نظيرها غير النقط ولا المهموز

رمز الحرف المجرد رمزه اسم الحرف
66E 628 ب
66E 62A ت
66E 62B ث
62F 630 ذ
631 632 ز
62D 62C ج
62D 62C خ
633 634 ش
635 636 ض
637 638 ظ
639 63A غ
66F 642 ق
6A1 641 ف
649 64A ي
647 629 ة
6BA 646 ن
627 623 إ
627 623 أ
627 622 آ

مُلحق:

قائمة الأحرف التي يلزم تعديلها على الخط ليعمل بالشكل المطلوب

هذه رموز المحارف المُوَحَّدَة "يونيكود" التي لزم تعديلها. والتعديل كان فقط في مطابقة الأحرف في قياس العرض مع الأحرف الأصلية.

الترميز السداسي عشر شكل الحرف اسم الحرف
FEF3 يـ Arabic letter Yah initial form
FEF4 ـيـ Arabic letter Yah medial form
FE91 بـ Arabic letter Beh initial form
FE92 ـبـ Arabic letter Beh medial form
FE90 ـب Arabic letter Beh final form
FE8F ب Arabic letter Beh isolated form
FE97 تـ Arabic letter Teh initial form
FE98 ـتـ Arabic letter Teh medial form
FE96 ـت Arabic letter Teh final form
FE96 ـت Arabic letter Teh final form
FE95 ت Arabic letter Teh isolated form
FE9B ثـ Arabic letter Theh initial form
FE9C ـثـ Arabic letter Theh medial form
FE9A ـث Arabic letter Theh final form
FE99 ث Arabic letter Theh isolated form
FE94 ـة Arabic letter Teh marbuta final form
FE93 ة Arabic letter Teh marbuta isolated form
FE83 أ Arabic letter Alef with Hamza above isolated form
FE87 إ Arabic letter Alef with Hamza below isolated form
FE84 ـأ Arabic letter Alef with Hamza above final form
FE82 ـآ Arabic letter Alef with madda above final form
FE81 آ Arabic letter Alef with madda above isolated form

tashkeel's People

Contributors

kefahi avatar ahmadnourallah avatar

Stargazers

 avatar Muath Alsowadi avatar Brahim avatar Watheq Alshowaiter avatar AbdulAziz AlGhamdi avatar Wasim Alhajebi avatar  avatar  avatar baxiry avatar  avatar Hartha aloufi avatar  avatar Mohammad Noor Abu Khleif avatar Khaled Ezzughayyar avatar Khaled Al-Ansari avatar Omar Abdelhafith avatar Osama avatar Sam.Z.D avatar Abdelrahman Ghanem avatar

Watchers

 avatar  avatar  avatar

tashkeel's Issues

Arabic fonts with full unicode

The following fonts should work without tanqeet as they have the upper Unicode shapes

'Noto Kufi Arabic', sans-serif;
'Noto Naskh Arabic', serif;
'Noto Nastaliq Urdu', serif;
'Noto Sans Arabic', sans-serif;
***'Qahiri', sans-serif;
'Scheherazade New', serif;

They are all Google Fonts.

The Qahiri font however does not have the tashkeel. The font Scheherazade has the best display.

Regards

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.