01 · Wyzwanie
Wyzwanie
Portfolio reżysera filmów reklamowych i fabularnych to strona, na której liczą się obraz i ruch: pełnoekranowe kadry, filmy odtwarzane w kafelkach, credits każdej realizacji. Projekt w Zeplinie był precyzyjny co do piksela i taki miał zostać na każdym ekranie. System CMS z edytorem wizualnym dołożyłby do tego ciężar bibliotek, dziesiątki wtyczek do aktualizowania i układ, który przy każdej zmianie odjeżdża od projektu – dlatego od początku założeniem był własny kod, pisany bezpośrednio z plików projektu.
02 · Rozwiązanie
Rozwiązanie
Napisałem stronę w czystym HTML, CSS i JavaScript – bez frameworka, bez procesu budowania i bez systemu CMS – bezpośrednio z plików w Zeplinie. Układ odwzorowałem co do piksela: proporcje kafelków, rozmiary typografii, szerokość menu wysuwanego z prawej, zachowanie nagłówka, który chowa się przy przewijaniu w dół i wraca przy przewijaniu w górę. Filmy z Vimeo odtwarzają się w kafelkach bez dźwięku i wypełniają kadr niezależnie od proporcji, a kliknięcie otwiera okno z filmem, creditsami i laurami festiwalowymi.
Wszystkie realizacje siedzą w jednym pliku danych: tytuł, kategoria, identyfikator filmu, credits, laury. Dodanie nowej realizacji to dopisanie jednego wpisu – układ strony generuje się z tych danych.
03 · Efekty
Efekty
Strona ładuje się szybko, bo poza filmami nie ma na niej nic do pobrania – żadnych bibliotek edytora, motywu ani wtyczek. Nie ma też czego aktualizować: brak systemu CMS oznacza brak luk bezpieczeństwa i comiesięcznych poprawek. Strona jest gotowa i czeka na przełączenie na domenę docelową.
