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[1] 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[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 ) 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[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
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
- ↑ „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)