Proporcje kolumn w tabeli posta

Wczoraj zauważyłem, że proporcje kolumn tabeli każdego posta zmieniły się - pierwsza kolumna (z awatarem i danymi autora postu) mocno się skurczyła, przez co na niższych rozdzielczościach (nie tylko na 1024x768, ale i nieco większych) różne napisy albo dzielone są na dwie linie zamiast jednej, albo nachodzą jeden na drugi; Poniżej zrzuty dla rozdzielczości 1024x768:

Patrzę więc w źródło, a tam ustawiona szerokość na 15%...

@Adam Boduch - myślisz, że to dobry pomysł? Przecież 15% to za mało, nawet dla większych niż moja rozdzielczościach... Jak ktoś ma więcej niż ~1350px w poziomie to będzie miał dobrze:

ale co z mniejszymi rozdzielczościami? Według mnie procentowa szerokość pierwszej kolumny to błąd - powinna mieć szerokość określoną w pikselach - minimalną (zabezpieczenie dla niższych rozdzielczości) i maksymalną (żeby na dużych rozdzielczościach nie zabierała zbyt wiele miejsca).

Procentowa wartosc dlatego, zeby kolumna skalowala sie podczas zmiany szerokosci okna. Przy szerokosci - np. - 600px etykieta wyswietlana jest nad trescia:

I tak nie wyglada to moim zdaniem dobrze. Chcialbym, aby przy nizszych rozdzielczosciach info o userze wyswietlane bylo nad trescia posta (wraz z avatarem) a nie obok.

Hmm... Założenie samo w sobie dobre, jednak w praktyce jak widzisz wygląda inaczej; Jeśli znacznie zmniejszę wielkość okna to owszem - tekst będzie przeniesiony do nowego wiersza; Tyle że rozdzielczość 1024x768 jest najgorszą, bo w samym środku - ani za mało aby dane zostały przeniesione pod spód, ani za dużo, żeby się nie nakładały.

przez co na niższych rozdzielczościach

Nie „na niższych rozdzielczościach”, tylko „przy wąskim oknie przeglądarki”.
Strona powinna być używalna przy każdej szerokości okna (do rozsądnej granicy).

Układ strony nie powinien się znacząco zmieniać wraz ze zmianą rozmiaru okna.

W skrócie: było dobrze, nie trzeba było psuć.

Azarien napisał(a):

Układ strony nie powinien się znacząco zmieniać wraz ze zmianą rozmiaru okna.

Hmmm, znaczaco, tzn. jak bardzo? :) No bo co z responsive web design, gdzie wraz ze zmniana rozmiaru okna, elementy moga zmieniac swoje polozenia lub w niektorych przypadkach - te mniej wazne sa ukrywane.

Wywal to info o profilu całkiem przy mniejszych szerokościach. Zostaw tylko nick. Reszta może się pojawiać przy hover na nick.

(Albo przy pacnięciu - nie zapominajmy o telefonach)

No bo co z responsive web design, gdzie wraz ze zmniana rozmiaru okna, elementy moga zmieniac swoje polozenia lub w niektorych przypadkach - te mniej wazne sa ukrywane.

Przyjrzyj się jak działa pasek narzędziowy typu ribbon np. w Wordzie 2007+. Żaden element nie przeskakuje nagle w inne miejsce, ani nie znika zupełnie. Najwyżej jest redukowany do samej ikonki bez napisu, albo do submenu.

Ola Nordmann napisał(a):

Wywal to info o profilu całkiem przy mniejszych szerokościach. Zostaw tylko nick. Reszta może się pojawiać przy hover na nick.

(Albo przy pacnięciu - nie zapominajmy o telefonach)

Mozna avatar jeszcze zostawic, bo obrazek latwo skalowac?

Czy ja wiem... Treść ważniejsza od obrazka. Większość avatarów zna się na pamięć a jak ktoś wchodzi z telefonu to nie po to, żeby sobie obrazki pooglądać. :)

@Ola Nordmann - taa, wyrzućmy jeszcze oceny postów i połowę przycisków, żeby tylko strona pasowała do "responsive web design"...

Skalowanie to bardzo przydatna rzecz, nie tylko w stronach internetowych, jednak trzeba mieć na uwadze, że wszystko musi mieć jakiś minimalny rozmiar i ani piksela mniej; Niech się kolumny skalują, ale też niech mają jakiś minimalny rozmiar; Cały czas pisałem o tym, że kolumna z danymi użytkownika jest zbyt wąska, a nie kolumna z treścią posta; Z tego samego powodu powinna być ustalona minimalna szerokość kolumn, co i maksymalna; Tyle że maksymalna jest, a minimalnej nie ma; To scrollbary są już zbyt mainstreamowe..?

Ola Nordmann napisał(a)

Większość avatarów zna się na pamięć

I właśnie dlatego są one potrzebne, bo zamiast czytać nazwy użytkowników wystarczy kątem oka spojrzeć i od razu wiadomo kto napisał dany post; Mnie jest potrzebny i awatar, i informacje pod nim - nauczyłem się z nich elegancko korzystać i wolałbym, żeby zostały w obecnej formie;

Jak tak dalej pójdzie to trzeba będzie napisać sobie wrapper, który normalnie strony będzie wyświetlał, bo za niedługo połowa elementów mi zniknie...

@furious programming: Ja mówię o małych szerokościach. Przy układzie full screen wszystko zostaje powiększone.

zamiast czytać nazwy użytkowników wystarczy kątem oka spojrzeć i od razu wiadomo kto napisał dany post

Ale tu masz w zupełności racje. Avatary należy zostawić.

A ja się zapytam: po co te ciągłe zmiany?