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- 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- 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- 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
tahrirCSS 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
tahrirBu 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
tahrirNomidan 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
tahrirKeng qamrovli
tahrir- 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
tahrir- jQuery UI CSS Framework
- CSS-ga asoslangan slayd-shou tizimi taqdimotlar yaratish uchun kutubxonadir.
Manbalar
tahrir- ↑ „YAML Builder“. 2012-yil 23-avgustda asl nusxadan arxivlangan. Qaraldi: 2012-yil 20-avgust.
- ↑ „The original «meyerweb reset» found it’s way into Blueprint“. 2012-yil 22-avgustda asl nusxadan arxivlangan. Qaraldi: 2012-yil 20-avgust.
- ↑ „Normalize.css используется в Twitter Bootstrap, HTML5 Boilerplate, NASA и др.“. 2013-yil 3-aprelda asl nusxadan arxivlangan. Qaraldi: 2017-yil 28-sentyabr.
- ↑ Guidelines for Developing Your Own CSS Framework (Wayback Machine saytida 2012-08-15 sanasida arxivlangan)