Po čudni zmedi v zadnjem videu o tem, katero glavo smo dejansko počeli, bomo tokrat res uvedli glavo po meri za stran Deals! Tega je naredila Meg Hunt.
Kot vse glave smo tudi mi nekaj časa gledali originalne datoteke in ugotavljali, kako bo najbolje sedeti na strani. Preizkusimo nekaj možnosti, vendar se na koncu odločimo, da je najbolje, če jo damo v omejeno polje (v nasprotju z nečim, kot je glava Demosa, kjer se glava stopi v rob okoli vsebine.
Pri izvozu se igramo z veliko različnimi grafičnimi formati. Zanimivo je, da je ta slog približno enak tako po kakovosti kot po velikosti datoteke med PNG in JPG.webp. Izdamo ga s širino 2000 slikovnih pik, kar bi moralo izgledati dobro na katerem koli zaslonu. Zadeli smo tudi približno 150.000, kar je veliko, vendar je za takšno grafiko v redu tarča.
Predlogo za posle začnemo redno pridobivati, vključno s preučevanjem, kako so ponudbe vsaka posamezna polja po meri, ki so naključno razdeljena pred izpisom. Več časa bomo porabili za to oznako in vse to pozneje, a ker smo v tej predlogi pripravljeni za glavo, bi jo lahko tudi očistili.
Ogledamo si več različnih možnosti za postavitev grafike glave po meri na stran. Slika ozadja je najbolj smiselna, saj uporabljamo semantiko
za zamenjavo naslova in slike. Z uporabo background-size
preverimo cover
, vendar lahko to povzroči mejne vrednosti. Odjavimo vsebino, vendar to omogoča prostor na zunanji strani. 100%
naredi trik, vendar bomo morali narediti okvir s slogom razmerja stranic, da bo to lepo delovalo. To je enostavno, samo nastavimo višino 0 in za to uporabimo odstotek zgornjega oblazinjenja (oblazinjeno polje).
To je sedma glava po meri, ki smo jo naredili in vsaka od njih je bila narejena drugače. Spletno oblikovanje, kajne? Kakšno potovanje.