EpicWEB.pl

webdesign, programowanie, phat lewt!

Ostatni projekt

ddrpl.com

Ostatnie wiadomości

Myśl dnia: wyświetlanie strony pod Linux i Mac

Przyszła uwaga - strona wyświetla się błędnie w przeglądarkach pod Linuxem i Maciem. Chodzi o najnowszego Firefox. Czemu? Nie wiem - walczyłem z tym już dłuższą chwilę, wydawało mi się, że się poprawiło (i u mnie i u znajomego było ok) jednak znalazł się ktoś, komu wyświetla się źle.

Przychodzi polecenie od klienta, mail przechodzi przez zarząd i trafia do mnie - poprawić. Trudno, trzeba zainstalować kolejnego Linuxa w VM i sprawdzić. Tylko właściwie czemu? Wg. ranking.pl użytkownicy Linux wszelkiej maści i Mac w sumie nie mają nawet 1/3 tego, co ma IE6, który przez wielu jest odrzucany jako produkt przestarzały i używany przez tak małą grupę użytkowników, że nie warto sobie nim zawracać głowy.

Co okazuje się być źródłem problemu? Ano to, że dane Ubuntu domyślnie zdaje się nie posiadać Tahomy, czyli jednej z popularniejszych w sieci czcionek, zaś alternatywna powoduje, że zastosowanie paddingu o takiej a nie innej wartości rozwala stronę...

Komentarze

Avatar użytkownika 1

Komentarz użytkownika dely

28 05 2010

Co to jest "Maciem"? :)

Avatar użytkownika 2

Komentarz użytkownika radmen

28 05 2010

Hm a teraz pytanie - dlaczego nie posiada Tahomy? Może to dlatego, że to czcionka własnościowa, stosowana tylko na Windowsach (nie wiem jak to się ma do MACów)?

Czy to jest problem? W większości wypadków nie, chociaż czasami daje klientów co chcą mieć wszystko "pixel-perfect". Jeden z naszych klientów chciał aby strona działała sprawnie pod SeaMonkey (kto tego używa?), trzeba było z nim chwilę powalczyć, ale wyperswadowaliśmy to.

3

Komentarz użytkownika rozie

28 05 2010

Nie tylko udział odsłon się liczy. Liczą się jeszcze takie drobiazgi jak ilość zostawianych pieniędzy (tu użytkownicy Windowsa wypadali w ostatnich akcjach "kup za ile chcesz" najgorzej), opiniotwórczość środowiska itp.

Avatar użytkownika 4

Komentarz użytkownika BTM

28 05 2010

@rozie: to jest strona organizacji non-profit (hint hint, było poruszane na łamach - nie tego - joggera).

@radmen: nie do mnie należy negocjowanie z klientem niestety, ja tylko wykonuje rozkazy. I tak, to jest wypadek "pixel perfect pod wszystkim i nawet na blackberry". I tak, Tahoma jest czcionką MS-u, ale można ją sobie doinstalować (kiedyś było w jakiejś fonts-ms-nonfree czy coś).

Avatar użytkownika 5

Komentarz użytkownika radmen

28 05 2010

BTM: jasne, że można doinstalować. Pytanie ilu userów faktycznie to robi? (nie mówię o fanatykach co nie zainstalują, bo jest 'non-free')

Avatar użytkownika 6

Komentarz użytkownika BTM

28 05 2010

Nie wiem - mnie osobiście nie interesuje jaki promil z promila użytkowników, jaki stanowią Linuxiarze zainstaluje. Osobiście, jeżeli ktoś zarzuca mi, że mój projekt źle wygląda pod Linuxem odpowiadam, żeby sobie zainstalował normalny system operacyjny ;)

7

Komentarz użytkownika Piotr Pyclik

28 05 2010

Ktoś ma się męczyć z Windowsem, bo nie chce ci się pisać porządnie stron? ;P

Avatar użytkownika 8

Komentarz użytkownika BTM

28 05 2010

@Piotr: uwierz mi, że akurat ten element, który nie działa jest z cyklu "ale WTF" i wszystkie znaki na ziemi i niebie wskazują, że powinien działać. BA - nawet działał w poprzedniej wersji Ubuntu / Firefox - w najnowszym - nie działa. Więc nie zakładam, że jest to wina złego HTML/CSS, tylko pewnie znowu coś panowie z Mozilli namieszali. Przy ostatniej zmianie był to problem z line-height inputach.

9

Komentarz użytkownika Piotr Pyclik

28 05 2010

Wiem jak coś takiego potrafi być upierdliwe, na szczęście to nie moja branża. :) Ale sugerować komuś od razu zmianę systemu operacyjnego? Rozumiem że chyba w żartach. ;)

Avatar użytkownika 10

Komentarz użytkownika Bartosz "BTM" Szczeciński

28 05 2010

@Piotr: chodzi o moje własne prywatne hobbystyczne projekty (eg. blog, czy ddrpl.com) - jeżeli bład jest jakąś małą pierdółką (tekst wystaje 2 px za daleko) albo pojawia się sporadycznie, to tak, może się zdażyć, że tak odpowiem ;]

Avatar użytkownika 11

Komentarz użytkownika TJR

28 05 2010

