U razvoj i izgled naših web stranica ulažemo mnogo truda iz nekoliko razloga. Prije svega, one su naše reference i samim time glavni promotivni kanal, koji nam osigurava nove projekte i klijente.
Važno je da web stranice izledaju isto – na svim internet preglednicima i svim mobilnim uređajima
Drugi, vrlo važan razlog zbog kojeg ulažemo ogroman trud u naše web uratke je činjenica da masovna rasprostranjenost pametnih telefona s različitim operativnim sustavima, decentraliziranost načina na koji se internetu pristupa u 2015. godini te širok spektar internet preglednika koje je moguće koristiti prilikom pregledavanja web stranica, stavlja snažan naglasak na razvoj tzv. cross-platform / cross-broswer web aplikacija. Drugim riječima, sve naše web stranice moraju izgledati i funkcionirati jednako dobro na svim danas dostupnim modernim operativnim sustavima i internet preglednicima, što, ma kako zvučalo, nije nimalo lak zadatak.
I tu je naravno nezaobilazna responzivnost – iznimno je važno postići kvalitetan i konzistentan prikaz web stranice na svim mobilnim uređajima.
Važno je da web stranica bude stabilna i jednostavna za održavanje
Pored navedenog, iznimno važno nam je kreirati stabilne web stranice koja će svojeg novog vlasnika služiti kroz duži vremenski period te mu omogućiti jednostavno održavanje i osvježavanje, podrazumijeva i dosta truda s naše strane – planiranje izgleda korisničko sučelja (backend) sa stražnje, ali i prednje strane (frontent) zahtjeva dobro poznavanje kako vlasnika web stranice, tako i korisnika. Također, za postizanje konzistentnih rezultata u prikazu backend-a i frontend-a, potrebni su provjereni i zreli alati za web development.
Ukoliko nas pratite duže vrijeme, znate da smo jedna od tvrtki koja u kontekstu izrade web stranica pokušava pružiti odličan omjer uloženo / dobiveno. Način na koji postižemo izgradnju kvalitetnih web stranica (temeljenih na WordPress CMS-u), dok cijene u isto vrijeme držimo niskima, jeste i upotreba pomno odabranih web development alata. Jedan od tih alata koji iscrpno koristimo jest i tzv. Bootstrap.
Što je Bootstrap?
Bootstrap je skup alata (kreiranih u CSS-u i JavaScript-u) koji omogućava brzu i kvalitetnu, te što je još važnije, konzistentnu izradu (u našem slučaju) frontend-a web stranice.
Razvio ga Twitter, da se riješi ozbiljnih problema
Bootstrap je alat koji su izvorno razvili zaposlenici Twitter-a, popularne socijalne mreže. Problem koji je Twitter imao, bio je nekonzistentnost u prikazu i funkcioniranju korisničkog sučelja. Sami broj developera koji je radio (i radi) na projetku Twitter, podrazumijevao je puno različitih ideja oko toga kako nešto prikazati i realizirati, što je često dovodilo do zbunjujućeg funkcioniranja sučelja, te ozbiljnog narušavanja upotrebljivosti.
Kako bi ovo sve izbjegli, nekolicina zaposlenika kreirala je Bootstrap – novu osnovu na kojoj će se graditi sve interakcije i izgled Twitter sučelja. Ovo je osiguralo konzistentnost, predvidljivost i funkcionalnost na razini kakva do tada nije bila moguća. Bootstrap je znatno povećao upotrebljivost, dok je u isto vrijeme smanjio vrijeme razvoja.
Od tada, Bootstrap je narastao u vrlo ozbiljan i zreo framework – osnovu i kostur brojnih web stranica na modernom internetu. Boostrap se osvježava redovito, kako novijim verzijama, tako i dodatnim funkcionalnostima, prateći razvoj i mogućnosti modernih internet preglednika kako bi maksimalno koristio podržane web tehnologije.
Zašto je Bootstrap alat koji smo odabrali za razvoj naših WordPress web stranica?
Boostrap je zapravo skup alata koji omogućavaju vrlo brzu izradu širokog spektra najrazličitijih elemenata web stranice. Neki od tih elemenata su:
- tipke, polja za upisivanje vrijednosti, tablice,
- izbornici, drop-down elementi (padajući izbornici),
- modalni prozori, scroll animacije,
- tooltip-ovi (animirani informativni okviri za dodatno pojašnjavanje određenog elementa web stranice), ikonice (Glyphicons)
- različiti izmjenjivači sadržaja (slideri),
- najvažniji element Bootstrap-a – Grid – responzivna mreža, itd..
Bootstrap i responzivnost
Najznačajniji segment Bootstrap-a je njegov tzv. grid – mreža kolumni koja omogućava potpunu, brzu i kvalitetnu prilagodbu svakom mobilnom uređaju. U većini naših projekata posljednjih godinu dana, korišten je Bootstrap grid sa jako dobrim rezultatima – prikazi na mobilnim uređajima izgledaju sjajno, te su uvijek konzistentni kroz sve mobilne preglednike i platforme. Bootstrap-ov grid je zapravo fluidna mreža okvira koji se prilagođavaju širini ekrana korisnika prema vrlo precizno zadanim kriterijima. Developeri koji koriste Boostrap-ov grid pred sobom imaju ogromne mogućnosti prilagodbe web stranica mobilnim uređajima uz minimum kodiranja same responzivnosti (tj. pisanja CSS koda), te minimum brige oko toga da li će se web stranica ispravno prikazivati na svim mobilnim platformama.
6.5 milijuna web stranica koristi Bootstrap, među njima je i microsoft.com
Bootstrap je jedan od najpopularnijih, najrasprostranjenijih i najkvalitetnijih framework-a za izradu web stranica. Sa posljednjim promjenama i dolaskom Boostrap verzije 3 (te uskoro 4), Bootstrap je dobio nove zavidne mogućnosti i funkcionalnosti, čime ga je u developerskoj zajednici nemoguće ignorirati, te mu se svakako smješi svijetla budućnost. Ovome pridonosi i činjenica da se Bootstrap novijim verzijama ažurira češće nego ijedan drugi framework na svijetu.
Koriste ga velike korporacije poput Microsoft-a (microsoft.com – web stranica koja broji preko 760 milijuna posjetitelja mjesečno koristi Bootstrap), do srednjih i manjih tvrtki koje korištenjem Bootstrap-a uspijevaju doseći i zadržati visoku razinu kvalitete i upotrebljivosti svojih online prezentacija i korisničkih sučelja.
Statistike kažu da u ovom trentku postoji preko 6.5 milijuna aktivnih web stranica koje koriste Bootstrap, te da 2% cijelog interneta koristi Bootstrap kao osnovu i kostur za razvoj. Brojka od 2% možda vam ne zvuči mnogo, no ne zaboravite – radi se o alatu koji je relativno nov (Twitter je pušten u Open Source zajednicu 2011) i koji je tek otvorio vrata uspjeha.
