What is new in CSS ?

Link: https://developer.apple.com/videos/play/wwdc2023/10121/

#css

@JoshDeveloper

Clip-path

CSS’da istalgan elementni harxil ko’rinishga olib kelib kesish uchun ishlatiladigan xossa - clip-path.

Yozish biroz qiyin bo’lgani uchun, o’rganib o’tirish o’rniga, quyidagi ajoyib saytdan foydalanaman.
Clippy: https://bennettfeely.com/clippy

Bugun juda shu sayt foydasi tegdi-da.

#css

@JoshDeveloper

Bu safar ham shu CSS saytini foydasi tegdi.
Tekinga reklama qilishga arziydigan sayt 😉

Clippy: https://bennettfeely.com/clippy

#tavsiya #css

@JoshDeveloper

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

"State of CSS 2025"ni ham qarshi oling 🔥

Link: https://2025.stateofcss.com/en-US

#css

@JoshDeveloper