Cadru CSS
Versiunea actuală a paginii nu a fost încă examinată de colaboratori experimentați și poate diferi semnificativ de
versiunea revizuită pe 12 mai 2016; verificările necesită
22 de modificări .
Framework CSS este un cadru creat pentru a simplifica munca unui designer de layout , a accelera dezvoltarea și a elimina numărul maxim posibil de erori de layout ( probleme de compatibilitate între diferite versiuni de browser etc.). La fel ca bibliotecile de limbaje de programare scripting , CSS-bibliotecile, de obicei sub forma unui fișier css extern, sunt „conectate” la proiect (adăugate la antetul paginii web). Cadrele mai bogate în funcții au, de asemenea, mai multe funcții și extrauri bazate pe JavaScript, dar sunt în mare parte orientate spre design și se concentrează pe modele interactive de UI. Acest detaliu distinge cadrele CSS de alte cadre JavaScript.
Beneficii
- Permite unui programator sau designer care nu are experiență în complexitatea aspectului să creeze corect un aspect HTML .
- Aspect bazat pe straturi, nu pe tabele.
- Dezvoltare mai rapidă.
- Compatibilitate crossbrowser .
- Abilitatea de a utiliza generatoare de cod [1] și editori vizuali .
- Uniformitatea codului atunci când lucrați în echipă vă permite să reduceți numărul de dezacorduri în timpul dezvoltării.
Dezavantaje
- Bibliotecile pot fi foarte „umflate” - pot exista o mulțime de cod suplimentar care nu va fi folosit în proiect.
- Designul va depinde de biblioteca CSS.
- Necesitatea de a adăuga mai multe clase la un singur element încalcă principiul pentru care a fost creat CSS: separarea descrierilor structurii și aspectului.
Diferențele
- Unele biblioteci [2] folosesc resetări de stil ( reset.css ) pentru a se potrivi cu stilurile implicite din browsere, în timp ce altele [3] folosesc normalizarea ( Normalize.css ) pentru a reduce cantitatea de cod inițial al bibliotecii.
Tipuri de bibliotecă CSS
Din cauza deficiențelor menționate, utilizarea bibliotecilor CSS este controversată în comunitatea profesională. De asemenea, a dus la apariția diferitelor tipuri de biblioteci CSS. În mod convențional, se pot distinge două tipuri: Comprehensive și Limited. O a treia opțiune ar fi să vă dezvoltați propria bibliotecă [4] . Această opțiune este preferată de majoritatea dezvoltatorilor, deoarece oferă beneficiile unei soluții personalizate și reduce aspectele negative ale dependenței de biblioteci terțe.
Biblioteci CSS complete
Acest tip de bibliotecă încearcă să acopere majoritatea lucrurilor de care ar putea avea nevoie un dezvoltator. Acest tip include biblioteci care includ CSS pentru aspect și resetare (sau un fel de cadru).
Biblioteci CSS limitate
După cum sugerează și numele, acest tip de bibliotecă acoperă doar o gamă limitată de nevoi sau are un scop specific.
Exemple de biblioteci CSS
Cuprinzător
Limitat
Note
- ↑ YAML Builder . Data accesului: 20 august 2012. Arhivat din original pe 23 august 2012. (nedefinit)
- ↑ „Meyerweb reset” original a găsit drumul în Blueprint . Data accesului: 20 august 2012. Arhivat din original pe 22 august 2012. (nedefinit)
- ↑ Normalize.css este folosit în Twitter Bootstrap, HTML5 Boilerplate, NASA etc. Consultat la 28 septembrie 2017. Arhivat din original la 3 aprilie 2013. (nedefinit)
- ↑ Ghid pentru dezvoltarea propriului cadru CSS Arhivat 15 august 2012.
Link -uri