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.

Poprawki i nowości CSS w IE7 Beta 2

03 lutego 2006

Na IEBlogu pojawił się oficjalny post dotyczący zmian odnośnie obsługi CSS w siódmej odsłonie przeglądarki Microsoftu. Wygląda to mniej więcej tak:

Poprawki błędów i dziwactw:

  • Naprawiono większość błędów wypisanych na Position is Everything. Wliczały się w to różnorakie, a czasem i losowe błędy renderowania: przesunięcia, ucinanie, problemy z marginesami czy pływaniem elementów. To przez te błędy deweloperzy wyrywali sobie włosy z głowy, teraz jest szansa że łysienie osłabnie.
  • Naprawiono parę problemów z pozycjonowaniem relatywnym (elementy pozycjonowane nie posiadały layoutu)
  • Oddzielono elementy html od body, dzięki czemu możliwe jest już uzyskanie wypozycjonowanych bloków obok pasków przewijania.
  • Poprawiono błędy renderowania związane z jednopikselowymi obramowaniami (między innymi tutaj o tym była mowa).

Poprawki w stosunku do specyfikacji:

  • Zmieniono sposób zachowania elementów blokowych i blokowo-liniowych po zaaplikowaniu właściwości overflow.
  • Pseudoklasa :hover wreszcie działa na wszystkich elementach, a nie tylko na <a/>. Yeepee!
  • Background-attachment: fixed jest obsługiwane na wszystkich elementach, nie tylko na body. Dzięki temu spełniono wszystkie założenia CSS 1.0 i możliwe jest wreszcie obejrzenie działającego Complexspiral Demo.
  • Poprawiono błędy parsera CSS, który omijał reguły zaczynające się od * html (starhtml hack), wartości z _podkreśleniem (underscore hack) czy wykorzystywanie hacków komentarzy /* */

Co nowego?

Pozycjonowanie „trwałe”, czyli mówiąc po naszemu fixed. Przylepienie menu w jednym miejscu viewportu to teraz kaszka z mleczkiem; zero DHTML czy innych świństw.

Obsługiwana jest już pseudoklasa :first-child pozwalająca na przykład ostylować pierwszy <li/> w liście uporządkowanej

Dodano selektory CSS takie jak:

  • Selektor sąsiada: + (adjacent sibling selector)
  • Selektor dziecka: > (child selector)
  • Selektory atrybutów CSS2 (attribute selectors):
    • [atrybut] Przykładem jest wykorzystanie span[title] do stylowania wszystkich span'ów posiadających atrybut title.
    • [atrybut=wartość] Przykładem jest stylowanie wszystkich linków posiadających rel o wartości nofollow.
    • [atrybut~=wartość] Selektor pozwalający na rozpoznanie wartości atrybutu oddzielonej spacjami. Przykładem jest ostylowanie wszystkich linków które w rel mają zarazem contact jak i friend.
    • [atrybut|=wartość] Selektor pozwalający na rozpoznanie wartości atrybutu oddzielonej myślnikami. Na przykład blockquote[lang|=en] zadziała dla lang="en-US" jak i "en-GB".
  • Selektory atrybutów CSS3 (substring matching atribute selectors)
    • [atrybut^=wartość] Selektor prefiksu. Przykładem może być ostylowanie linków których atrybut href zaczyna się od http:// aby stwierdzić, że one prowadzą poza stronę i oznaczyć je na przykład ikoną.
    • [atrybut$=wartość] Selektor sufiksu. Przykładem jest wyłapanie odsyłaczy do plików PDF biorąc pod uwagę sufiks .pdf atrybutu href.
    • [atrybut*=wartość] Przynajmniej jedno wystąpienie części ciągu w "wartość". Przykładowo wyszukujemy każdy cytat blokowy, w którego atrybucie cite znalazł się "microsoft"

Zrozumiałe jest, że hacki wykorzystujące te selektory już dłużej nie działają.

Słowem komentarza: dla mnie jest to jeden z tych małych wielkich dni. Większość ludzi popatrzy na listę powyżej i kiwając głową zapyta „a gdzie reszta, do jasnej anielki”. I może mają rację, w końcu Internet Explorer odstaje daleko za naszymi nowoczesnymi przeglądarkami. Ale. Ale. Ale - Microsoft mimo wszystko spełnił obietnice jakie dał na IEBlogu rok temu co do wsparcia dla CSS i poprawy błędów renderowania. Ułatwił życie przez poprawki dziwactw doprowadzających do białej gorączki. Dodał wsparcie dla nowych właściwości. Dorzucił do tego szczyptę CSS3. Czy można chcieć więcej?

Pewnie, że można. Należy sobie tylko zadać pytanie po co ciągnąć od razu za rękę, gdy dostało się ten upragniony palec.

Tagi wpisu: , ,

Informacje i hiperłącza

To ja! Piotr Petrus 'Riddle'

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.

RSS

Informacje o wpisie

Napisał riddle 03 lutego 2006 o 07:25

Kategorie: CSS, Internet Explorer

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

