Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Safari 3 na Windows

11 czerwca 2007

Safari3 Beta

Dzisiejszy dzień można określić tylko przełomowym dla każdego webdesignera / webdevelopera. Apple pochwalił się, że tworząc najnowszą, 3 wersję swojej przeglądarki Safari uwzględnił także platformę Windows. Dzięki temu powyższy screenshot z uroczym wygładzaniem zrobiłem parę minut temu.

Safari używa 18 milionów ludzi na świecie co daje 4.9% tortu przeglądarkowego - jest to znacznie więcej niż ma Opera, dlatego uważam że należy zacząć oficjalnie wspierać Webkit przy projektowaniu. Nie ma też z tym większych problemów, ponieważ silnik jest ściśle zgodny ze standardami (można obejrzeć jak duży fragment CSS3 wspiera).

Betę Safari można już ściągnąć ze stron Apple - jest dość zabugowana, ale warto korzystać z przycisku zgłaszania błędów.

Jakiś czas temu powstała inicjatywa przeportowania Webkitu na Windows - można było ściągnąć wczesną alphę Swifta, ale po dwóch wersjach projekt się skończył. Tym bardziej jestem zadowolony, że sam Apple zajął się wypełnieniem tej luki - Safari jest szybkie (przebija Gecko i oczywiście Tridenta). Czekam teraz na jakąś platformę, która pozwoli używać Webkitu w innych aplikacjach - osadzanie wszystkiego w kontrolce IE stwarza masę problemów renderingu i bezpieczeństwa.

Dzisiaj zaczyna się cudowny okres webdevelopmentu. Dotychczas testowałem na dziko strony w Browsrcamp. Duża szansa, że już za parę tygodni będzie można używać przeglądarki Apple do normalnego surfowania oraz standardowego testowania. Im więcej zgodnych ze standardami opcji, tym lepiej!

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

Informacje o wpisie

Napisał riddle 11 czerwca 2007 o 21:14

