CSS Sprites

Polecam omówienie techniki, którą powinien znać KAŻDY szanujący się webowiec.
Learning CSS Sprites

Published by Marcin Pietrzak

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec ante nec lectus laoreet feugiat. Donec aliquet justo in tellus gravida, id elementum magna convallis. Curabitur faucibus mauris sed risus egestas lobortis. Nunc vestibulum elit ac ipsum ultricies, non ultrices lorem ultrices. Nam at dolor id elit lobortis ullamcorper. Fusce commodo turpis nisi, efficitur efficitur libero dictum eget. Morbi viverra dignissim lacus. Vestibulum mi justo, dictum ut iaculis eget, scelerisque et nibh.

4 replies on “CSS Sprites”

  1. Popieram całym sercem. Prostota w edycji, bo nie trzeba operować dziesiątkami obrazków. Szybkość ściągania, bo zasysa się tylko jeden obrazek. A nauczyć się zajmuje niewiele czasu.

  2. W kontekście czasu ładowania strony, co dla użytkownika jest zasadniczą miarą wydajnosci, wczytywanie jednego obrazka, nawet jeżeli jest on większy, zazwyczaj wychodzi in plus. Z każdym requestem przesyłana jest pewna paczka danych, których może być całkiem sporo (np. jeżeli treść statyczna nie jest przesyłana z domeny „cookie-less”, to z każym request’em wysyłane są wszystkie ciasteczka). Poza tym należy pamiętać, że przy pobieraniu statycznego content-u, przeglądarka kolejkuje pobieranie po 6 (zazwyczaj) plików. Jeżeli dla 5 plików przeglądarka uzyska odpowiedź 304 (not modified) a jeden z 6 musi pobrać, to kolejne 6 plików chwilę poczeka. Może to doprowadzić do sytuacji, w której mamy 24 pliki, z których realnie przeglądarka pobiera 4, a czas jest identyczny, co przy pobieraniu całego zestawu.

    Tak, popieram sprite’y całym sercem! …niestety, nie wszystko da się zrobić w/w techniką (<IE7, png 24bity i pewne szczególne przypadki pozycjonowania/powtarzania nie działają nawet z iepngfix_tilebg.js)!

  3. Nareszcie czytam właściwego bloga. CSS Sprites wdrożyłem w projekcie nast-bud.com.pl (2009 rok). Jest więcej pracy i „główkowania” ze względu na uwagi jakie przedstawił metys ale opłaca się. Co do przeglądarek IE^ to moje zdanie jest takie: mają problem ci, którzy ich używają :)

Comments are closed.

Więcej w css, css sprites, odnośnik
różnice w CSS dla Internet Explorer 6, 7 i 8

Świetne zestawienie: CSS Differences in Internet Explorer 6, 7 and 8 Pokazane punkt po punkcie jakie selektory działają w której...

Zamknij