Od tod imamo nekaj maket Photoshopa, ki nadaljujemo z izdelavo predloge za posamezno stran galerije.
Najprej smo oblikovali povezave Naslednja in Prejšnja. So v popolnoma postavljenem polju v galerijski vrstici, tako da jih lahko centriramo na strani, kljub ostalim gumbom in drugim stvarem, ki so že v vrstici. Zavzamejo isti razred kot gumb Pošlji enega, tako da je tam konstantnost.
Nato imamo ta zelo tanek levi stolpec, v katerem dobimo besedilo. Začnemo z mrežo 1/8 7/8, vendar je 1/8 le malo pretanka. Spremenimo v 1/4 3/4, vendar je to preveč. Tako kot bajen medvedček je bil tudi 1/6 5/6 ravno pravšnji.
V tem ozkem stolpcu opravimo nekaj tipografskih del in dodamo naslov (v
oznaka, saj je to najpomembnejši naslov na strani), opis in drugi odseki. Večina tipografije se preprosto postavi na svoje mesto na podlagi naše preproste in zanesljive nastavitve tipografije.
Mreža 5/6 je namenjena sliki. Lepo in veliko, kar je super. Ima svetlo sivo ozadje, tako kot slike v objavah v spletnem dnevniku (npr
Razmišljamo o tem, da bi si malce omislili, kako oblikujemo oznake. Ogledujemo si CodePen (tukaj je povezava do oznake »tags«, META ALERT). Na koncu mislimo, da je to preveč, in jih pustimo kot običajne povezave.
Gumb »v polni velikosti« delamo na enega najpreprostejših načinov, kolikor je mogoče, odpremo novo okno z dimenzijami slike v polni velikosti in prikažemo sliko v njem. Je kot modalna škatla iz zgodnjih 2000-ih! Ampak mi je všeč. Preprosto je, ne potrebuje kopice kode (kot bi lightbox) in očitno je, da z njo komuniciramo. Še bolje je, če vprašate mene.