Kategorie: Przeglądarki

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

  1. Obrazek się nie wyświetla. Ale to nie ważne. Świętujmy!

  2. Trochę Cię rozczaruję, ale akurat mają oni gdzieś użytkowników Windowsów :) Chodzi im o iPhone. Aplikacje do niego pisze się właśnie w HTMLu z duperelami. A na iPhone jest właśnie engine safari.. stąd cała sprawa ;]

    Ale miło, nie da się ukryć. :)

  3. Chyba tylko do webdesignu się takie Safari przyda, bo ogólnie to ta wersja się wiesza przy głupim google.pl, ok może będą lepsze, ale strony renderuje wolniej niż Firefox, przynajmniej u mnie (żeby było jasne wchodziłem na stronę na której nie byłem nigdy z google, żeby na pewno z cache’u nie ciągło danych)

  4. Pierwszy byłem :-P

    A swoją drogą jeżeli aplikacje na iPhone będzie się robiło tylko w HTML dla Safari to ja nie wróżę temu produktowi przyszłości rynkowej.

    Ale i tak cieszmy się z Safari pod Windows.

  5. Bardzo się cieszymy ;) Ja też przetestuję.

  6. Nie powiem, Twój szablon komentarzy (zwłaszcza „Najciekawsze”), jak i mój cały blog wyglądają dość „oryginalnie” w Safari4win ;). No chyba, że trafiła mi się jakaś felerna wersja ;).

  7. Duuużo bugów jest. Właśnie je zgłaszam. :)

  8. To tylko mój blog wygląda, tak jak ma wyglądać? :>

  9. Mój też, ale za to wiele innych stron się rozpada :->

  10. do testowania to ta przegladarka bedzie sie nadawac
    do codziennego uzytku narazie nie bardzo

  11. no tak, ale nie od dziś zrobiło się to 18 milionów (przełomowy dla ciebie bo możesz w końcu zainstalować i zobaczyć jak strona wygląda), zresztą uwzględnij ile w Polsce się tego używa a nie na świecie, bo głównie to Polacy oglądają twoją stronę, a maci w Poland nie są tak popularne jak na zachodzie.

  12. „Trochę Cię rozczaruję, ale akurat mają oni gdzieś użytkowników Windowsów :)”

    Chociaż jedna taka firma ^^

    Znaczy, że pewnie pod Wine ruszy? :>

    Pozdrawiam
    dos

  13. Wiadomo, że mimo wszystko Safari jest dostosowywane do Mac’a.
    Dodam że Safari przechodzi test Acid2 ;)

  14. Webkit to wspaniały silnik renderujący. Dodatkowo super, że są natywne widgety formularzy i wygładzanie, bo dzięki temu będzie można sprawdzić jak naprawdę wygląda strona na Maku. :)

  15. Wieści od Apple, wpis nieco ironiczny ;)

    Wszyscy o tym piszą, to i ja zacznę ;-) Apple wypuścił swoją przeglądarkę, Safari, na Windows. Dla wielu developerów to jest pierwsza okazja podglądnięcia bądź co bądź bardzo solidnego apple'owskiego produktu (to tylko wersja na Window[...]

  16. Przechodzi test Acid2? Wspaniały silnik?
    Nie w tej becie, na Macu może i tak :-)

    [edit] jak się pokręci myszką to się buźka pojawia, ale tak na starcie to jej nie widać :-)

  17. Ichabod Crane 17 11 czerwca 2007, 21:42

    Wywaliło mi error na starcie, nawet sie bydle nie odpaliło ;) Nici z testowania

  18. Ten sam błąd co u kolegi wyżej :)

  19. @Marcin „Ktos”: co Ty na tym screenie niby pokazałeś nam? :> Trzeba kliknąć w „Take The Acid2 Test” to się dopiero buźka pojawi, a nie wcześniej :>

  20. Sunlifter 20 11 czerwca 2007, 22:38

    No, nareszcie. Ide wpisać to na swojego bloga :]

  21. Ech, a mnie z całego Keynote (przynajmniej z migawek jakie były na macrumors.com i z tego co na stronie oficjalnej) najbardziej zainteresowały Kupki. Quick Look też fajnie wygląda. Szkoda tylko, że na moim starym iBooku pewnie to tak ładnie nie będzie działało ;].
    Ale ogólnie wrażenia dosyć średnie. Niewiele nowości pokazano a pomysł z tworzeniem aplikacji na iPhone brzmi bardzo średnio.. (chociaż kto wie, może się to sprawdzi. pozostaje czekać).

  22. Jak odrobaczą to do testowania OK, ale do szybkigo surfowania na Win to K-Meleon jest :)

  23. Napisałem to już u Marcoosa, ale powtórzę tutaj:

    Z tego co widać, to jedyne błędy renderowania jakie naprawdę mamy w SF3 beta, to przezroczyste pogrubione napisy (tłumaczy to też znikanie niektórych nagłówków – tych pogrubionych podpowiem) oraz mniejszy rozmiar tekstu w niektórych elementach (od razu widać że w formularzach, a reszty jeszcze nie sprawdziłem po kątem powtarzalności).

    Myślę, że poprawią to raz-dwa i będzie ekstra.

  24. Oj, na betę to nie wygląda, raczej na wczesną pre-alphę :-)
    Przed chłopakami z apple’a jeszcze długa droga :-)

  25. Podczas ogladania webcastu z konferencji (tak, jest juz dostepny) wpadlem na pewien prosty pomysl: zresetuje ustawienia regionalne w systemie na EN-US. And boom! ;)

    Komentarz sponsorowany przez Safari 3/Win.

  26. Safari 3/Windows – workaround

    Nie, nie mam zamiaru ogłaszać jego pojawienia się, gdyż to wszyscy już zapewne wiedzą. ;) Chciałbym podzielić się natomiast następującą obserwacją: wszystkie objawy, takie jak znikający tekst, czy crashowanie się programu przy próbie[...]

  27. @kiero: Po kliknięciu „Take the Acid test” nie ma różnicy… Aż pokręcisz scrollem myszki i wtedy się magicznie pojawia uśmieszek od dołu „wjeżdżający” :-)

  28. A po co kręcić scrollem. Wystarczy kliknąć „Take the Acid2 test” tak, jak to powinno się normalnie robić. Ten pasek, który się wyświetla po załadowaniu strony on normalnie powinnien być przykryty informacją w ramce. Niestety problem braku wyświetlania niektórych tekstów powoduje, że pasek jest za wąski.

  29. nieźle :) bardzo dobra wiadomość :D

  30. Na Macu Safari 3 beta przechodzi Acid test.
    Ale też miewam problem z różnymi stronami (może takimi, które się nie walidują, nie miałam czasu sprawdzać).

  31. Jednak trzeba poczekać na następne wersje, a te to rzeczywiście powinna się alfą nazywać. Potwierdzam spostrzeżenia innych: znikający tekst, (u mnie np odnośniki w UL, albo pogrubione odnośniki) no i strasznie wolne działanie.
    Zastanawiam się też czemu w porównaniach szybkości działania nie uwzględniają Opery… Myślę, że wynik mógłby być trochę mniej „impressive”.

  32. Nie mam Pierdołsa, i dobrze, bo wolę moją Fedorę ;) .
    Zawsze mogę na Wine przetestować Safari.
    Póki co – odpowiednik Safari – Konqueror nie podobał mi się.

  33. Uważam, że Adobe lepiej potraktowało WebKita

    Trzeba zainstalować Adobe Integrated Runtime a potem uruchomić przeglądarkę Scout

  34. Wiele problemów (crashujące zakładki, brak pomocy) można obejść kompiująć zawartości folderów:
    „en.lproj” do „pl.lproj” oraz „English.lproj” do „Polish.lproj” Takich folderów jest kilka i znajdują się one w podkatalogach folderu w którym zainstalowane jest Safari.

  35. sentio, toż to ja o tym u siebie napisałem… heh… ech…

  36. Riddle: „SF3”

    Nie ukrywam, że jestem przeciwnikiem skrótu FX (gdzie o wiele bardziej pasuje FF) – ale SF?! Co to za wynalazek językowy?

  37. Napiszę S3 i gdy się to pojawi bez kontekstu, to wszyscy będą myśleć, że chodzi o serwery Amazonu. Plus przejąłem skrót od twitterujących ludzi, może i jest zły – nie wiem.

    A tak w ogóle, Quiris opisał jak pozbyć się błędów w Safari – tych dotyczących UI i tych dotyczących renderki. Szkoda tylko, że ostatni bugfix psuje mi polskie znaki w Konnekcie.

  38. jam_ci_to 38 12 czerwca 2007, 19:26

    Nareszcie jest safari na windowsa… Co prawda słyszałem, że narazie się strasznie sypie, ale to tylko beta;D

  39. No i już mamy exploita: http://milw0rm.com/exploits/4061
    Co prawda exploit wykorzystuje Firefoksa, ale tak czy inaczej wykonywany kod ma uprawnienia użytkownika, co pod Windowsem zwykle wiąże się z uprawnieniami administratora

  40. Linux?

  41. Błąd podczas uruchamiania. Czy wszyscy macie może SP2? :>

  42. Ja mam.

  43. jeśli chodzi o ACID2, to chyba nie jest to problem:

    http://clavs.zico.net.pl/dump/safari.png

  44. Jeśli chodzi o ACID2, to u mnie na XP Pro SP2 przechodzi bez problemu.

    Natomiast nawet postępując zgodnie z radą Quiris’a dalej Safari wyświetla fragmenty tekstu w kolorze tła.

    Porada opisana w pkt 1 ma wpływ na coś innego. Mianowicie na zakładki i plug-iny. Ja żadnych operacji opisanych w pkt 2 nie wykonałem, a zamiana opcji językowych w pełni wyeliminowała właśnie problem z zakładkami i pluginami.

    Wygląda na to, że mimo wszystko będzie trzeba poczekać na wersję ‘final’, aby zacząć myśleć o przesiadce na Safari.

  45. Jeśli chcesz nie mieć problemu z brakującymi tekstami na stronie, to bezwzględnie musisz zastosować poradę numer 2

    PS. Powyżej objawił sie błąd w Safari w postaci obcinania tekstu do pierwszej polskiej litery ;)

  46. Adobe AIR (dawniej „Apollo”) uzywa webkita do renderowania HTML’a. A w tym da sie juz jakies tam aplikacje desktopowe zrobic…

  47. Cos jednak nie tak z tym testem ACID2:

    http://noose.civ.pl/1.png – po zaladowaniu,
    http://noose.civ.pl/2.png – po zaladowaniu i scroll w gore,
    http://noose.civ.pl/3.png – po przeladowaniu strony.

    Pomimo tego mozna smialo powiedziec: Bardzo szybka BETA.

  48. Riddle, tak się tym zachwycasz jak kiedyś DIVami które PODOBNO miały zastąpić tabelki ;] A do dziś się tak nie stało, tak też Safari wątpię że podbije czyjeś serca. Nie ma w niej nic specjalnego, poza tym że jest bardziej uboga od Firefoxa czy nawet IE pewnie, a standardy userzy maja w głębokim poważaniu.

  49. Safari to przeglądarka, której na Maku używa większość userów (UI i szybkość!). Jako, że ma już 5% rynku, to należy wziąć ją pod uwagę podczas pisania stron. Generalnie nie ma z tym problemów, bo Webkit wspiera świetnie standardy, ale taki JavaScript potrafi już zafoszyć. Zachwycam się, bo będę mógł pracować bardziej profesjonalnie.

  50. O jeju, to już będzie 6 przeglądarka w systemie :D Ciężkie jest życie webmastera ;D

  51. Myślę, że ta wiadomość może Was zainteresować. Ciekawe, czy ta opcja działa też pod Windows i jak ją uruchomić – nie wiem. Ale potwierdzam istnienie tego dodatku (na Macu), który działa podobnie do Firebug i do tego jeszcze pięknie wygląda!

  52. Myślę, że Safari od dawna już trzeba było brać pod uwagę przy projektowaniu, przynajmniej na zachodzie żadna firma nie zaakceptuje strony, która się krzaczy w Safari..

    Jeszcze pewnie chwila minie zanim będzie można się zdawać na Safari pod windą.. natomiast już od jakiegoś czasu odpalam OS X pod VMWare by testować Safari ale to nie jest niestety do końca legalna i na pewno nie zbyt wygodna droga więc bardzo się cieszę z tego ruchu Apple’a..

  53. Apropos wygładzania, w kontekście udostępnienia Safari dla Windows:
    Font smoothing, anti-aliasing, and sub-pixel rendering

    PS. @lexip: niestety musisz się przyzwyczaić do wynalazków językowych Riddla („zabugowana”, „przeportowania”, „okres webdevelopmentu” i inne pomidor zupy ;).

  54. To nie są wynalazki językowe, a na pewno nie moje – kto tak uważa, nie ma pojęcia jakich terminów używa się w branży. :] Aha – to nie jest tylko moja opinia i nie ja pierwszy ją wygłosiłem.

    Wygładzanie mi się podoba – cieszę się, że stronki będą mogły wyglądać tak samo jak na Maku – a o to mi chodzi z punktu widzenia kodowania.

  55. [Typoagrafka]: „Myślę, że ta wiadomość może Was zainteresować. Ciekawe, czy ta opcja działa też pod Windows i jak ją uruchomić – nie wiem. Ale potwierdzam istnienie tego dodatku (na Macu), który działa podobnie do Firebug i do tego jeszcze pięknie wygląda!”

    Niestety, opcja owa nie działa w wersji dla Windows. Debug menu owszem, o czym już u siebie wspomniałem, ale nie Web Inspector…

  56. Web Inspector działa domyślnie w wersjach nightly: http://nightly.webkit.org/builds/win/1 i wygląda dokładnie tak jak w wersji dla Maca.

    Polecam szczególnie wersję nightly r23540, która ma załatany problem niewyświetlania czcionek na nieanglojęzycznych systemach :) Szkoda tylko, że tak wersja wykrzacza się na Gmailu oraz Google Readerze

  57. A jak przeprowadzić update? Przekopiowałem pliki i nie chce się odpalić. :D

  58. Nie kopiujesz plików. Rozpakowujesz nightly i odpalasz w rozpakowanym katalogu plik z rozszerzeniem cmd.

  59. Eee, u mnie zero reakcji po uruchomieniu „run-nightly-webkit”, boldów jak nie było tak nie ma ;) (Safari 3.0.1)

  60. Nie mam Windowsa, więc nie wiem, jak to pod nim działa, ale jeśli wersja stabilna będzie tak dobra, jak ta pod Maka, to cieszcie się, bo nie bez powodu większość użytkowników Maka używa właśnie Safari.

    iTunes na Windowsa stworzyli IMO bardzo dobrze – stabilne, prawie tak, jak na Maku. Myślę, że Safari też będzie dobrą przeglądarką pod Windę.

    Ponoć poszła niedawno aktualizacja tej bety już bez części błędów

  61. Trochę się zawiodłem na wersji Beta, to jest raczej wersja Alpha, no ale cóż, miejmy nadzieje, że nie poprzestaną na tym i niedługo będziemy mieli czwartą liczącą się przeglądarkę w naszej sieci.

    Ja to widzę następująco. Wkrótce Operze przybędzie wielu nowych użytkowników (za sprawą Onetu) i tym samym zbliży się ona nieco bardziej do FF. Z kolei miejsce Opery zajmie poprawiona i stabilna wersja Safari. Będziemy mieli całkiem silne trio przeglądarek alternatywnych do IE. Możliwe, że całkiem niedługo to IE będziemy nazywali przeglądarką alternatywną. :)

  62. Cześć,

    jak zainstalowałem Safari pod Windownicę, to zauważyłem jeden mankament w forach phpBB i nie tylko.

    Potwierdzenie:
    http://www.kbox.us/files/img/safari-czcionka.JPG

    wiadomo to są testy, ale za duże :-)

  63. Pisaliśmy już w tym wątku o tym problemie – przeczytaj.

  64. Uzywam maca od grudnia, wczesniej linuksy przez 5-6lat.

    Niestety Safari nie obsluguje dobrze stron monopolistow typu google czy m$.

  65. Ja mam problem innego rodzaju – Safari nie zapisuje mi haseł do pewnych formularzy – konretnie chodzi o logowanie się do konsol cms-a typo3. Może ktoś się spotkał z tym problemem?
    W zasadzie tylko dlatego nie używam Safari jako domyślnej przeglądarki, poza tym to świetna rzecz. Aha, i nie zauważyłem, żeby źle wyświetlały się strony googla…

  66. [Riddle]: „To nie są wynalazki językowe, a na pewno nie moje – kto tak uważa, nie ma pojęcia jakich terminów używa się w branży. :] Aha – to nie jest tylko moja opinia i nie ja pierwszy ją wygłosiłem.”

    Fajne czasami rzeczy piszesz .. ale spusc troche z tonu .. rozumiem, ze mozesz uwazac sie za jednego z nielicznych ludzi w branzy :] i patrzec na wszystkich z gory … ale to troche ludzi odstrasza

    Peace

  67. Zainstalowałem, jak tylko się pojawiła informacja, że jest. Rzuciłem okiem na stronę mojej firmy: tekst pogrubiony i pochylony wyświetliło jako przezroczysty, nic nie widać. Sprawdziłem na Browsershots – w Safari dla Maca wszystko było OK. Postanowiłem zgłosić błąd – i Safari wywaliło się w kosmos przy wysyłaniu zgłoszenia. Więcej nie chciało mi się próbować... :-P

  68. Sugeruję spróbować wersji beta 3.0.2 (http://www.apple.com/safari/download/). W przeciwieństwie do pierwszej pobranej wersji, w tej nie natrafiłem na żaden błąd w renderowaniu, przeglądarka nie wykrzaczyła się też ani razu.
    Oczywiście moje testy nie były kompleksowe, ale o ile wcześniej zgodziłbym się z większością zamieszczonych tu głosów krytycznych, to do tej wersji Safari3, mają się one nijak. Pozdrawiam

  69. I czym tu się tak podniecać, już było dobrze nie trzeba było aż tak kombinować z pisaniem stron a teraz wyszła Safari i co i trzeba znowu rzeźbić bo ta jakże wspaniała Safari jest taka szybka że zapomnieli o wyświetlaniu niektórych znaczników jak: – od h1 do h6 – var – b – em – cite – strong – i – address

    pewnie jest więcej przykładów.

    Nic dziwnego że jest szybsza skoro olewa duża część znaczników.
    Jak dla mnie póki co wersja Beta to żadna rewelacja

  70. Uważam, że najlepszą technologię wygładzania czcionek ma IE7.
    Safari się tutaj chowa.

  71. IE7 nie ma własnej techologii wygładzania, tylko włącza ClearType, dostępny od początku w każdym Windows XP (domyślnie wyłączony, dlatego mniej zorientowanym użytkownikom wydaje się, że to coś nowego).

    Natomiast Safari na Windows nie używa systemowego renderowania fontów, tylko ma własne (identyczne jak na Mac OS X). Już wcześniej padł link do tekstu wyjaśniającego, że OS X i Windows mają różne cele/strategie wygładzania i ich mieszanka na jednym ekranie może wyglądać dziwnie.

    Ja po przesiadce na OS X przez pare dni cierpiałem patrząc na tekst („oh nie! jaki blur!”). Po przyzwyczajeniu się do tego teraz cenię sobie, że mogę odróżnić Arial od Helvetica w 8-punktowym piśmie, a windowsowy ClearType wygląda dla mnie kanciasto (z kwadratowawym „o”) i z nie nadającym się do użytku pogrubieniem (nie ma nic pomiędzy niezauważalnym 1px i zbyt grubym 2px).

    Zatrollowałem :)

  72. Powiem tak. Używam na moim maczku Firefoxa, ponieważ brak mi wszelkich wtyczek, które musiałbym na safari szukać. Jednak zauważyłem jedną zasadę: strony w safari wyglądają tak samo jak w ff. Nie widziałem praktycznie żadnej róznicy. No i wiadomo na maczku mam inne fonty, przez co część rzeczy jest rozjechana. To prawie tak jakbym oglądał stronki w ff, czy operze pod linuksem.
    Jak to dobrze że nie zajmuję się webdesignem stronek. Wystarczy mi tworzenie samego silnika :]

  73. Opera 9.50 (narazie beta) wspiera już wszystkie selektory oraz spory kawałek CSS~3~ jako druga przeglądarka (po webkit)...