Ehkki enamik veebisaite töötab sisuhalduri alluvuses, on palju öelda portaali loomise kohta nullist. Ja igatahes vajavad sisuhaldurid ka kedagi, kes hoolitseks nende visuaalse välimuse eest. Selles postituses vaatame läbi mõned parimad tööriistad CSS-i stiililehtede loomiseks.
Alustame algusest. Mis on CSS?
Milline oleks teie unistuste maja? Kas sellel oleks üks või kaks korrust? Kas soovite, et magamistoad oleksid allkorrusel ja köök ülakorrusel? Miks mitte panna vann magamistuppa?
Ja kui see on lahendatud, siis mis värvi te ruume värviksite? Kas teeksite kivi esiosa?
Saame teha analoogia veebisaidi ja maja vahel. Ühest küljest meil on saidi ülesehitus ja teiselt poolt visuaalne aspekt. Juhul, kui struktuur määratakse plaani ja visuaalse küljega, vaadates dekoratsiooninäidiseid.
CSS on kaskaadstiililehtede lühend.. HTML-i kasutatakse veebidokumendi struktureerimiseks (näiteks lehtede, pealkirjade määratlemine ja piltide, video ja muu meediumi manustamise aeg) CSS määrab lehe paigutuse stiili, värvid ja tüpograafia.
CSS-iga saate määratleda stiili igale HTML-elemendile. Elemendid on veebisaidi üksikud HTML-komponendid.
Stiililehed need võivad olla välised, sisemised või võrgus. Kui soovite neid kasutada väliselt, peate need salvestama .css-failidena ja ütlema .html-failile, kust neid leida.
Siserežiimis on juhised kirjutatud konkreetse .html-lehe päisesse. See muudab lehe laadimise aeglasemaks ja muutmise keerukamaks.
Veebirežiimis hostitakse välist stiililehte teises serveris. Need sobivad eriti siis, kui soovime neid mitu korda kasutada.
Mis on CSS-i raamistik?
CSS-i raamistikud need on tööriistad, mida kasutajaliidese arendajad kasutavad oma töö kiirendamiseks. Selle asemel, et iga kord, kui uus projekt ette tuleb, lahendusi nullist looma, lraamistikud annavad arendajatele tööriistad kasutajaliideste kiireks loomiseks, mida saab vastavalt vajadusele reguleerida ja itereerida.
Mõne sõnaga saame raamid määratleda kui CSS-i stiililehtede kogu, mis on valmis ja kasutusvalmis erinevates olukordades.
Aja kokkuhoid pole ainus kasu, mis CSS-i raamistike kasutamisest tuleneb. Neid kasutades on kujundused standardiseeritud ja need võimaldavad arendajal hõlpsasti lugeda teise arendaja koodi.
Parimad avatud lähtekoodiga CSS-i raamistikud
Bootstrap
Enda sõnulBootstrap on HTML-i, CSS-i ja JS-i raamistikest kõige populaarsem. See sobib ideaalselt mobiilisõbralike (kõigepealt mobiilne) ja tundlike saitide kujundamiseks.
Sihtasutus
Tundub, et inimestel, kes teevad raame, pole vanaema.
Sihtasutus Seda on kirjeldatud kui "maailma kõige arenenum adaptiivne raamistik"
See on kasulik tööriist veebisaitide ja veebirakenduste loomiseks rõhutades ettevõtte vajadusi. Selle kasutajate hulka kuuluvad Facebook, eBay, Mozilla, Adobe, HP, Cisco ja Disney.
Bulma
Bulma on tasuta ja avatud lähtekoodiga CSS-i raamistik põhineb Flexboxil ja seda kasutab üle 200.000 XNUMX arendaja.
Flexbox loodi selleks, et aidata ruumi jaotada liidese üksuste vahel ja parandada joondamisvõimalusi. Flexbox tegeleb paigutusega korraga ainult ühes dimensioonis - kas reana või veeruna. See on vastupidine CSS Grid Layouti kahemõõtmelisele mudelile, mis tegeleb veergude ja ridadega üheaegselt.
Semantiline kasutajaliides
Semantiline kasutajaliides on arenguraamistik, mis aitab luua ilusaid ja tundlikke paigutusi, kasutades inimsõbralikku HTML-i.
See raamistik lubab meil ehitada kauneid kujundusi oma enam kui 3000 temaatilise muutuja ja enam kui 50 kasutajaliidese komponendiga.
See integreerub ka paljude kolmandate osapoolte raamatukogudega, sealhulgas React, Angular, Meteor või Ember.
Puuduv UIKIT
Järgmiseks võtan teadmiseks
Halvim artikkel, mida ma kunagi lugenud olen linuxadictos