Honlap ami szórólap ami honlap

2014. augusztus 3. - kategória: design webdev zen

Mondjuk úgy (erős túlzással), hogy elkészült az új Wynerdy website. Igen, jól látjátok: 1, azaz egy darab JPEG kép alkotja ezt a csodát, és nem viccelek. Az elmúlt 5 évben sokat foglalkoztam azzal, hogy a szövegek szépen jelenjenek meg a különböző böngészők, és operációs rendszerek alatt, gyakorlatilag eredménytelenül. A Google webfonts rengeteg betűtípust hoz, de csak kevés, igazán szép betűcsalád van, amelyik a magyar ékezeteket támogatja (plusz, Windows böngészőn ratyin néz ki az is). Aztán ott a cufón, ami scripttel generál képeket a karakterekből, belassítva ezzel az oldal rendert, és több galibát is okoz, ezért vetettem el. Legvégül (mert a blogon is ez vált be eddig) a webfont beágyazás, ami valamelyest működik, de csak addig, amíg nem nézem meg a blogot egy Windows PC-n. Elmegy a kedvem az egésztől. Trükközés a font-shadow-val, rotation 0.1%-al, hogy az anti-aliasingről ne is beszéljek. NEM SZÉP, és nem is tökéletes megoldás egyik sem, úgyhogy ennyi.

Az ötlet onnan jött, hogy egyes Behance portfóliókban tonnaszám találni 5-8 képernyő magas képeket, komplett szövegtörzsekkel, magyarázatokkal. Ezek elég igényesek, és a célnak maximálisan megfelelnek. Miért ne lehetne a komplett website egy kép, nem? DE!

Amit láttok, az egy 1920×1920-as JPEG, 8-as tömörítéssel. Így nagyjából 300 kB, nálam ez volt a lélektani határ. A képet 960×960-as méretben jeleníti meg az oldal, így kicsit ránagyítva is élvezhető, illetve (nyílván már kitaláltátok) retina kijelzőkön is élesen látni.

A SEO-val sokat nem foglalkoztam, a kép címe és az alt tagek vannak kitöltve, illetve a website header, aztán kész. Ahol kell, ott úgyis el van helyezve a link, a találati lista első helyére nem hajtottam soha, munkám meg van elég. Ez egy landing page, ha pedig így nézzük, annak teljesen jó. Plusz, most készülnek a szórólapok is, ugyanezzel a layouttal, szóval kettőt egy csapásra…

 
bormarketing

 

Ha valaki lekódolja nekem ezt tökéletes, tűéles cross-browser és cross-OS fontokkal, azt megnézem.