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 

 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 va vizual muharrirlardan foydalanish qobiliyati.
 Jamoada ishlashda kodning bir xilligi rivojlanish jarayonida kelishmovchiliklar sonini kamaytirishga imkon beradi.

Kamchiliklari 

 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 

 Baʼzi kutubxonalar brauzerlar boʻylab standart uslublarga mos kelish uchun uslublarni tiklashdan (reset.css) foydalanadi, boshqalari boshlangʻich kutubxona kodi miqdorini kamaytirish uchun normalizatsiyadan (Normalize.css ) foydalanadi.

CSS kutubxonalarining turlari 
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. 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 
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 
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

Keng qamrovli 

 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  — 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

Cheklangani 

 jQuery UI CSS Framework
 CSS-ga asoslangan slayd-shou tizimi taqdimotlar yaratish uchun kutubxonadir.

Manbalar

Havolalar 

 CSS ramkalarini taqqoslash
 Dizaynerlar uchun ramkalar
 CSS ramkalarining aniq roʻyxati — Oʻz uslubingizni tanlang
 960 Grid System CSS kutubxonasi
 Github-dagi Bootstrap CSS kutubxonasi
 960 g haqida hamma narsa — deyarli toʻliq tavsif (rus.)
Veb-dizayn