mansarip/pisahkata

Sesuai untuk mereka yang nak belajar mengenai huruf sambung.

Pisah Kata (HurufArab.com)

Masalah

Apabila kanak-kanak mula mempelajari huruf Arab, salah satu cabaran yang sering dihadapi adalah pemahaman mengenai bagaimana huruf Arab berubah bentuk apabila disambung dengan huruf lain.

Proses penyambungan huruf ini kadang-kadang menyebabkan kesukaran untuk kanak-kanak membezakan huruf dengan ketara.

Bantuan

Laman web ini direka khusus untuk membantu guru-guru dalam menyederhanakan proses pengajaran huruf Arab dan bagaimana ia berubah bentuk apabila disambung dengan huruf lain.

Dengan visual yang jelas dan contoh-contoh yang mudah difahami, kanak-kanak akan dapat melihat dan memahami perubahan huruf dengan lebih efektif.

Ini bukan sahaja memudahkan proses pembelajaran tetapi juga meningkatkan kefahaman dan minat pelajar dalam mempelajari Bahasa Arab.

(Kalau perasan, ayat skema ni ChatGPT yang buatkan 🏃🏻‍♂️💨)

Development

git clone [email protected]:mansarip/pisahkata.git
cd pisahkata
npm i
npm run dev

Known Bug

Webkit/Safari (MacOS, iOS) tidak render huruf dengan betul jika 'hover' feature diaktifkan :

Rujuk: w3c/alreq#222

pisahkata's Issues

Webkit/Safari doesn't display chain letter properly

When enable the 'hover letter' feature, Webkit/Safari doesn't display chain letter properly.

Working (if not indivual styling on each letter), example:

<p>Text</p>

Not working, example:

<p>
  <span>T</span>
  <span>e</span>
  <span>x</span>
  <span>t</span>
</p>

This is a known issue on webkit/safari, including iOS.