Komentarze

  1. Draakhan 1 03 lutego 2006, 08:22

    Nie powiem, lista poprawek tutaj wymieniona jest całkiem spora, oby tak dalej im szło to może w końcu do czegoś dojdą :) A tak nawiasem to ciekawe ilu ludzi po tych poprawkach przekona się do używania komentarzy warunkowych IE zamiast hacków jeśli teraz połowa tych ostatnich przestanie działać :)

  2. MiB 2 03 lutego 2006, 08:45

    Zawsze można chcieć więcej - ale to tyczy się nie tylko IE, ale wszystkich przeglądarek. Uważam, że i tak jest już nieźle - :hover dla wszystkich, background-attachment: fixed, selektory atrybutów [BTW: w końcu ktoś to prosto wytłumaczył - dzięki Ci! ;) ] - mi więcej nie trzeba :). Zaś co do hacków - zastosowałem raz... od tego czasu staram się robić proste i przejrzyste layouty, które ich nie wykorzystują :P.
    Teraz pozostaje tylko jedna kwestia - jak długo potrwa migracja z IE6 -> IE7?

    Zdravim

    MiB

  3. Ktos 3 03 lutego 2006, 09:06

    Migracja IE6 -> IE7 potrwa długo. Przede wszystkim dlatego, że IE7 jest dostępny (a reczej będzie) tylko dla Windows XP Service Pack 2, Windows 2003 Service Pack 1/R2 i Windows Vista. Nikt używający Windows 2000 czy 98 nie skorzysta. Za to może skorzystać z alternatywnej przeglądarki ;)

    Stąd nadal występować będą problemy - bo będziemy musieli dostosowywać strony do IE6. Tak jak czasami musimy obecnie do IE5/5.5.

    No i teraz rzeczywiście tylko komentarze warunkowe nam zostają ;)

  4. Łukasz WiLQ Więcek 4 03 lutego 2006, 09:24

    "Tak jak czasami musimy obecnie do IE5/5.5."..

    Gdyby tylko :) ja u siebie w statystykach odnotowuje jeszcze wejścia z IE 4.01 ;/ i jak tu się nie załamać.

    Pozatym uaktualnienie przeglądarki to nie jest tylko kwestia kompatybilności systemu - bo wiele osób na tego posta zareagowałoby z wielkim zdziwieniem w oczach tak "To przeglądarkę da się zmienić?!".

    No niestety taka prawda - w szkołach zamiast uczyć jakiejś praktyczniej wiedzy o komputerach, ciage wałkuje się to sało (dos, paint, word i strony na ramkach i tabelkach robione we frontpage)... zreszta - czego wymagac od nauczycieli, ktorzy w wiekszosci nie maja pojecie o istnieniu innych przegladarek, niz IE ;/

  5. Ktos 5 03 lutego 2006, 09:29

    WilQ, ja mam też u siebie wejścia z MSIE 4.01 czy 4.0. Ale jest ich mniej niż wejść z IE 7 beta (moich wejść nie zlicza!). Z kolei IE 5, 5.5 i 5.01 w sumie są na 5 miejscu i przebijają Konquerora (też w sumie).

    A co do szkół - wczoraj czytałem w gazecie, że będą nowe komputery dla szkół. Ale co z tego, jeśli dalej będą źle wykorzystywane? Ale to już temat na inny wątek i dyskusję ;)

    Z drugiej strony nawróciłem kilka osób z mojej rodziny na Firefoksa (dziękujemy kartom oraz powiększaniu tekstu i FlashBlock) i mają się dobrze :)

  6. radzio 6 03 lutego 2006, 09:32

    Microsoft ma u mnie plusa. Oczywiście mogliby więcej zrobić, ale i tak nie jest źle. Mam nadzieję, że Microsoft jeszcze się postara i poprawi to co jeszcze powinni poprawić. No ale nie zmienia to stanu rzeczy - Microsoft wreście zmądrzał :]

  7. luo 7 03 lutego 2006, 09:35

    :(

    a ja bym chciał aby IE zniknął z Internetu...

  8. thm 8 03 lutego 2006, 10:02

    Jestem pod wrażeniem. Nie spodziewałem się, że zobaczę aż tak długą listę.

  9. nediam 9 03 lutego 2006, 10:30

    No nie moge... zaraz sie posikam ze szczescia... a moze nawet poplacze :D to jest zbyt piekne aby bylo prawdziwe....

    a co do starych IE to na stronie mojej firmy mam w samym 2005 ok 400 wejsc z IE 3.x :o (dziennie mam ok 3 tys wejsc)

    przebije ktos ?

  10. zx 10 03 lutego 2006, 10:39

    Tak, ale problem zostaje nadal. Jaki procent użytkowników Windows zainstaluje nową wersję przeglądarki? 60%, 70%... ? Tak czy inaczej będziemy musieli dostosowywać strony (jeszcze przez jakiś czas) do starej wersji, lub całkowicie olać IE...

  11. luo 11 03 lutego 2006, 10:57

    @zx

    SP3 do XP aktualizujący IE do v7.0 pojawi się dopiero 18 m-cy po premierze Visty, bety są dla wybranych testerów. A ostatnio coś czytałem, że ma się premiera nowego windows opóźnić.
    Te zmiany to chyba chwyt marketingowy? ;) Ile osłów powstanie przez 18 m-cy?

  12. psz 12 03 lutego 2006, 11:09

    Na www.jabberpl.org ponad 96% wejść z IE to IE w wersji 6.0. Ogólnie IE zajmuje miejsce drugie z odsetkiem 23,92%. Trochę ponad 10 tysięcy wizyt tygodniowo. Nie wiem, czy jest sens wspierać IE 5.x ale IE 4.x z całą pewnością nie.

  13. nbw 13 03 lutego 2006, 12:06

    Betę 2 IE7 może pobrać każdy. Zainstalować tylko ci, którzy mają SP2 ;)

    Na 10przykazan jest zaledwie 800 wejść z IE, z czego z 700 to IE6 przy np 8 tys z Firefoxa.

  14. ffreak 14 03 lutego 2006, 12:34

    najważniejszą zmianą była by zmiana polityki częstotliwości wydawania kolejnych wersji, bo jeśli na następny znaczący upgrade mamy czekać kolejne 5 lat, to...

  15. Puck 15 03 lutego 2006, 12:43

    Silnik IE jest do wyrzucenia, nie ma tu co naprawiać. Zmienią jednego hacka, pozostanie 10 innych. Naprawią jedno dziwactwo, zapomną o innym. Nie mówiąc już o tym, że realnie na IE7 trzeba będzie czekać ze dwa lata.
    Wejście siódemki po prostu skomplikuje sprawę.

  16. luo 16 03 lutego 2006, 13:03

    Kiedy wyjdzie Eksplorer 7 już dostępny będzie Firefox 3.0 :D
    http://www.mozilla.org/projects/firefox/roadmap.html

    A w tym czasie IE7 będzie ile "lat" za konkurencją?

  17. yarek 17 03 lutego 2006, 14:18

    Chciałbym tylko się przekonać czy Microsoft rzeczywiście to wszystko poprawił czy to tylko bajki ... Bo jeżeli IE7 testują "niezależni" testerzy MSu to różnie może być.

  18. D4 18 03 lutego 2006, 16:09

    cholera...
    underscore hack przestaje działać?
    no to czeka mnie poprawka strony -_-'

  19. Reinmar 19 03 lutego 2006, 16:23

    @Puck: Ja się im właśnie dziwie. Mają kupę programistów i mogli by bez problemu napisać nowy silnik, a Ci lecą nadal na dziadowatej Mosaice. Nie da się przecież przez 10 lat poprawiać jednego programu! :D Przecież kod IE musi już wyglądać jak morda po kopnięciu przez Chucka Norrisa :P.

    A tak serio, to jestem naprawdę miło zaskoczony. Poprawili więcej niż mi się wydawało, że ruszą, więc nie ma co narzekać.
    Ciekawy jestem tylko, czy obsługa którą dodali będzie działać, czy też się będzie walić losowo ;P.

  20. Adrem 20 03 lutego 2006, 16:24

    A czy IE7 będzie wpierało .svg? Bo słyszałem o naprawionej pzezroczystości w .png

  21. luo 21 03 lutego 2006, 16:38

    nie

  22. Reinmar 22 03 lutego 2006, 17:05

    @Adrem: FF wspiera SVG od wersji 1.5 o ile się nie myle, która wyszła na początku grudnia. Więc dodaj teraz 3 lata (bo tyle średnio IE jest zacofane :P) i będziesz już wiedział, że IE będzie obsługiwało SVG do 2009 roku :D

  23. Riddle 23 03 lutego 2006, 17:48

    Dla Internet Explorera jest wtyczka Adobe SVG Viewer (nie wiem czy w tej wersji działa z 7.0B2) i działa całkiem nieźle: http://bugs.blaut.biz/tests/svg.html

  24. Ktos 24 03 lutego 2006, 17:53

    Yarek, możesz pobrać IE7b2 i sam sprawdzić, jeśli myślisz, że MS coś ukrywa i nie poprawia tylko się chwali ;)

  25. Adrem 25 03 lutego 2006, 21:14

    No to czemu nie może tej wtyczki dołączyć jako standardowej. Przecierz chyba Adobe nie miałoby nic przeciwko, ponieważ sami by na tym skorzystali. Nie godzi to także w microsoft ponieważ, żaden z formatów czyli(.png, .gif i .jpg) nie jest microsoftu, czyli polityka która do tej pory stosował tu nie pasuje ...

  26. {o} 26 04 lutego 2006, 12:40

    Na mojej stronie użyłem underscore hack. Zainstalowałem IE7 i... nic się nie rozjechało. Problem, który obchodziłem tym hackiem też naprawili :] Może nie będzie tak źle, chociaż już słyszę o nowych dziwactwach...

  27. w3master 27 05 lutego 2006, 20:35

    ie7 b2 - bledy w pozycjonowaniu elementow, strony, ktore nie sypaly sie w ff, operze, ie6 - w siodemce zachowuja sie conajmniej dziwnie.
    w polowie renderowanej strony znaczniki przestaja dziedziczyc wlasciwosci css, najblizszy przyklad: http://msn.com/ .

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.