Mariusz Tarnaski "MariuszT"

W Internecie cały czas trwa dyskusja czy strony www muszą wyglądać identycznie we wszystkich przeglądarkach czy może nie powinniśmy skupiać się na robieniu kopii co do każdego piksela i pozwolić na lekkie różnice.

O problemie pisałem już w tekście "Reset styli CSS" gdzie opowiedziałem się za standaryzacją domyślnych ustawień przeglądarek. Czasami po prostu strona musi wyglądać identycznie aby wszystkie efekty, animacje etc. działały jak należy. Dla mnie ta cała dyskusja jest niezrozumiała.

Piszę to wszystko bo ostatnio napotkałem na dziwny problem z przeglądarką Firefox. Tak, o dziwo nie tylko IE w dzisiejszych czasach potrafi coś spartolić Otóż FF dodaje do przycisków formularzy (buttom, submit itp.) wewnętrzny margines. Zresztą sami zobaczcie:

Ustawianie własnego padding nic nie pomaga o ile nie użyjemy tego pięknego "::-moz-focus-inner". I skąd webmasterzy mają o tym wiedzieć? :/

W porównaniu do lat gdy zaczynałem zabawę z HTML (chyba rok 1999) mamy teraz piękne czasy. Mimo to nadal nie jest idealnie i mam duże wątpliwości czy kiedyś będzie.

Listę domyślnych styli CSS w Firefox znajdziemy wpisując w okno przeglądarki taki adres: resource://gre-resources/forms.css

Pod tym adresem znajduje się oficjalny arkusz CSS dla elementów języka HTML 4. Natomiast tutaj jest nieoficjalny (oficjalnego nie mogłem znaleźć) kod CSS dla HTML 5.

Drugi z artykułów napisany dla Przeglądu Lokalnego Famka. Gazeta ukazuje się w cyklu tygodniowym, w dwóch wydaniach, dla Tomaszowa Mazowieckiego i Piotrkowa Trybunalskiego.

Pamiętajcie kim są czytelnicy takich gazet nim ocenicie merytoryczność tekstu Tekst ukazał się kilka miesięcy temu, może pół roku, nie pamiętam dokładnie.

Microsoft zmuszony przez Komisję Europejską wprowadził do swoich systemów operacyjnych sprzedawanych na terenie Unii Europejskiej okienko wyboru przeglądarki internetowej po instalacji systemu. To dobry moment aby wytłumaczyć przed jak poważnym wyborem stanie każdy użytkownik i dlaczego to takie ważne dla rozwoju globalnej sieci.

Awantura o Internet

Historię przeglądarek internetowych można podzielić na kilka rozdziałów z czego najbardziej wyraźnie zarysowują się dwie wielkie wojny przeglądarkowe. Pierwsza rozpoczęła się w roku 1997 gdy Internet Explorer 4 konkurował o prym na rynku z Netscape Navigator 4. Szalę zwycięstwa na stronę koncernu z Redmond przechyliło wydanie nowoczesnej na owe czasy przeglądarki Internet Explorer 5.

Niestety po zdobyciu prawie całego rynku programiści Microsoft spoczęli na laurach i rozwój IE drastycznie przystopował. Ich przeglądarka działała zupełnie w oderwaniu od oficjalnych standardów co było bardzo kłopotliwe dla twórców stron WWW i jednocześnie ograniczało ich możliwości. Znali nowe technologie, chętnie stosowaliby je na swoich stronach ale nie mogli tego uczynić ponieważ większość użytkowników Internetu korzystała z przeglądarki Microsoftu, która nie wyświetlałaby tych witryn poprawnie.

Zupełny zastój w rozwoju Internet Explorer idący w parze z marnymi możliwościami tej przeglądarki spowodował rozwój wielu zaawansowanych technicznie programów do przeglądania sieci i wybuchu drugiej wojny, która trwa po dziś dzień.

Czemu Internet Explorer jest krytykowany?

Z racji tego, że Internet Explorer był domyślną przeglądarką w systemie Windows z którego większość z nas korzysta, znaczna część użytkowników używa właśnie tego programu do przeglądania sieci. Przyzwyczajeni do niego nie rozumieją czemu namawia się ich do zmiany przeglądarki. Niestety IE to największy hamulcowy Internetu. Najwolniejszy, najbardziej niebezpieczny i najsłabiej obsługujący wszelkie standardy program na rynku.

O ile pierwsze dwa zarzuty to już indywidualny wybór użytkownika (Twoja sprawa jeżeli chcesz dłużej czekać na otworzenie się strony WWW i złapać przy okazji wirusa) o tyle trzeci zarzut to już globalny problem. Oczywiście użytkownicy Internet Explorera nie muszą się martwić tym co to są standardy W3C, ich interesuje aby strony wyświetlały się poprawnie i najczęściej nie mają z tym problemów. Niestety nie wynika to z tego iż IE to dobra przeglądarka a z tego, że wszystkie strony są budowane z uwzględnieniem tego dużego gracza na rynku (w tej chwili około 32% internautów używa różnych wersji IE). Strony w Internet Explorerze dobrze się wyświetlają ponieważ są często specjalnie pod tą przeglądarkę budowane (często jako druga wersja alternatywna dla innych przeglądarek poprawnie obsługujących standardy). Konsekwencją takiej sytuacji jest fakt, że programiści nie mogą na swoich witrynach używać najnowszych zdobyczy technologicznych. Cierpią na tym użytkownicy chociaż sami o tym nie wiedzą. Nie mogą przecież przewidywać, że strony mogłyby być lepsze, ładniejsze i wygodniejsze w użytkowaniu gdyby tylko zmienili przeglądarkę.

