CSS frame work

CSS ramkasi — maket dizaynerining ishini soddalashtirish, rivojlanish tezligi va maksimal mumkin boʻlgan tartib xatolarini yoʻq qilish uchun yaratilgan ramka (turli xil brauzer versiyalari oʻrtasidagi moslik muammolari va boshqalar). Skript tillari kutubxonalari kabi odatda tashqi CSS fayli koʻrinishidagi CSS kutubxonalari loyihaga „ulanadi“ (veb-sahifaning sarlavhasiga qoʻshiladi). Funksiyalari koʻproq boʻlgan raqobatbardosh freymvorklar JavaScript asosida qoʻshimcha funksiyalarga ega boʻlishi mumkin, lekin ularga asosan dizayn va foydalanuvchi interfeysining interaktiv shablonlari uchun moʻljallangan. Bu tafsilot CSS freymvorklarini boshqa JavaScript freymvorklardan farq qiladi.

Afzalliklari[tahrir | manbasini tahrirlash]

Tartibning murakkabligi boʻyicha tajribasiz dasturchi yoki dizaynerga HTML tartibini toʻgʻri yaratishga imkon beradi.
Jadvallarga emas, qatlamlarga asoslangan tartib.
Tezroq rivojlanish.
Oʻzaro brauzer.
Kod generatorlari^[1] va vizual muharrirlardan foydalanish qobiliyati.
Jamoada ishlashda kodning bir xilligi rivojlanish jarayonida kelishmovchiliklar sonini kamaytirishga imkon beradi.

Kamchiliklari[tahrir | manbasini tahrirlash]

Kutubxonalar juda „kengayib ketgan“ boʻlishi mumkin — loyihada ishlatilmaydigan juda koʻp qoʻshimcha kodlar boʻlishi mumkin.
Dizayn CSS kutubxonasiga bogʻliq boʻladi.
Bitta elementga bir nechta sinflarni qoʻshish kerakligi CSS yaratilgan printsipni buzadi: struktura va tashqi koʻrinish tavsiflarini ajratish.

Farqlari[tahrir | manbasini tahrirlash]

Baʼzi kutubxonalar^[2] brauzerlar boʻylab standart uslublarga mos kelish uchun uslublarni tiklashdan (reset.css) foydalanadi, boshqalari^[3] boshlangʻich kutubxona kodi miqdorini kamaytirish uchun normalizatsiyadan (Normalize.css (Wayback Machine saytida 2013-04-03 sanasida arxivlangan)) foydalanadi.

CSS kutubxonalarining turlari[tahrir | manbasini tahrirlash]

CSS kutubxonalardan foydalanish uchun koʻrsatilgan yuqori noqulayliklar sababli, bu muammolar professional jamaatda muzokaralar tugatadi. Bundan tashqari, bu, turli xil CSS kutubxonalarning paydo boʻlishiga olib kelgan. Umuman olinganlik va cheklanmaganliklar barcha turi uchun ajratilishi mumkin. Uchunchi variant sifatida, oʻzining oʻziga xos kutubxonasini ishlab chiqish mumkin^[4]. Bu variant koʻp yaratuvchilar tomonidan afzal koʻriladi, chunki shaxsiy yechimlar foydalanishning tomoni bilan bogʻliq noqulayliklarni kamaytiradi va tashqi kutubxonalardan bogʻliqligi kamaytiriladi.

Keng qamrovli CSS kutubxonalari[tahrir | manbasini tahrirlash]

Bu kutubxona turi, dasturchiga kerak boʻlishi mumkin boʻlgan narsalarning koʻp qismini qamrab olmoqda. Ushbu turga, tahrirlash va oʻchirish uchun CSS kodlari (yoki asos) oʻz ichiga olgan bibilotekalar kiradi.

Cheklangan CSS kutubxonalari[tahrir | manbasini tahrirlash]

Nomidan ham bilib olishimiz mumkin, bu turi CSS-kutubxonalari faqat belgilangan maqsadga yoʻnaltirilgan yoki cheklanib qolgan zarur boʻlgan tahlil, yorliq va qoʻllanmalarni oʻz ichiga oladi.

CSS kutubxonalariga misollari[tahrir | manbasini tahrirlash]

Keng qamrovli[tahrir | manbasini tahrirlash]

Bootstrap — bu Twitter ishlab chiquvchilari tomonidan yaratilgan kutubxona.
W3.css — w3schools dan CSS ramkasi.
Twitter parvozi
koʻk rangli bosma
UIKit
Materialize — Material Design uslubidagi CSS ramkasi.
960 Grid System — bu tartibni tez ishlab chiqish uchun kutubxona.
Yana bir koʻp ustunli tartib (YAML) — kod yaratish vositasi, moslashuvchan interfeyslarni yaratish qobiliyatiga ega.
css-framework — bu veb-interfeyslarni ishlab chiqish uchun rus kutubxonasi.
Foundation — sezgir interfeyslarni ishlab chiqish uchun rivojlangan kutubxona.
Golden Grid System (Wayback Machine saytida 2023-01-31 sanasida arxivlangan) — bu oltin boʻlimga asoslangan adaptiv interfeyslarni ishlab chiqish uchun kutubxona.
Gumby Framework
Topcoat — bu Apache 2.0 litsenziyasi ostida tarqatilgan Adobe kompaniyasining kichik kutubxonasi.
Compass — bu Rails-dan mustaqil CSS ramkasi.
Dam olish CSS Framework (Wayback Machine saytida 2023-04-08 sanasida arxivlangan)