Nový vzhľad

Pri blížiacej sa príležitosti nového roka (a tiež z dôvodu opozeranosti starého layoutu) som sa rozhodol prerobiť svoj web. Ten starý sa mi už nejaký čas nepáčil, zdal sa mi moc preplácaný a neuhladený. Sranda, že keď som ho vyrábal, tak som bol nadšený z toho, ako pekne to vyzerá. Chute sa očividne menia.

Z toho dôvodu som sa pre tento krát rozhodol pre jednoduchší a elegantnejší dizajn. Niečo graficky omnoho „ľahšie“, aby sa to rýchlejšie načítalo a aby sa v tom aj návštevníci vedeli rýchlejšie zorientovať. Keď som už mal grafický návrh vo Photoshope hotový a pomaly sa púšťal do tvorby kódu, prišiel môj brat a povedal, že to vyzerá ako téma z hry Portal.

Vtedy som si uvedomil, že má pravdu. Je tam modrá ako v Portale, je tam oranžová ako v Portale, je tam biela aj tmavo-šedá. Dokonca to celé má aj takú „rozštvorcovanú“ tému. Lenže to som si uvedomil až príliš neskoro. Na návrhu som pracoval dosť dlho a milión krát som ho obmieňal a dolaďoval. Samozrejme, že už sa mi potom nechcelo to začať vymýšľať celé odznova. Takže, môj web má tému Portalu. Aj keď neúmyselne, ale má.

Návrh vo Photoshope

Konečná podoba webu sa len minimálne zmenila od návrhu. Napríklad som znížil výšku footeru a zmenil vzhľad tag cloudu. Taktiež som pridal reklamy.

Aby som bol úprimný, tak nad reklamami som začal rozmýšľať, až keď som mal template na zhruba 95% hotový. Lenže to už som mal kvantum prebdených nocí za sebou a nechcelo sa mi rozmýšľať nad ďalšou grafikou a celkovým spôsobom zakomponovania bannerov do dizajnu webu. Tak som ich proste bachol tam, kde sú. Pôsobia tam síce ako päsť na oko, ale možno to zvýši click-through rate. Uvidíme. Považujem to za taký malý experiment. A ak by sa niekomu tá reklama zdala fakt príliš do-očí-bijúca, napíšte mi. Vážim si každú konštruktívnu kritiku.

Čo sa štruktúry webu týka, tak tá sa značne zjednodušila. Už nerobím web stránky na objednávku a tak celá sekcia „O mne“, „Tvorba web stránok“, „Referencie“ a „Kontakt“ išli preč. Už ostal len blog pre mňa a Leonida. Ale ak by niekto chcel niečím zaujímavým prispieť, dajte mi vedieť.

Vo svojej terajšej podobe je teda už len ten blog a má 3 sekcie: „články“, „drísty“ a „hľadať“.

Články sú, myslím si, samo-vysvetľujúce. Sú to príspevky do blogu odo mňa a od Leonida. Tu nájdete všetky staré články v chronologickom poradí tak, ako v predošlej verzii.

Drísty je nová sekcia, ktorú som viacmenej musel vytvoriť na neustále naliehanie a rumázganie Leonida, pretože mi už pílil uši tým, ako chce častejšie „písať na internet“ bez toho, aby musel vyprodukovať nejaký dlhočizný článok. S tými neprestane, ale vraj sa potrebuje vyventilovať častejšie, tak nech sa teda ventiluje. Drísty sú teda jeho Twitter feed a nájdete ho pod nickom @leo_francisci.

Pre tých, ktorí by si tiež chceli dať Twitter feed do svojho WordPress blogu, odporúčam plugin Twitter_stream. Dá sa celkom dobre prispôsobiť, autor ho udržuje aktuálny (posledný update pár dní dozadu), je jednoduchý na konfiguráciu aj použitie a podporuje cache, vďaka čomu sa vám nestane, že sa vám nejaký čas žiadne tweety nebudú zobrazovať z dôvodu flood-protection na strane Twitteru. To sa mi podarila pekne dlhá veta 🙂

Posledná sekcia s dosť výstižným názvom „Hľadať“ slúži okrem full-textového vyhľadávania aj ako prehľad článkov v blogu podľa dátumu uverejnenia, kategórie a obsahuje aj kompletný tag cloud. Pôvodne som chcel jednotlivé zoznamy nejako pekne usporiadať, ale už som mal toho všetkého dizajnovania a kódenia plné zuby a tak to vyzerá tak, ako to vyzerá.

Screenshot sekcie "hľadať"

Jedným z rozdielov oproti predošlej verzii je aj používanie formátu PNG v dosť hojnej miere. Transparentnosť je fantastická vec a v kombinácii s CSSkom podporujúcim viaceré vrstvy obrázkov pozadia pre každý individuálny element sa dajú vytvoriť celkom zaujímavé efekty.

Napríklad ten veľký modrý header má ako pozadie najprv iba modrú farbu (ak by mal niekto vypnutý download obrázkov), potom PNG vrstva s jemným gradientom smerom zhora dolu po celej šírke, potom zaoblený gradient v pravom a ľavom rohu, no a nakoniec ešte jemné šikmé pásiky.

Časť s contentom má tiež niekoľko vrstiev, najprv šikmé pásiky na pozadí, potom tie jemné obdĺžniky, potom rozpixelovaná vignetta v strede hore a napokon tie modré vytrácajúce sa pixely pod headerom. Footer už je jednoduchší.

K menším zmenám patrí vyhodenie všetkých tých social bookmarkov, z ktorých polovica už asi aj prestala fungovať. Nechal som tu len Facebook like button a Twitter button. Chcel som web mať čo najjednoduchší a najpriamočiarejší.

V tomto duchu sa nesie aj formulár na komentáre. Už stačí len zadať meno a text. Váš mail a ani váš web ma nezaujíma. Captchu som zatiaľ tiež nezaviedol, nakoľko tých komentárov zase nie je až tak veľa, aby sa to nedalo odmoderovať a spam zatiaľ celkom úspešné končí tam, kde má. Zatiaľ sa vyskytol asi iba jeden false-positive prípad. Ak by som niekomu ukrivdil a spolu s ostatnými spam komentármi zmazal aj váš skutočný, tak sa vám ospravedlňujem. Ale nemalo by sa to stávať. Somariny ale samozrejme budem mazať aj naďalej (a že ich je hojne).

Na záver len toľko, že dúfam, že sa vám nový vzhľad blogu páči. Všetky pripomienky, pochvaly a kritiku smerujte do komentárov nižšie. Čítam všetky.

Ďakujem za pozornosť. 🙂