Post Header
Kiedy zmienialiśmy design Archive of Our Own - AO3 (Naszego Własnego Archiwum) w 2011 roku, większość użytkowników korzystała ze strony przez urządzenia stacjonarne, w związku z czym layout i system skórek zostały stworzone z myślą o większych ekranach. W ciągu ostatnich czterech lat wiele się zmieniło i teraz większość ruchu na stronie pochodzi z urządzeń mających małe ekrany, takich jak tablety czy telefony, więc dokonujemy zmian w layoucie i skórkach aby dopasować się do nowej rzeczywistości.
Aktualnie AO3 ustala, który layout widzą użytkownicy, opierając się na tym, jak szerokie jest okno przeglądarki. Jeżeli okno ma 640 pikseli lub mniej, zobaczysz jednokolumnową wersję layoutu. W pozostałych przypadkach zobaczysz domyślny layout. Jednak nasz domyślny layout został zaprojektowany dla większych ekranów, więc jeśli szerokość znajduje się pomiędzy 640 a 1024 pikseli, strony Tablicy z filtrami mogą nie wyglądać za dobrze.
Niedługo dodamy nowy breakpoint aby pomóc wszystkim tym, którzy do tej pory widzieli nieco ściśniętą wersję AO3. Layout po tych zmianach będzie czymś pomiędzy domyślnym i mobilnym layoutem: Tablica będzie pojawiać się powyżej głównej treści, tuż pod główną nawigacją, ale filtry wciąż będą po prawej stronie.
Zamierzamy również przestać używać pikseli jako sposobu wyznaczania breakpointów i przestawić się na jednostkę względną znaną jako em. Jednostki em są oparte o rozmiar czcionki i używanie ich aby wyznaczyć breakpoint oznacza, że layout AO3 będzie działać lepiej u wszystkich, którzy zmienili domyślny rozmiar czcionki w przeglądarce. Na przykład, ustawienie rozmiaru czcionki na Bardzo Dużą w Google Chrome odcina tekst w filtrach i sprawia, że blurby prac są bardzo wąskie i bardzo długie, nawet jeśli przeglądasz AO3 w okienku o szerokości 1024 pikseli:
Kiedy dodamy nowy breakpoint, Tablica będzie pojawiać się na górze strony, dając więcej przestrzeni filtrom i blurbom oraz sprawiając, że stronę łatwiej przeglądać:
Nowe breakpointy 42em i 62em będą dostępne do użycia w skórkach, a wszystkie skórki używające aktualnego breakpointu 640px zostaną automatycznie przekonwertowane na ustawienie 42em.
Te breakpointy nie mają odniesienia do wymiarów żadnego konkretnego urządzenia - jest ich zbyt wiele, aby było to praktycznym rozwiązaniem - ale zamiast tego bazują na punkcie, w którym domyślny layout AO3 zaczyna mieć problemy. Zdajemy sobie sprawę z tego, że nie jest to idealne rozwiązanie dla tych twórców skórek, którzy zdecydowali się na zmianę całego layoutu, jednak powinno przynieść pozytywne zmiany dla większości użytkowników skórek. Pracujemy nad dodaniem konfigurowalnych breakpointów, które pozwolą na używanie dowolnego urządzenia do przeglądania AO3.
Jak zawsze, w przypadku pytań albo jakichkolwiek problemów, prosimy o kontakt z wolontariuszami ze Wsparcia, którzy z radością pomogą!
Ten post został przetłumaczony przez wolontariuszy OTW. By dowiedzieć się więcej o naszej pracy, odwiedź stronę Komisji Tłumaczeń na transformativeworks.org.