Inne popularne programy pomału zabierają rynek Internet Explorerowi czego skutki można już zauważyć. Microsoft coraz bardziej przykłada się do swojego programu. Niestety nawet jego najnowsza przeglądarka Internet Explorer 8 nadal drastycznie odstaje od konkurencji i lepsze wsparcie standardów zapowiadane jest dopiero na 9 wersję tego programu.

Jaką przeglądarkę wybrać?

W tej chwili na rynku dostępnych jest kilka popularnych i dynamicznie rozwijanych przeglądarek. Przede wszystkim najpopularniejszy w naszym kraju Firefox ale także świetna Opera czy produkt internetowego giganta Google Chrome lub w końcu niedoceniana jeszcze u nas Safari. Obsługa każdej z tych przeglądarek jest prosta, intuicyjna, po prostu przyjemna. Wszystkie wyświetlają poprawnie strony internetowe i obsługują najnowsze technologie, których Microsoft nie chce wprowadzić do swojego programu. Przesiadka z Internet Explorera będzie bezbolesna a przyczyni się do rozwoju globalnej sieci i zmusi monopolistę do poprawienia zaniedbanej przeglądarki.

Można długo dyskutować nad tym, która z popularnych przeglądarek internetowych jest najlepsza. Oceniać ich szybkość, funkcjonalność, zgodność ze standardami. Ale jeżeli chodzi o przydatność dla osób projektujących strony internetowe to Firefox nie ma sobie równych.

Ja teraz bez niektórych wtyczek czułbym się jak bez ręki Poniżej przedstawiam listę dodatków do Firefoxa, które codziennie ułatwiają mi pracę.

Firebug (getfirebug.com)
Król królów! Nie znasz, nie używasz? Wstydź się! Dzieki Firebugowi można przeglądać w banalny sposób kod HTML/CSS, edytować go na bieżąco, monitorować ruch jaki generuje strona, debugować JS i tak dalej... Naprawdę nieocenione narzędzie.

Firecookie (addons.mozilla.org/en-US/firefox/addon/6683)
Wtyczka do wtyczki czyli dodatek do Firebug'a dzięki któremu łatwo będziemy przeglądać i zarządzać pliczkami cookie.

HTML Validator (users.skynet.be/mgueury/mozilla)
Pisanie stron według standardów to podstawa. Ciągła walidacja zewnętrznymi narzędziami jest kłopotliwa. Ta wtyczka dodaje miłe w użyciu narzędzie, które natychmiast powiadomi Cię o tym czy przeglądana strona jest zgodna ze standardami i wyświetli listę błędów jeżeli test wypadnie negatywnie. Dodatkowo jest opcja włączenia numeracji wierszy w źródle strony, wtyczka podpowiada również co można poprawić w kodzie HTML aby był lepszy, nawet jeżeli przechodzi walidację.

ColorZilla (www.colorzilla.com/firefox)
Za pomocą tej wtyczki z łatwością pobierzemy informacje o dowolnym kolorze użytym na przeglądanej stronie internetowej. Nie trzeba już robić screenów ekranu i sprawdzać kolorów w jakimś programie graficznym.

MeasureIt (addons.mozilla.org/en-US/firefox/addon/539)
Patrzysz na jakiś element strony i zastanawiasz się jakie on ma mniej więcej rozmiary? Zmierz je z poziomu przeglądarki, dzięki tej wtyczce. Na razie oferuje ona proste mierzenie "na oko" ale twórca obiecuje na swojej stronie rozwój wtyczki i dodanie kilku ciekawych funkcji.

IE Tab (addons.mozilla.org/pl/firefox/addon/1419)
Po co osobno uruchamiać przeglądarkę Internet Explorer aby sprawdzać jak Twoja strona w niej wygląda skoro można się między Firefoxem a IE przełączać za pomocą jednego przycisku?

Screengrab (www.screengrab.org)
Potrzebujesz szybko zrobić screen aktualnie przeglądanej strony? Całej witryny, fragmentu, który akurat widzisz na ekranie a może tylko wybranego elementu? Z tym dodatkiem zajmie Ci to chwilkę

Live HTTP headers (livehttpheaders.mozdev.org)
Wtyczka dla osób, które programują po stronie serwera. Raz na jakiś czas istnieje potrzeba odczytania jakie dokładnie nagłówki wysyła serwer, jakie numery błędów zwrócono itd. Oczywiście można korzystać z zewnętrznego sniffera (polecam Wireshark) ale po co zaraz z armatą na muchę... ? Omawiana wtyczka jest prosta w obsłudze i dostarczy nam dokładnie tych informacji, które potrzebujemy, bez zbędnych śmieci. PS: podobną funkcjonalność udostępnia Firebug.

