holas.pl – stara wizualizacja (2008–2015)

Ta wizualizacja działała na holas.pl od 2008 do 2015 roku — siedem lat, co jak na osobistą stronę jest sporym stażem.

Wygląd#

Kierunek wizualny był ciemny i techniczny: czarne tło ze smugami/falami grafiki (w stopce podziękowanie dla Maji), niebiesko świecący nagłówek „Holas's Home Page" i ikonki famfamfam Sweet Icons przy przyciskach udostępniania. Strona główna otwierała się krótkim intro — „Jestem programistą i webdeveloperem freelancerem" — a dalej szła karuzela wyróżnionych realizacji (Ciekawsze realizacje) z nawigacją miniaturami oraz feed wpisów blogowych. Nawigacja: Strona Główna, Wpisy, O mnie, Kontakt, Polityka ciasteczek, Szukaj i przycisk RSS. W stopce: wyszukiwarka, polecane strony (Strony polecane) i archiwum wpisów.

Realizacja#

Zbudowane na WordPressie z motywem bazowym pixeled, przystosowanym przeze mnie (stopka: „Powered by WordPress and pixeled. Corrections, changes and translation by Holas."). Układ projektowałem pod szerokość 1024px — ówczesny standard.

Urządzenia mobilne obsługiwała osobna skóra, serwowana na podstawie detekcji user-agent: w zależności od tego, czy odwiedzający był na telefonie czy desktopie, serwer przełączał szablon. To był standardowy sposób podejścia do mobilnych przed tym, jak artykuł Ethana Marcotte'a o responsive web design (2010) przestawił branżę na płynne, jednotemplatowe layouty.

Wersja desktopowa.

Dedykowana skóra mobilna, serwowana przez detekcję user-agent.

Powód, dla którego działała tak długo, był prosty: spełniała swoje zadanie. Wpisy się renderowały, skóra mobilna wystarczała na telefonach, nie było powodu żeby przebudowywać. Ale w 2014–2015 zaczęły się sypać argumenty — stały szerokość wyglądał przestarzale na większych ekranach, utrzymywanie dwóch szablonów było uciążliwe, a cały ekosystem przeszedł na RWD jako punkt wyjścia.

W 2015 roku przebudowałem stronę od zera na w pełni responsywnym motywie WordPress. O tym: holas.pl — nowa wizualizacja RWD (2015).

Archiwalny zrzut dostępny w Wayback Machine.