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 (Wayback Machine saytida 2013-04-03 sanasida arxivlangan)) 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 (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)

Cheklangani

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

Havolalar

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