CSS grid danas

Kada pravite sajtove i želite da ih prikažete u svim pregledačima, mobilni izgled podesite kao osnovni i tako da radi sa najrasprostranjenijim tehnologijama koje svi podržavaju. Recimo preko blok elemenata.

Kako rezolucija krene da se širi na veće ekrane, preko @supports komande istestirajte da li pregledač podržava CSS grid.

Provera za dostupnost CSS Grid-a preko CSSa

Ako podržava, CSS grid pišite u tom odeljku i uživajte u divnom CSSu i lakšem dizajniranju. Ukoliko pregledač ne podržava — ostavite mobilni prikaz za sve matore pregledače.

Vodič za pisanje CSS koda danas

Problem u koji mi veb dizajneri često upadamo je da se trudimo da sajt izgleda isto u svim pregledačima i na svim uređajima. Takav pristup više nema svrhe, već je mnogo bolje svima prikazati minimum za mobilni prikaz, a svima ostalima moderan dizajn.

Dostupnost CSS Grid-a u trenutku pisanja članka (Avgust 2017.) — http://caniuse.com/#search=css%20grid

Saveti su preuzeti iz predavanja o CSS gridu koje je održao Morten Rand-Hendriksen i njega u celosti možete pogledati ovde:

Resursi:

Grid by Example

A Complete Guide to Grid | CSS-Tricks

Vladimir Jovanović
Total dizajner i front end developer, a ponekad i full stack developer, copywriter, animator…

Pridružite se Facebook diskusiji na https://www.facebook.com/vladimir.webdesign/