A co klienta obchodzi to, że nie potrafisz dobrze zaprojektować strony? Czasy "designed for 1024x768, IE6" minęły.

Avatar użytkownika 12

Komentarz użytkownika BTM

28 05 2010

@TJR: jeżeli chcesz coś powiedzieć rzeczowego, to powiedz, jeżeli chcesz trolować, idź do n3m0.

Pomijam, że ja nie projektuje stron tylko koduje do HTML - nie ode mnie zależy co i w jakich wymiarach znajdzie się na stronie.

13

Komentarz użytkownika mh

28 05 2010

Wg. ranking.pl użytkownicy Linux wszelkiej maści i Mac w sumie nie mają nawet 1/3 tego, co ma IE6, który przez
wielu jest odrzucany jako produkt przestarzały i używany przez tak małą grupę użytkowników, że nie warto sobie nim
zawracać głowy.

Hint: użytkownicy linuksów częscięj korzystają z adbloków, a u mnie nawet .gemius.pl jest resolwowany jako blackhole :)
Na przyszłość polecam przeglądanie logów httpd, *konkretnego
portalu.

I IMHO to jest błąd CSS, jak podajesz listę preferowanych czcionek to zakładam że przetestowałeś tą stronę z każda z nich.

Avatar użytkownika 14

Komentarz użytkownika BTM

28 05 2010

@mh: nie podaję listy preferowanych, ale alternatywnych tak by w przypadku braku Tahomy nie użyto domyślnej czcionki danego systemu (np. w Windowsie badziewnego Times New Roman) tylko np. Arial, który jest zbliżony, i na którym się strona nie rozwala.

Pozwól, że ujmę to jeszcze raz - strona działała dobrze w momencie jej odpalenia parę minor wersji Firefox / Ubuntu temu. Teraz, po aktualizacji do najnowszego Firefoxa nie działa poprawnie.

Nawet, jeżeli 50% użytkowników Linuxa korzysta z adblocka, to i tak jest ich mniej niż użytkowników IE6 ;-)

15

Komentarz użytkownika mh

28 05 2010

Pozwól, że ujmę to jeszcze raz - strona działała dobrze w momencie jej odpalenia parę minor wersji Firefox /
Ubuntu temu. Teraz, po aktualizacji do najnowszego Firefoxa nie działa poprawnie.

To zgłoś błąd Ubuntu (jeśli pod innymi systemami jest ok), Mozilli (jeśli nie) Warto chyba naprawić?

Avatar użytkownika 16

Komentarz użytkownika BTM

28 05 2010

Nie wierzę w zgłaszanie błędów ;) A tak poważnie - odstraszają mnie wszelkiego rodzaju bugzille, które chcą na lewo i prawo mój email, hasło, login, preferencje seksualne etc.

Wystarczyło poprawienie 1 linijki CSS (zmiana paddingu o 1px) i jest (w miarę) ok. Wylewam żale, ot co ;-)

17

Komentarz użytkownika ooc

29 05 2010

Tak długo, jak strona ma prawidłową typografię, tak długo nie powinno być problemów z fontami, niezależnie od tego czy zostaną zastąpione szeryfem czy fontem bezszeryfowym. Polecam: http://taat.pl/typografia/

Avatar użytkownika 18

Komentarz użytkownika q84_fH

29 05 2010

Tak na marginesie, to można do CSS dołączyć własne czcionki (@font-face), wtedy przeglądarka, jeżeli jej nie ma, to pobiera ją z serwera. Przy odrobinie gimnastyki działa to nawet pod IE.
Trzeba jednak w takim wypadku uważać na prawa do czcionek. Najbezpieczniej używać tylko tych otwartych. I nie jestem pewien, czy do jest część specyfikacji CSS2.1 (może jest, nie chce mi się szukać), w każdym razie działa.

Avatar użytkownika 19

Komentarz użytkownika BTM

29 05 2010

q84_fH: zapewne się da, nie wiem jak w przypadku Tahomy, która jest niby domyślnie w każdym Windowsie, ale zapewne EULA w jakiś sposób to ogranicza, skoro na Linuxach jej domyślnie nie ma.

Avatar użytkownika 20

Komentarz użytkownika iss

30 05 2010

Jeżeli inna czcionka powoduje drobną kaszanę, to podejrzewam, że powiększenie tekstu to armagedon.
Choć coraz więcej przeglądarek powiększa całą stronę skalując również obrazki, marginesy itp., to są też użytkownicy, którzy powiększają sam tekst.

A co do odmiany:
Linux - Linuksa, Linuksem (o słówku GNU nie wspomnę ;)
Mac - Maka, Makiem
Firefox - Firefoksa, Firefoksem

BTW Masz jakieś dziwne linki na dole strony - alkomaty, odzież ciążowa, mieszalnia lakierów.

Avatar użytkownika 21

Komentarz użytkownika BTM

30 05 2010

Powiększanie tekstu było sprawdzane - full page zoom działa prawie idealnie ;]

A linki na dole mam :P

Avatar użytkownika 22

Komentarz użytkownika iss

30 05 2010

Ale właśnie mówiłem o text-only zoom, a nie full-page.

A linki na dole sprawiają wrażenie braku profesjonalizmu.

Zostaw komentarz