RTL tillarni qanday "support" qilamiz?
Ba'zi dasturlar LTR(Left to right) emas, RTL(Right to left) o'qiladigan tillarni ham "support" qilishi kerak bo'ladi.
Shunday holatda qanday qadamlarni hisobga olishimiz kerak?
🔶 HTML tegimizga dinamik lang va dir xossalarini berishimiz kerak.
🔶 margin-left kabi aniq xossalar o'rniga, o'rniga margin-inline-start kabi dinamik xossalar berish kerak. (padding-* uchun padding-inline-*). Loyiha yozib bo'lingan bo'lsa, eng tez yo'li rtlcss kutubxonalardan birini ishlatish. Alohida "flipped css file" chiqazib beradi, bitta refresh qilib dinamik ravishda main.css'ni main.rtl.css ga o'girib qo'yasiz.
🔶 Ko'pincha rasmlar va icon'larni mirror qilishga to'g'ri keladi. Masalan transform: scaleX(-1) bilan.
🔶 Date formatlarni ham esingizdan chiqarmang.
Sizda yana qanday maslahatlar bor?
#rtl #css #frontend #accessibility
@JoshDeveloper
Ba'zi dasturlar LTR(Left to right) emas, RTL(Right to left) o'qiladigan tillarni ham "support" qilishi kerak bo'ladi.
Shunday holatda qanday qadamlarni hisobga olishimiz kerak?
🔶 HTML tegimizga dinamik lang va dir xossalarini berishimiz kerak.
🔶 margin-left kabi aniq xossalar o'rniga, o'rniga margin-inline-start kabi dinamik xossalar berish kerak. (padding-* uchun padding-inline-*). Loyiha yozib bo'lingan bo'lsa, eng tez yo'li rtlcss kutubxonalardan birini ishlatish. Alohida "flipped css file" chiqazib beradi, bitta refresh qilib dinamik ravishda main.css'ni main.rtl.css ga o'girib qo'yasiz.
🔶 Ko'pincha rasmlar va icon'larni mirror qilishga to'g'ri keladi. Masalan transform: scaleX(-1) bilan.
🔶 Date formatlarni ham esingizdan chiqarmang.
Sizda yana qanday maslahatlar bor?
#rtl #css #frontend #accessibility
@JoshDeveloper
👏16👍6🔥5❤1