Zachęcam do eksperymentów i samodzielnych poszukiwań. Dodatków ułatwiających życie webmasterom jest naprawdę wiele. Każdy znajdzie coś dla siebie

PS
Mam nieodparte wrażenie, że o jakiejś wtyczce zapomniałem Zachęcam do podawania nazw i/lub linków do innych ciekawych dodatków do Firefox.

Ostatnia informacja ze świata przeglądarek Internetowych zaskoczyła wszystkich. Google, które mocno wspierało rozwój Firefox'a, wypuściło niespodziewanie własną przeglądarkę. Rozgorzały setki dyskusji co to teraz będzie, o co tak naprawdę chodzi Google itd.

Mnie osobiście cieszy ten ruch Im większa konkurencja tym lepiej. Chociaż zastanawiam się czy Google naprawdę chcę rozpętywać kolejną wojnę przeglądarkową czy po prostu potrzebuje własnego oprogramowania wspierającego takie produkty jak Google Docs czy Gmail. Czas pokaże. Czytaj dalej »

GMail to bezpłatne skrzynki pocztowe od Google, które słusznie cieszą się ogromną popularnością. Niestety po znalezieniu jakiegoś adresu e-mail na stronie Internetowej trzeba go ręcznie przekopiować do formularza GMail i dopiero wtedy możemy wysłać list do wybranego adresata. Jednak z pomocą Firefox 3 możemy to zmienić Czytaj dalej »

Wbrew pozorom, tytuł tego newsa jest prawidłowy Te kilka znaczków doprowadziło mnie do stanu wrzenia

Już od dłuższego czasu szata graficzna tego bloga knociła się w niektórych przeglądarkach :/ Sprawdzałem kod HTML, sprawdzałem CSS ale nigdzie nie mogłem się dopatrzeć błędu :/ A ponieważ na Firefox 2 wszystko działało prawidłowo to po bezowocnych poszukiwaniach rozwiązania sprawę w końcu olałem No dobra, odłożyłem na bliżej nieokreśloną przyszłość

Teraz jednak przeszedłem na Firefox 3 i błąd zaczął mnie ponownie kłuć w oczy :/ Trochę wstyd żeby ktoś kto tworzy strony Internetowe miał taki błąd na własnym blogu i na dodatek nie umiał sobie z nim poradzić Tak więc dzisiaj przystąpiłem do ofensywy. Czytaj dalej »

Mozilla wpadła na świetny pomysł promocji swojej najnowszej przeglądarki Firefox 3. Ogłosili próbę ustanowienia rekordu pobrań programu w przeciągu 24 godzin. Zrobili fajną stronkę, mapę świata z liczbą popierających akcję Internautów w poszczególnych krajach, powiadomienie na e-mail itp. Pomyślałem, że chętnie pomogę Ale...
Czytaj dalej »

Niekiedy bywa tak, że musimy się zarejestrować na jakiejś stronie ale wiemy, że na 99% już nigdy tam nie wrócimy. Wtedy niechętnie podajemy swój adres e-mail bo potem przychodzą na naszą skrzynkę jakieś reklamy czy spam.

Są różne sposoby aby sobie z tym poradzić. Niektórzy zakładają aliasy e-mail, inni na chwilę włączają catch-all i podają błędny adres w swojej domenie, jeszcze inni mają jeden adres e-mail przeznaczony na różnego rodzaju śmieci i do rejestracji w różnych podejrzanych serwisach. Niektórzy też rejestrują jakiś darmowy e-mail tylko po to aby go raz wykorzystać.

Ale jest jedna najprostsza metoda - założenie tymczasowego adresu e-mail. Nie będę się teraz rozpisywał nad możliwościami każdego z podanych poniżej serwisów, przedstawię tylko ogólną zasadę działania. Otóż na takich stronach można założyć skrzynkę pocztową, która będzie działała tylko przez jakiś określony czas. Zakładamy taki e-mail, następnie rejestrujemy się w jakimś serwisie i podajemy nasz nowy adres, odbieramy pocztę i w ten sposób kończymy rejestrację. Prawda, że proste? Koniec z reklamami, ze spamem. Możemy spać spokojnie. Niektóre serwisy udostępniają dodatkowe możliwości takie jak przedłużanie istnienia naszego konta lub dostęp do poczty poprzez kanał RSS. Niech każdy sam sobie wybierze z której strony chce korzystać.
Czytaj dalej »

Gdy zainstalowałem Windows Vista (nie wiem czy na innych systemach ten problem też występuje) a potem Mozilla Firefox 2.0.0.3 i wszedłem na google.pl to strona zaczęła mi skakać :/ Podnosiła się i obniżała co pół sekundy o jakieś pół centymetra :/ Na początku nie było to aż tak bardzo kłopotliwe (dało się przeglądać strony bez większych problemów) więc postanowiłem, że później poszukam rozwiązania. Z czasem jednak zaczęło mnie to denerwować W końcu doszedłem co jest tego przyczyną. Chodzi o zakładki.

Czytaj dalej »