CSS-kehys

CSS-kehys  on kehys , joka on luotu yksinkertaistamaan taittosuunnittelijan työtä , nopeuttamaan kehitystä ja eliminoimaan mahdollisimman paljon asetteluvirheitä ( yhteensopivuusongelmia eri selainversioiden välillä jne.). Kuten komentosarjakielikirjastot , CSS -kirjastot , yleensä ulkoisen css-tiedoston muodossa, "yhdistetään" projektiin (lisätään verkkosivun otsikkoon). Ominaisuisemmissa kehyksissä on myös enemmän JavaScript-pohjaisia ​​ominaisuuksia ja lisäominaisuuksia, mutta ne ovat enimmäkseen suunnittelusuuntautuneita ja keskittyvät interaktiivisiin käyttöliittymämalleihin. Tämä yksityiskohta erottaa CSS-kehykset muista JavaScript-kehyksistä.

Edut

• Antaa ohjelmoijan tai suunnittelijan, joka ei ole kokenut asettelun monimutkaisuuksissa, luoda oikein HTML - asettelun.
• Asettelu perustuu tasoihin, ei taulukoihin.
• Nopeampi kehitys.
• Crossbrowser -yhteensopivuus .
• Kyky käyttää koodigeneraattoreita [1] ja visuaalisia muokkaajia .
• Koodin yhtenäisyys tiimityöskentelyssä mahdollistaa erimielisyyksien vähentämisen kehityksen aikana.

Haitat

• Kirjastot voivat olla hyvin "paisuneita" - voi olla paljon ylimääräistä koodia, jota ei käytetä projektissa.
• Suunnittelu riippuu css-kirjastosta.
• Tarve lisätä useita luokkia yhteen elementtiin rikkoo periaatetta, jota varten CSS luotiin: rakenteen ja ulkonäön kuvausten erottaminen toisistaan.

Erot

• Jotkut kirjastot [2] käyttävät tyylin nollauksia ( reset.css ) vastaamaan oletustyylejä eri selaimissa, kun taas toiset [3] käyttävät normalisointia ( Normalize.css ) vähentääkseen alkuperäisen kirjastokoodin määrää.

CSS-kirjastotyypit

Mainituista puutteista johtuen CSS-kirjastojen käyttö on kiistanalaista ammattiyhteisössä. Se johti myös erityyppisten CSS-kirjastojen syntymiseen. Perinteisesti voidaan erottaa kaksi tyyppiä: kattava ja rajoitettu. Kolmas vaihtoehto olisi oman kirjaston kehittäminen [4] . Useimmat kehittäjät pitävät tätä vaihtoehtoa parempana, koska se tarjoaa mukautetun ratkaisun edut ja vähentää kolmannen osapuolen kirjastoista riippuvuuden negatiivisia puolia.

Kattavat CSS-kirjastot

Tämäntyyppinen kirjasto yrittää kattaa suurimman osan asioista, joita kehittäjä saattaa tarvita. Tämä tyyppi sisältää kirjastot, jotka sisältävät CSS:n asettelua ja nollausta varten (tai jonkinlaisen kehyksen).

Rajoitettuja CSS-kirjastoja

Kuten nimestä voi päätellä, tämäntyyppinen kirjasto kattaa vain rajoitetun määrän tarpeita tai sillä on tietty tarkoitus.

Esimerkkejä CSS-kirjastoista

Kattava

• Bootstrap on Twitterin  kehittäjien luoma kirjasto .
• W3.css - CSS-kehys w3schoolsilta.
• Twitter-lento
• sininen printti
• UIKit
• Materialize on materiaalisuunnittelun tyylinen CSS- kehys .
• 960 Grid System  on kirjasto nopeaan asettelun kehittämiseen.
• Yet Another Multicolumn Layout (YAML)  - sisältää koodin luontityökalun, kyvyn luoda mukautuvia käyttöliittymiä .
• css-framework  on venäläinen kirjasto web-rajapintojen kehittämiseen.
• Foundation  on edistynyt kirjasto reagoivien käyttöliittymien kehittämiseen .
• Golden Grid System  on kirjasto mukautuvien rajapintojen kehittämiseen kultaisen leikkauksen pohjalta .
• Gumby Framework
• Topcoat  on pieni Adoben kirjasto, jota jaetaan Apache 2.0 -lisenssillä.
• Compass on Railsista riippumaton CSS-kehys.
• Rest CSS Framework

Rajoitettu

• jQuery UI CSS Framework
• CSS-pohjainen Slideshow System  on kirjasto esitysten luomiseen.

Muistiinpanot

1. ↑ YAML Builder . Käyttöpäivä: 20. elokuuta 2012. Arkistoitu alkuperäisestä 23. elokuuta 2012. (määrätön)
2. ↑ Alkuperäinen "meyerweb reset" löysi tiensä Blueprintiin . Käyttöpäivä: 20. elokuuta 2012. Arkistoitu alkuperäisestä 22. elokuuta 2012. (määrätön)
3. ↑ Normalize.css on käytössä Twitter Bootstrapissa, HTML5 Boilerplatessa, NASA:ssa jne . . Haettu 28. syyskuuta 2017. Arkistoitu alkuperäisestä 3. huhtikuuta 2013. (määrätön)
4. ↑ Ohjeet oman CSS-kehyksen kehittämiseen arkistoitu 15. elokuuta 2012.

Linkit

• CSS-kehysten  vertailu
• Kehykset  suunnittelijoille
• Lopullinen luettelo CSS-kehyksistä - Valitse  tyylisi
• 960 Grid System CSS-  kirjasto
•  Bootstrap CSS- kirjasto Githubissa
• Kaikki noin 960g:sta - melkein kattava kuvaus  (venäjäksi)