Bu namuna post — o’chiring yoki o’zingiznikiga almashtiring.
Bu sayt qanday ishlaydi
· 1 daqiqa o’qish
Bu sayt o'zini operatsion tizim kabi tutadi: oynalar sudraladi, chetga yopishadi, dock bor, ikkita mavzu bir-biriga almashadi. Bunday interfeysning eng katta xavfi — qidiruv tizimlari hech narsa ko'rmay qolishi.
Yechim: kontent avval, qobiq keyin
Butun matn server tomonda render qilinadi va DOM'da turadi. OS qobig'i uning
ustidan kiyiladi, o'rniga qo'yilmaydi. JavaScript o'chirilgan brauzerda
.no-js qoidasi qobiqni yashiradi va oddiy hujjat qoladi.
Har bir bo'lim uchun haqiqiy manzil bor:
/uz/about/uz/projects/orbit/uz/blog/qanday-ishlaydi
Oyna ochilganda URL ham yangilanadi — ?app=projects&p=orbit. Havolani ulashsangiz
o'sha oyna ochilgan holda ochiladi, brauzerning «orqaga» tugmasi esa oynani yopadi.
Ikkita dunyo, bitta komponent
Hech bir komponent rangni qattiq yozmaydi. Faqat semantik token ishlatiladi:
--surface, --accent, --window-border, --radius-window. Mavzu <html data-skin>
orqali almashadi, shuning uchun Night va Day uchun alohida komponent to'plami kerak emas.
Nimaga e'tibor berilgan
| Qoida | Sabab |
|---|---|
| Mobilda soxta status bar yo'q | Real qurilmada haqiqiysi ustiga tushadi |
| Bosish maydoni ≥ 44px | Vizual element kichik bo'lsa ham |
prefers-reduced-motion |
Boot o'tkaziladi, animatsiyalar o'chadi |