Bootstrapi funktsioonid

Selles sarja teises artiklis käsitleme Bootstrapi funktsioone. See on täielik ressursside kogu veebisaitide ja rakenduste kujundamiseks, sealhulgas vormide, fontide ja menüüde mallid ja elemendid.

Aastal eelmises artiklis vaidlesime, et on aegu, mil sisuhaldurid pole parim valik ja seda veebisaidi jaoks koodi nullist kirjutamine on õige alternatiiv. See aga ei tähenda, et peaksime ratta uuesti leiutama. Selliste raamistike nagu Bootstrap kasutamine vähendab oluliselt projekteerimisaega ja muudab tulemuste saavutamise lihtsamaks.

Bootstrapi funktsioonid

Bootstrapi funktsioonide mõistmiseks peame mõistma paradigma muutus veebisaidi kujunduses.

kui nad ilmusid veebisaidid pidid lihtsalt kohanema erineva suurusega monitoridega. Kuid aja jooksul on mobiiltelefonid ja tahvelarvutid muutunud kasutajate eelistatud juurdepääsuvahenditeks. Väljakutse oli panna lehed kohanema erinevate ekraanidega, ilma et kasutaja peaks selle nägemiseks sisu suurendama, kahandama või teisaldama.

Põhimõtteliselt võeti kasutusele järgmised lähenemisviisid:

• Tundlik disain: Disain on sama, kuid kohandatud automaatselt vastavalt ekraani suurusele. Sellel lähenemisviisil on probleeme, näiteks võib kasutaja olla sunnitud nende nägemiseks lehe teatud jaotisi sisse suumima.
• Progressiivne edasiminek: See algab saidi kujundamisega seadme jaoks, millel on vähem ressursse (tavaliselt mobiiltelefon, kuna sellel on väiksem ekraan, brauser, mis ei ühildu täiustatud funktsioonidega ja nõuab ühenduse loomiseks sageli andmesideplaani kasutamist). Kui see on lõpetatud, lisatakse selle kujunduse põhjal funktsioonid tahvelarvutite, sülearvutite ja lauaarvutite versiooni hankimiseks.
• Järkjärguline lagunemine: See on vastupidine tee. Esmalt luuakse töölauasait ja funktsioonid eemaldatakse, kuni saadakse mobiilisõbralik versioon.

Kuna alati on lihtsam lisada kui eemaldada, on progressiivne edasiminek trend, mis suutis valitseda. B.ootstrap kasutab näiteks lähenemisviisi „kõigepealt mobiiltelefon”., see tähendab, et kujunduse aluseks on alati versioon, mida hakatakse näitama väikseimas ekraanisuuruses, ja seejärel määratakse kindlaks muudatused, mis tehakse selle ülekandmisel järgmistele suurustele.

Bootstrapi kasutamise lisaeelis on seotud sellega Google eelistab oma otsingutes mobiilisõbralikke saite.

Veel üks kontseptsioon, millega peame arvestama, on erinevus esi- ja tagaprogrammi kujunduse vahel. Esiosa disain hoolitseb kõige eest, mida kasutaja näeb, ja kõige eest, millega ta suhtleb. Taustaprogramm rühmitab serveris tehtu. Esimese näiteks on veebivorm. Suvandite seeria kuvamisel kuvatakse rippmenüüna esikülje kujundus, et valitud suvand saadetakse postiga või lisatakse andmebaasi, on taustakujundus.

Bootstrap on raamistik, mis ühendab CSS-stiili ja Javascripti programmeerimise elemente, et juhtida renderdamist ja anda interaktiivsus kõigile HTML5-s arendatud lehe komponentidele.

Asjad, mida saame Bootstrapiga juhtida, on järgmised:

• Juurdepääsetavus: Sellised komponendid nagu menüüd või dialoogid ühilduvad ekraanilugejatega või sobivad kasutamiseks piiratud liikumisvõimega inimestele.
• Nupud: Sealhulgas mõõdud, stiilid, olekud ja rühmitamine.
• Vormid:  Sealhulgas renderdamine, juhtelementide tüübid ja sisendi valideerimine.
• Imagery: juhib sisestatud piltide päritolu, joondamist ja ekraani suurust.
• Navigeerimiselemendid: Näiteks peidetavad külgribad või vertikaalsed või horisontaalsed menüüd olenevalt seadmest.
• Typograafia: Saate juhtida, kuidas teksti erinevad osad kuvatakse.
• Paigutus: Sisu renderdamise reguleerimine olenevalt seadmest

Järgmises artiklis näeme selle kasutamise praktilisi näiteid.