<?xml version="1.0" encoding="ISO-8859-2"?>
<rss version="2.0">
  <channel>
    <title>Stylowy wyścig - komentarze</title>
    <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html</link>
    <description>We wpisie o ciekawym roku dla webmastera  wspominałem o problemie wdrażania nowych poleceń HTML 5 i CSS 3 w przeglądarkach. Akurat w Twitterze ktoś podsunął informację, że Opera 10.5 będzie obsługiwać kolejne style związane z obramowaniem. Wypróbowałem, jak to wygląda dzisiaj - poniżej jest nieco zmodyfikowany przykład zaczerpnięty z Dev.Opera.   W dwóch kolejnych wycinkach Div umieściłem następujące style:   1. style="background-color: #cccccc; border-radius: 120px / 30px; border: 3px solid #ffffff; border: solid #ffffff; color: white; color: white; margin: 7px; padding: 50px; text-align: center;"   2. style="background-color: #cccccc; border-radius: 120px 20px; border: 3px solid #ffffff; border: solid #ffffff; color: white; color: white; margin: 7px; padding: 50px; text-align: center;"   Poprawną interpretację widzimy w Chrome 4 (nie mam pewności, czy również w Chrome 3), style te ma obsługiwać Opera 10.5, natomiast Firefox i Internet Explorer wyświetlają zwykłe prostokąty.   Tak to wygląda na żywym przykładzie:      Zaokrąglone brzegi       Udziwnione brzegi    A tak powinno wyglądać - to już obrazek:     Nie ulega dla mnie wątpliwości, że to interesujące cechy nowej wersji CSS, które mogą znacznie uatrakcyjnić wygląd stron internetowych. Ciekawe tylko, jak szybko znajdą się we wszystkich ważniejszych przeglądarkach.   I już na marginesie - według ostatniego notowania Ranking.pl  Internet Explorer poważnie zbliżył się w swym spadku w Polsce do granicy 30%, co byłoby kolejną "barierą psychologiczną", fantastyczne tempo utrzymuje Opera, która ma 10,99% udziału, zaś Firefox ma rekordowe 53,35%. Chrome także w górę. Być może to "efekt wakacyjny", gdyż w okresach świąteczno-urlopowych IE zawsze traci, niemniej tendencja jest oczywista.</description>
    <lastBuildDate>Wed, 6 Jan 2010 09:24:36 +0100</lastBuildDate>
    <item>
      <title>prwimmer: @gandalf - czyli czekamy, przebierając ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7661282</link>
      <description>@gandalf - czyli czekamy, przebierając z niecierpliwością nogami :-)&#xD;&lt;br/&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7661282</guid>
      <pubDate>Wed, 6 Jan 2010 09:24:36 +0100</pubDate>
    </item>
    <item>
      <title>Gość gandalf: @pwimmer: to nie jest ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7660934</link>
      <description>@pwimmer: to nie jest "wlasnosciowe" tylko "eksperymentalne". Poniewaz CSS3 nie jest jeszcze zamkniety i w kazdym momencie teoretycznie moze sie zmienic implementacja, autorzy przegladarek troche estymuja kiedy jakas funkcje nazwac "gotowa".&#xD;&lt;br/&gt;&#xD;&lt;br/&gt; Zwlaszcza WebKit i Gecko ma tendencje do dodawania nowych funkcji CSS3 z przedrostkiem, aby uniknac uczenia ludzi blednego stosowania tego na stronach (np. border radius ma inna skladnie w Webkicie i Gecko na razie ZTCW). Wraz z dochodzeniem do konsensusu, przedrostki sa usuwane.</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7660934</guid>
      <pubDate>Wed, 6 Jan 2010 02:23:24 +0100</pubDate>
    </item>
    <item>
      <title>prwimmer: @Mynthon - ładne.</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7659495</link>
      <description>@Mynthon - ładne.</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7659495</guid>
      <pubDate>Tue, 5 Jan 2010 20:41:46 +0100</pubDate>
    </item>
    <item>
      <title>Gość mynthon: guzik css ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7657927</link>
      <description>guzik css &lt;a href="http://mynthon.net/howto/webdev/css3-testsuite-button-width-gradient-shadow-and-rounded-corners.html" rel="nofollow"&gt;mynthon.net/howto/webdev/css3-testsuite-button-width-gradient-shadow-and-rounded-corners.html&lt;/a&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7657927</guid>
      <pubDate>Tue, 5 Jan 2010 15:25:54 +0100</pubDate>
    </item>
    <item>
      <title>prwimmer: @Quiris - no właśnie, to urok CSS; ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646800</link>
      <description>@Quiris - no właśnie, to urok CSS; zawsze zachwycałem się pięknymi rozwiązaniami nawigacyjnymi czy graficznymi opartym na &lt;i&gt;pure CSS&lt;/i&gt;.&#xD;&lt;br/&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646800</guid>
      <pubDate>Sun, 3 Jan 2010 04:47:27 +0100</pubDate>
    </item>
    <item>
      <title>prwimmer: @Grzegorz - no ale chyba nie za pomocą ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646797</link>
      <description>@Grzegorz - no ale chyba nie za pomocą oficjalne CSS3, tylko właśnie swoje haki.</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646797</guid>
      <pubDate>Sun, 3 Jan 2010 04:44:27 +0100</pubDate>
    </item>
    <item>
      <title>Gość Grzegorz: Firefox 3.6 był chyba pierwszą ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646181</link>
      <description>Firefox 3.6 był chyba pierwszą przeglądarką, która w pełni obsługiwała zaokrąglenia i transformacje. Masa przykładów przewinęła się przez Mozilla Hacks, już na początku roku.</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646181</guid>
      <pubDate>Sun, 3 Jan 2010 00:32:03 +0100</pubDate>
    </item>
    <item>
      <title>Gość quiris: Nawiązując do tematu. Planeta Opery ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646142</link>
      <description>Nawiązując do tematu. Planeta Opery &lt;a href="http://planeta.operapl.net" rel="nofollow"&gt;planeta.operapl.net&lt;/a&gt; od długiego już czasu korzysta z rozwiązań typu text-shadow, box-shadow, border-radius. Przez długi czas jedyną przeglądarką umiejącą w pełni zrenderować założenia projektowe był WebKit i przeglądarki oparte o ten, bez wątpienia jeden z najlepszych istniejących dziś silników. Następnie dołączył Gecko i przeglądarki oparte o ten silnik. Dopiero niedawno Opera 10.50 zaczeła to w pełni wyświetlać. O czym nie omieszkałem napisać: &lt;a href="http://blog.blaut.biz/2010/01/opera-1050-planeta-opery.html" rel="nofollow"&gt;blog.blaut.biz/2010/01/opera-1050-planeta-opery.html&lt;/a&gt; &lt;br/&gt;&#xD;&lt;br/&gt; Zaletą stosowania CSS jest to, że nie knocimy dostępu do strony. Strona jest w pełni dostępna. Jedynie efektów, których przeglądarka nie potrafi wyświetlić po prostu nie widać :)</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7646142</guid>
      <pubDate>Sun, 3 Jan 2010 00:24:14 +0100</pubDate>
    </item>
    <item>
      <title>Gość karzeł reakcji: Niestety.&#xD;Ale mimo wszystko ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644999</link>
      <description>Niestety.&#xD;&lt;br/&gt; Ale mimo wszystko fajnie wygląda w połączeniu z border, -moz-box-shadow i background-color.</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644999</guid>
      <pubDate>Sat, 2 Jan 2010 21:06:16 +0100</pubDate>
    </item>
    <item>
      <title>prwimmer: @karzeł reakcji - ale to rozwiązania ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644960</link>
      <description>@karzeł reakcji - ale to rozwiązania własnościowe, o ile wiem, prawda?&#xD;&lt;br/&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644960</guid>
      <pubDate>Sat, 2 Jan 2010 20:58:35 +0100</pubDate>
    </item>
    <item>
      <title>prwimmer: Jest jasne, że każdy webmaster będzie ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644954</link>
      <description>Jest jasne, że każdy webmaster będzie wolał czyste style, bo to i lekkie, i eleganckie. Tak więc chyba masz rację.&#xD;&lt;br/&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644954</guid>
      <pubDate>Sat, 2 Jan 2010 20:58:01 +0100</pubDate>
    </item>
    <item>
      <title>Gość karzeł reakcji: Na razie trzeba wrzucić ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644950</link>
      <description>Na razie trzeba wrzucić odpowiedniki:&#xD;&lt;br/&gt;-moz-&#xD;&lt;br/&gt;-webkit-&#xD;&lt;br/&gt;&#xD;&lt;br/&gt;</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644950</guid>
      <pubDate>Sat, 2 Jan 2010 20:57:13 +0100</pubDate>
    </item>
    <item>
      <title>Gość Sprawdzacz: Chrome 3 nie wyświetla ...</title>
      <link>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644910</link>
      <description>Chrome 3 nie wyświetla zaokrągleń. Czyżby nadchodził koniec wstawiania obrazków jako tło DIVów i tabelek? :) Juppi :)</description>
      <guid>http://poradnikwebmastera.blox.pl/2010/01/Stylowy-wyscig.html#k7644910</guid>
      <pubDate>Sat, 2 Jan 2010 20:50:09 +0100</pubDate>
    </item>
  </channel>
</rss>


