Kokpit — strona główna, którą układasz sam

Strona główna Moonlighta miała dotąd jeden układ dla wszystkich. Feed pośrodku, dwie kolumny widgetów po bokach, kolejność ustalona przez nas. Działało, ale każdy używa tej platformy inaczej. Ktoś przychodzi czytać komiksy i chce mieć „czytaj dalej" na wierzchu. Ktoś inny wpada sprawdzić, co się dzieje na forum. Twórca zerka na subskrypcje i na to, co wrzuciła społeczność. Jeden układ obsługiwał każdą z tych osób średnio.

Od dziś jest Kokpit — osobny widok pod /hub, w którym stronę główną składasz sam.

Jak to działa

Klikasz „Edytuj" i strona zamienia się w plan roboczy. Widgety dostają przerywany obrys, uchwyt do przeciągania i rączkę w prawym dolnym rogu. Chwytasz kafel za nagłówek, przenosisz gdzie chcesz, ciągniesz róg, żeby zmienić rozmiar. Rozmiar skacze po siatce, więc nic się nie rozjeżdża o trzy piksele. „Gotowe" zapisuje układ, „Odrzuć zmiany" przywraca stan sprzed wejścia w edycję — całą sesję, a nie ostatni ruch.

Widgety wybierasz z galerii. Każda karta pokazuje działający podgląd na przykładowych danych, w dokładnie tej formie, w jakiej widget wyląduje na stronie. Wiesz, co dodajesz, zanim to dodasz.

Ta sama treść, sześć wyglądów

Każdy widget da się oglądać po swojemu. Lista z miniaturkami, kafelki z opisem z boku, siatka kart, ikony w trzech rozmiarach. Osobno ustawiasz, co się dzieje, gdy pozycji jest więcej niż miejsca: przewijanie, paginacja wewnątrz kafla albo karuzela — z kropkami, ze strzałkami i widocznym skrawkiem następnej pozycji, albo z jednym dużym kadrem i pionową listą obok.

Te dwie rzeczy są od siebie niezależne, bo tak ludzie o nich myślą. Kafelki z karuzelą i kafelki z paginacją to dwa różne pomysły na ten sam widget.

Liczba pozycji na stronie wylicza się z tego, ile miejsca kafel faktycznie ma. Niski widget pokaże cztery pozycje, wysoki dwanaście, i w obu przypadkach paginacja usiądzie przy dolnej krawędzi, bez paska przewijania obok.

Wysokość: dwa tryby

Widget może mieć wysokość ustaloną — wtedy treść przewija się albo stronicuje w środku. Może też rosnąć razem z treścią, a wtedy przewija się cała strona, tak jak dziś działa newsfeed. Wybierasz per widget.

Na telefonie wszystko przechodzi w tryb rosnący. Kafel z własnym paskiem przewijania na wąskim ekranie kończy się tak, że palec przewijający stronę utyka w środku widgetu — znasz to uczucie z połowy internetu. Zamiast tego treść pokazuje się porcjami, z przyciskiem „Pokaż więcej".

Układ, który sam się dopasowuje

Kafle mają szerokość liczoną w kolumnach, a liczba kolumn zależy od tego, ile miejsca jest na ekranie. Cztery na szerokim monitorze, trzy na węższym, dwie na tablecie, jedna na telefonie. Kafel szerszy niż aktualna liczba kolumn sam się zwęża.

Ważne jest to, czego tu nie ma: przeglądarka nie przestawia kafli za twoimi plecami. Kolejność, którą ustawisz, zostaje kolejnością na każdej szerokości ekranu — zwężenie okna tylko zawija wiersze. Testowaliśmy wariant, w którym system „sprytnie" upycha mniejsze kafle w luki i wygląda to świetnie na zrzucie ekranu, a fatalnie w użyciu: przeciągasz kafel w jedno miejsce, a ląduje w innym. Przewidywalność wygrała z gęstością.

Jeśli przy jakiejś szerokości zostanie luka, w trybie edycji ją widać i możesz zwęzić sąsiada. To twoja decyzja, nie loteria.

Wygląd każdego panelu z osobna

W nagłówku każdego widgetu jest malutka paleta. Klikasz i ubierasz ten jeden panel: tło i jego krycie, obramowanie, zaokrąglenie rogów, wypełnienie, margines, cień, rozmycie tła. Osobno dla ramki, osobno dla nagłówka, osobno dla treści. Podgląd idzie na żywo, więc widzisz efekt w trakcie kręcenia suwakiem, a wyjście bez zapisu cofa wszystko.

Ustawienia lądują w tym samym systemie skórek, który obsługuje resztę platformy, więc wpinają się w twoje presety wyglądu i wędrują razem z nimi. Z jedną różnicą: stylizacja panelu Kokpitu działa niezależnie od tego, jaki motyw masz włączony. Możesz siedzieć na ciemnym i nadal mieć swój panel muzyczny w wybranym kolorze.

Co dalej

Na starcie dostępne są widgety z tego, co znasz z sidebarów: „czytaj dalej", nowości z fanpage'ów, świeże wątki na forum, najnowsze fanarty, twoje subskrypcje i popularna muzyka. Kolejne źródła są w drodze — feed, listy komiksów, książek i albumów, PinIT, mozaiki, powiadomienia, portfel twórcy.

Stary newsfeed zostaje dokładnie tam, gdzie był. Kokpit to osobne wejście, do wyboru. Zajrzyj pod Kokpit w menu bocznym.