Zakas Offline to przeglądarkowy HTML zine, którego promuję pod adresem www.zakas.online – znajdują się tam linki do kolejnych numerów zina online i do ściągnięcia ich na dysk. Mój zine (a ściślej e-zine) to kolaż zdjęć, grafik, poezji, tekstów, ciekawych video z Internetu. To mój poligon testowy animacji, layoutów i net-artowych pomysłów. Każdy numer Zakas Offline można ściągnąć na dysk jako stronę internetową spakowaną w ZIP, rozpakować do normalnego folderu, następnie kliknąć w index.html – przeglądarka otworzy nam jak „normalną” stronę. Dla niewtajemniczonych – czym w ogóle jest zine?
W Wikipedii czytamy:
Zin, fanzin (skrót od ang. fan magazine[1]) – rodzaj nieprofesjonalnego pisma tworzonego przez osobę bądź grupę osób – miłośników jakiegoś tematu, skierowane do osób podzielających owe zainteresowania. Wydawane są własnym nakładem, najczęściej nieregularnie. Ziny jako wydawnictwa niezależne, zazwyczaj dystrybuowane są w obiegu niezależnym i w niewielkich liczbach (od kilku do kilkuset egzemplarzy). Powszechną techniką produkcji jest ksero, czasem wykorzystywane są techniki manualne (kaligrafia, malarstwo, rysunek) oraz wydruk komputerowy. Wśród zinów wyróżnia się m.in. tzw. artziny, czyli formę zinów stanowiącą nośnik sztuki – np. koncentrujące się na prezentowaniu opowiadań, poezji, grafiki.
Elektroniczna forma zina to e-zin (określany również jako mag). E-ziny rozprowadzane są poprzez Internet, w przeszłości jednak rozsyłane były na dyskietkach za pośrednictwem tradycyjnej poczty. (…) Obecnie e-ziny wychodzą głównie w formie HTML (spakowane do formatu ZIP), w formie PDF lub w formie programu wykonywalnego systemu Windows (*.EXE – coraz rzadziej).
Zawsze fascynowała mnie ta idea – że możesz dosłownie dać komuś swoją stronę w pliku Zip, że można ją otworzyć nawet jak nie masz dostępu do Internetu, że możesz pobawić się z większym ciężarem plików i szalonymi animacjami, nie martwiąc się o szybkość przesyłu danych.
Ziny nie mają wersji mobilnych. Są przeznaczone jedynie na ekrany komputerów.
Projekt i developing: Jakub Skaza
Technologia: Webflow
Animacje: GSAP, Webflow.js
Hosting: Github
Numer 1
Download (zielony button z napisem „code” -> download zip)
Online: https://jakubskaza.github.io/zakasoffline/
Numer 2
Download (zielony button z napisem „code” -> download zip)
Online: https://jakubskaza.github.io/zakasoffline2/
Interakcje i animacje
Layout
W drugim numerze zina przystopowałem nieco z animacjami i postawiłem dużo bardziej na layout, z naciskiem na eksperymentalną typografię. Dizajn stron jest strasznie klockowaty, prostokątny – kolumna z tekstem, dwie lub trzy kolumny z obrazkami, testimonials itp. Layout w druku – na przykład w magazynach – zawsze był dużo bardziej ekspresywny. Wynika to oczywiście z technologicznych ograniczeń html i css, ale czasem mam wrażenie, że Internet nie nadąża za nowymi możliwościami, jakie daje współczesny CSS. Gdyż mimo wszystko, da się nieco podziwaczyć i poeksperymentować z nietuzinkową typografią, czego próbkę załączam poniżej:
