Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Cześć,

Ostatnio zdałem sobie sprawę, że czasem full hd to zbyt mało, żeby ogarnąć w 100% wygląd strony www.
Moi klienci często używają mac'ów, ale ja nie chcę kupować sprzętu za ponad 6000 tysięcy, bo OS mi nie pasuje.

dlatego, pomyślałem, że alternatywą może być monitor o dużej rozdzielczości, co pozwoli mi na zobaczenie tego, co widzi mniej więcej user Mac'a.

Co byście polecili ? Dodam, że nie zajmuję się designem, tylko kodowaniem, więc sprzęt z kalibracją itd, nie jest niezbędny.

Dzięki.

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Chodzi Tobie o Retinę i zagęszczanie?
Ale przecież to tak nie działa, że oni mają skalowanie... tam jest renderowanie po prostu, dlatego elementy HTML nie mają z tym problemu, a problemem są np. zdjęcia w małych rozdzielczościach.

IMO to jest trochę tak nie do końca, jak to chcesz zrobić. Więcej nie powiem (coby gafy nie wrzucić), ale tak to przeczuwam, może ktoś więcej dopisze. To nie jest tak, że wszystko masz x4 wielkość. To by było wręcz... głupie, heh.
Także IMO testowanie na matrycach rzędu 2560x1440 to nie ma sensu.Ten post został edytowany przez Autora dnia 19.02.16 o godzinie 11:46
Krzysztof F.

Krzysztof F. "Zbyt mało wiem by
być
niekompetentnym."

Temat: Jaki monitor do testowania stron www na dużych...

http://retinize.it/

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Cześć,

Ostatnio zdałem sobie sprawę, że czasem full hd to zbyt mało, żeby ogarnąć w 100% wygląd strony www.
Moi klienci często używają mac'ów, ale ja nie chcę kupować sprzętu za ponad 6000 tysięcy, bo OS mi nie pasuje.

A ci userzy maków to jakaś specjalna grupa ludzi? :
dlatego, pomyślałem, że alternatywą może być monitor o dużej rozdzielczości, co pozwoli mi na zobaczenie tego, co widzi mniej więcej user Mac'a.

Ale alternatywą do czego? Najpierw poczytaj co to jest ta retina i jak to działa. Podpowiem Ci że CI userzy macbooków z retiną mają normalną rozdziałkę 1440x900 i tak ona jest identyfikowana przez przeglądarki.
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Ale alternatywą do czego? Najpierw poczytaj co to jest ta retina i jak to działa. Podpowiem Ci że CI userzy macbooków z retiną mają normalną rozdziałkę 1440x900 i tak ona jest identyfikowana przez przeglądarki.

retina ma rozdziaøke 1440x900 ? W 29 calowym Macu ?
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Jacek K.:
Konrad K.:
Cześć,
Ale alternatywą do czego? Najpierw poczytaj co to jest ta retina i jak to działa. Podpowiem Ci że CI userzy macbooków z retiną mają normalną rozdziałkę 1440x900 i tak ona jest identyfikowana przez przeglądarki.

O czym pisza na stronie appla ?
iMac (Retina 5K, 27-inch, Late 2014) and later displays have a 5120-by-2880 native resolution with support for millions of colors.
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Jacek K.:
Konrad K.:
Cześć,

Ostatnio zdałem sobie sprawę, że czasem full hd to zbyt mało, żeby ogarnąć w 100% wygląd strony www.
Moi klienci często używają mac'ów, ale ja nie chcę kupować sprzętu za ponad 6000 tysięcy, bo OS mi nie pasuje.

A ci userzy maków to jakaś specjalna grupa ludzi? :
Tak, specjalna, moze pospaceruj do domach, i zobacz jaki procent ludzi ma w domu Maca / PC / laptop jak np. Acer, Asus itd.

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Tak, specjalna, moze pospaceruj do domach, i zobacz jaki procent ludzi ma w domu Maca / PC / laptop jak np. Acer, Asus itd.

No ale co to ma do rzeczy? :) Chcesz sprawdzać odbiór stron ze względu na stan posiadania czy zasobność portfela? ;)

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Ale alternatywą do czego? Najpierw poczytaj co to jest ta
retina i jak to działa. Podpowiem Ci że CI userzy macbooków z retiną mają normalną rozdziałkę 1440x900 i tak ona jest identyfikowana przez przeglądarki.

retina ma rozdziaøke 1440x900 ? W 29 calowym Macu ?

Czytaj dokładnie a nie na wyrywki. Konkretnie pisałęm o ekranie macbooka. Rozdziałka natywna macbooka pro to 2880x1800, natomiast user to widzi jako rozdziałkę użytkową 1440x900.

Konrad K.:
O czym pisza na stronie appla ?
iMac (Retina 5K, 27-inch, Late 2014) and later displays have a 5120-by-2880 native resolution with support for millions of colors.

No masz taką natywną rozdziałkę i fajnie, Ale czy możesz w takiej rozdzielczości pracować? Nie nie możesz. Śprawdź o co w tym wszystkim chodzi, a nie patrzysz na cyferki. To że ekran ma taką a nie inną natywną rozdziałkę, nie oznacza że strona się wyświetla właśnie w takim rozmiarze. Jedno z drugim nie ma nic wspólnego (chociaż oczywiście może - wszystko zależy od ustawień).

Zobacz sobie ten filmik może łatwiej Ci będzie zrozumieć o co chodzi:
https://youtu.be/PQpUJQRK5CI?t=103

W skrócie: w ekranie retina u apple na 1px widoczny składają się 4px fizyczne matrycy. W ten sposób budowany jest obraz. Czyli user ma rozdzielczość teoretycznie 2560x1440, ale o 4 krotnie większym zagęsszczeniu pikseli niż na standardowym ekranie z rozdzielczością 2560x1400.

Dokładnie na tej samej zasadzie działają wszystkie urządzenia mobilne z rozdziałkami powyżej bazowej. Czyli z FullHD, QHD - jak wejdziesz ze smartphone z rozdziałką QHD na jakąś stronę, to i tak zostaniesz zidentyfikowany jako rozdziałka chyba 360x240.

Stąd była moja rada dla Ciebie abyś poczytał co to jest i jak to działa. Jako webdeveloper powinieneś wg mnie posiadać taką wiedzę bo to są dziś podstawy w projektowaniu jak i kodowaniu.Ten post został edytowany przez Autora dnia 19.02.16 o godzinie 20:37
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Jacek K.:
Stąd była moja rada dla Ciebie abyś poczytał co to jest i jak to działa. Jako webdeveloper powinieneś wg mnie posiadać taką wiedzę bo to są dziś podstawy w projektowaniu jak i kodowaniu.


Dochodzimy do sedna sprawy. Pytam czy jest monitor, który ma takie zagęszczenie, jak w Macu.
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Czytaj dokładnie a nie na wyrywki. Konkretnie pisałęm o ekranie macbooka. Rozdziałka natywna macbooka pro to 2880x1800, natomiast user to widzi jako rozdziałkę użytkową 1440x900.

Fajnie by było, gdyby widział też np: ikony w ładnej jakości. prawda jest taka, że user widzi niby 1440X 900 ale przy okazji pikselozę. Co wynika często z tego, że programista wie co jest grane, ale czasem nie da się nic zrobić dobrego z ikony zaszytej w layoucie, bo powiększenie jej x4 dla retiny, jest nie możliwe, z racji spadku jakości. A tylko nieliczni robią vektory, które można sobie zrobić np. w postaci SVG, co eliminuje problem złej jakości na retinie. A twoja mądra sugestia na temat 2880x1800 -> 1440x900 jest ciekawa, co jeszcze bardziej skłania do pytania - czy są monitory o takiej gęstości jak w Macu.

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Czytaj dokładnie a nie na wyrywki. Konkretnie pisałęm o ekranie macbooka. Rozdziałka natywna macbooka pro to 2880x1800, natomiast user to widzi jako rozdziałkę użytkową 1440x900.

Fajnie by było, gdyby widział też np: ikony w ładnej jakości. prawda jest taka, że user widzi niby 1440X 900 ale przy okazji pikselozę. Co wynika często z tego, że programista wie co jest grane, ale czasem nie da się nic zrobić dobrego z ikony zaszytej w layoucie, bo powiększenie jej x4 dla retiny, jest nie możliwe, z racji spadku jakości. A tylko nieliczni robią vektory, które można sobie zrobić np. w postaci SVG, co eliminuje problem złej jakości na retinie. A twoja mądra

Nie, wcale nie nieliczni. Używanie font icons robi się już standardem, zwłaszcza, że każda współczesna przeglądarka to wspiera (podobnie jak SVG).
Oczywiście pozostaje kwestia obrazków, ale te łatwo da się załatwić trickiem CSS (@2x) - pierwszy lepszy przykład z brzegu: http://ivomynttinen.com/blog/a-guide-for-creating-a-be...

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Jacek K.:
Stąd była moja rada dla Ciebie abyś poczytał co to jest i jak to działa. Jako webdeveloper powinieneś wg mnie posiadać taką wiedzę bo to są dziś podstawy w projektowaniu jak i kodowaniu.


Dochodzimy do sedna sprawy. Pytam czy jest monitor, który ma takie zagęszczenie, jak w Macu.

Masz mnóstwo monitorów 4k przecież które mają podobne zagęszczenie. Kwestia tylko samego systemu czy ma on możliwość działania tak jak OSX.

konto usunięte

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:

Fajnie by było, gdyby widział też np: ikony w ładnej jakości. prawda jest taka, że user widzi niby 1440X 900 ale przy okazji pikselozę. Co wynika często z tego, że programista wie co jest grane, ale czasem nie da się nic zrobić dobrego z ikony zaszytej w layoucie, bo powiększenie jej x4 dla retiny, jest nie możliwe, z racji spadku jakości. A tylko nieliczni robią vektory, które można sobie zrobić np. w postaci SVG, co eliminuje problem złej jakości na retinie. A twoja mądra sugestia na temat 2880x1800 -> 1440x900 jest ciekawa, co jeszcze bardziej skłania do pytania - czy są monitory o takiej gęstości jak w Macu.

Ale to nie jest kwestia monitora a trzymania się standardów. Taka ikona nie tylko będzie źle wyglądać na macu ale na smartphonach, tabletach, laptpach itp Czyli wszędzie gdzie są używane ekrany "retina" czyli mające dużo PPI. Dlatego standarden jest dziś fontface, svg czy stosowanie @2x PNG.

Poprawnie przygotowana strona powinna się wszędzie wyświetlać tak samo, bez względu na rozdziałkę.
Krzysztof F.

Krzysztof F. "Zbyt mało wiem by
być
niekompetentnym."

Temat: Jaki monitor do testowania stron www na dużych...

Jeszcze z dwie strony dyskusji.... i pewnie wrócimy do mojego linka :)) Ale spoko .. czyta się to dobrze :))
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Krzysztof F.:
Jeszcze z dwie strony dyskusji.... i pewnie wrócimy do mojego linka :)) Ale spoko .. czyta się to dobrze :))

ja już wracam :) Akcja jest fajna, ale mimo wszystko Photoshop dostał opcję eksportu jako SVG, więc jesli mamy do tego jeszcze wektor, to taki svg można sobie w CSS edytować - bardzo fajna rzecz.

Dodatkowo, jak masz Grunt'a to zapodasz sobie Grunticon, władujesz wyksportowane SVG do folderu, zapodasz komende, i masz wszystko jak na tacy...
Krzysztof F.

Krzysztof F. "Zbyt mało wiem by
być
niekompetentnym."

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:

Konrad tak czysto biznesowo. Na rozdzielczości ponad 1900x1200 siedzi taki mały % osób, że jeśli uświadomiony klient nie zapłaci ekstra za specjalny projekt powyżej tego breakpointa, to ja bym się tym wcale nie przejmował. Oczywiście mówimy o projekcie, który kreatywnością wykracza poza pływające kwadraty czy prostokąty. Bo w tym klasycznym przypadku "ma być RWD :)", chyba nie ma żadnego problemu ?
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Jaki monitor do testowania stron www na dużych...

Pewnie masz rację, natomiast mój problem - to co chciałbym testowac to mix większej rozdzielczości + gęstośc pikseli inna niż standard. Tak więc obecnie prowadzę research na temat takiego monitora...
Pozdro!
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Pewnie masz rację, natomiast mój problem - to co chciałbym testowac to mix większej rozdzielczości + gęstośc pikseli inna niż standard. Tak więc obecnie prowadzę research na temat takiego monitora...
Pozdro!


Jak juz powiedziano wyzej.. sama rozdzialka monitora niczego nie załatwi... system musi to stosownie obsługiwać...

I zmartwie cie.. niestety nie możesz powiedzieć ze przetestowałeś dla Maców nie używając maca :) [widzialem magikow testujacych na pc safari mimo ze ono od ladnych paru lat nie jest rozwijane.. a nigdy nie bylo nawet blisko kompatybilne z wersja macową - potem zdziwieni byli ze nie dziala...]

ps. Tak, wiem jaki jest udział maców w ogólnych statystykach... ale to zwykle nie ma wiekszego znaczenia gdyz liczy sie profil userów w tym konkretnym serwisie... i np odsetek macuserow na stronach poswieconych macom moze byc np 99% :) wszysto zalezy od wlasnych a nei cudzych statystyk.

zatem, warto trzymac sie wspolczesnych standardow, chocby dla zapewnienia kompatybilnosci z urzadzeniami mobilnymi...
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Jaki monitor do testowania stron www na dużych...

Konrad K.:
Cześć,

Ostatnio zdałem sobie sprawę, że czasem full hd to zbyt mało, żeby ogarnąć w 100% wygląd strony www.
Moi klienci często używają mac'ów, ale ja nie chcę kupować sprzętu za ponad 6000 tysięcy, bo OS mi nie pasuje.

co za problem :) - kup della np http://www.dell.com/uk/p/xps-15-9550-laptop/pd?oc=cnx5...

dlatego, pomyślałem, że alternatywą może być monitor o dużej rozdzielczości, co pozwoli mi na zobaczenie tego, co widzi mniej więcej user Mac'a.

i tak nie zobaczysz tego co user widzi... bo macos traktuje retine inaczje niz windows [nie wspominajac o roznych wersjach windowsa]
Co byście polecili ? Dodam, że nie zajmuję się designem, tylko kodowaniem, więc sprzęt z kalibracją itd, nie jest niezbędny.

jak szukasz monitora... kup cos z tej kolekcji
http://www.dell.com/learn/uk/en/ukdhs1/campaigns/4k2k-...

tylko... do czego ty go sobie podepniesz :)



Wyślij zaproszenie do