Guru CSS zaleca – korzystajcie z prefiksów producentów przeglądarek!
Rozwój przeglądarek obsługujących CSS3 i HTML5 nieuchronnie doprowadził do sytuacji, w której producenci licytują się na rozmaite demonstracje ich możliwości. W demach tych, ze względu na specyfikę implementacji obsługi niestandardowych jeszcze własności, stosują oni własne prefiksy CSS. Miłośnicy standardów patrzą na tę praktykę z niechęcią, gdyż zmusza ona do pisania specyficznych własności pod różne przeglądarki. Jednak pojawił się autorytet, który pochwala tę praktykę, twierdzący, że powinniśmy zachęcać producentów do korzystania z prefiksów.
Nikomu nie chce pisać się pięć razy tej samej rzeczy w troszkę inny sposób, tylko po to, by uzyskać efekt zaokrąglonych rogów czy cienia. Jednak Eric Meyer, znany ekspert od CSS-a i autor pięciu książek poświęconych temu zagadnieniu, uważa, że prefiksy są czymś, co chroni nas przed katastrofą, jaką na początku XXI wieku okazał się pudełkowy model CSS, kiedy to Netscape i Internet Explorer obsługiwały te same własności w zupełnie inny sposób.
Argumenty Meyera można streścić następująco: wprowadzenie do arkusza stylów dodatkowych dyrektyw z prefiksami chroni nas przed koniecznością stosowania niespójnych trików CSS (jak to jeszcze wciąż się robi dla IE6) lub sztuczek w stylu sprawdzania ciągu User Agent i na tej podstawie serwowania specjalnych arkuszy dla danej przeglądarki.
Ekspert uważa, że „prefiksy powinny stać się kluczową częścią procesu standaryzacyjnego CSS” – przyspieszą one rozwój tej technologii. Pozwolą bowiem producentom na śmiałe eksperymentowanie z implementacjami poszczególnych własności, a webdeweloperom na tworzenie bez obaw atrakcyjnych wizualnie stron, działających na wszystkich przeglądarkach.
Uniknie się w ten sposób sytuacji z lat 90, kiedy to w Sieci pełno było stron z dopiskami „najlepiej oglądać w Internet Explorerze” albo „strona zrobiona dla Netscape”, a która przyniosła później całe zamieszanie z przełączaniem DOCTYPE – przeglądarki musiały utrzymać dwa różne modele renderowania, wybierając między nimi na podstawie deklaracji SGML, które same w sobie nic o renderowaniu nie mówiły.
Tworzone wówczas triki CSS, które funkcjonowały jako atutowe karty każdego szanującego się webmastera, wyglądały naprawdę koszmarnie. Meyer przypomina niesławny Box Model Hack, który wykorzystywał błędy w parsowaniu syntaktyki własności voice-family, po to by ładnie dało się obsłużyć rozmiary obiektów w IE6.
Gdyby jednak pozycjonowanie w CSS zostało od razu rozwiązane poprzez prefiksy, gdybyśmy mieli własności ie-float i moz-float, arkusze stylów byłyby o wiele bardziej czytelne i prostsze w utrzymaniu.
Dzisiaj główna linia podziału między nowoczesnymi przeglądarkami przebiega pomiędzy Mozillą a programami korzystającymi z WebKitu. Po obu stronach prowadzi się rozmaite eksperymenty, które doprowadziły do tego, że np własność box-shadow jest renderowana zupełnie odmiennie, i nikt nie wie, jak powinno to wyglądać. To samo dzieje się z gradientami.
Jeśli nie będziemy stosować producenckich prefiksów, to zdaniem Meyera będziemy skazani po prostu na wyszukiwanie dziwacznych exploitów parsera, byleby tylko zachować ujednolicony wygląd strony w różnych przeglądarkach. Historia powtórzy się na nowo.
Z całym artykułem Erica Meyera można zapoznać się tutaj.
Źródło: alistapart.com
Komentarze
Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka
(słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.
Popularne
Nazwa padła ofiarą szantażystów, inni polscy hosterzy też zagrożeni?
19
Premiera Diablo 3 wzbudziła dyskusję na temat gier, które zawsze chcą być online
19
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Nowy problem z Windows 8: bootuje się za szybko
10
Amerykańscy rodzice straszeni „e-narkotykami” dostępnymi w Sieci
21
Z okazji wypuszczenia akcji Facebooka przypomnijmy sobie, kim jest Zuckerberg
10
Blueseed: libertariańska sztuczna wyspa przyciągnęła już ponad sto startupów z całego świata
8
Rewolucja w Firefoksie, nowa łatka czterokrotnie ograniczyła zużycie pamięci
20
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
CVDazzle: makijaż jest w stanie pokonać automatyczne systemy ulicznego monitoringu
3
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Co czeka programistów po czterdziestce?
27
Ubuntu 12.04 LTS już dostępny: stabilna dystrybucja na następne pięć lat?
28
Społeczność
voluu A ja mam problem. MIanowicie, po dodaniu kodu z tego poradnika miniaturki...
Sebek Pozycjonowanie stron za pośrednictwem firm oferujących
swoje usługi nie...
asdosad jak to zrobić na xp??
lol Jak ktoś tu wcześniej zauważył - artykuł jest o niczym, a właściwie ukrytą...
grzybecki To raczej powinien być znak dla programistów Social Media, aby swoje...
facebug @rychu
Strona wchodzi, ślamazarnie ale wchodzi mam takie...
Dave Smith Jestem Pastor Dave Smith prywatny pożyczkodawca pieniądze, z czego ponad...
- Najdmen.pl: Konta www z wyłączonym licznikiem transferu od IONIC.pl (1)
- 2BE.PL: [Oferta] Promocja jak złoto w 2BE.PL (1)
- gardius: Dobra hurtownia sportowa (1)
- gardius: Tanie książki gdzie warto kupować? (1)
- Najdmen.pl: PROMOCJA, 500 DOMEN .EU ZA 1 PLN NETTO ! (1)
- VMLine: [Oferta] Serwery VPS Xen-HVM/OpenVZ z darmową administracją (2)
- Marek: Generowanie PDFa (2)
Polecane książki
Praca
Czytaj Webhosting
Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.
Zarejestruj domenę
Sprawdź dostępność swojej domeny:
| .pl: | 0 zł | .com: | 19.90 zł | |
|---|---|---|---|---|
| .com.pl: | 0 zł | .eu: | 19.90 zł |









#1 Walking In The Darkness 2010-07-07 13:09:32 0
IP: 86.26.171.[...] Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.1.9) Gecko/20100317 SUSE/3.5.9-0.1.1 Firefox/3.5.9
#2 sl4sh 2010-07-07 14:20:23 0
IP: 79.187.213.[...] Opera/9.80 (Windows NT 5.1; U; pl) Presto/2.6.30 Version/10.60
#3 Walking In The Darkness 2010-07-07 14:43:20 0
IP: 86.26.171.[...] Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.1.9) Gecko/20100317 SUSE/3.5.9-0.1.1 Firefox/3.5.9
#4 SZoPer® 2010-07-07 15:34:59 0
IP: 195.88.186.[...] Opera/9.80 (Windows NT 5.1; U; pl) Presto/2.6.30 Version/10.60
#5 Walking In The Darkness 2010-07-07 16:23:58 0
IP: 86.26.171.[...] Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.1.9) Gecko/20100317 SUSE/3.5.9-0.1.1 Firefox/3.5.9
#6 Zeitgeist 2010-07-07 23:54:42 0
IP: 78.31.152.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#7 css3.pl 2010-07-08 08:57:29 0
IP: 78.131.153.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#8 eimi® 2010-07-08 09:04:59 0
IP: 95.160.206.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.86 Safari/533.4
#9 css3.pl 2010-07-08 10:01:32 0
IP: 78.131.153.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#10 kenuraw 2010-07-08 13:54:39 0
IP: 91.196.109.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#11 kenuraw 2010-07-08 13:55:22 0
IP: 91.196.109.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#12 Holyboy 2010-07-08 22:58:10 0
IP: 83.29.163.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#13 GSz 2010-07-09 00:47:49 0
IP: 77.236.0.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#14 mctrzyznaki 2010-07-10 01:28:58 0
IP: 77.254.155.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.4) Gecko/20100622 Firefox/3.6.4
#15 mctrzyznaki 2010-07-10 01:35:20 0
IP: 77.254.155.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.4) Gecko/20100622 Firefox/3.6.4
#16 css3.pl 2010-07-10 10:23:24 0
IP: 82.160.211.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#17 Walking In The Darkness 2010-07-10 11:58:31 0
IP: 86.26.171.[...] Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.1.10) Gecko/20100506 SUSE/3.5.10-0.1.2 Firefox/3.5.10
#18 witro 2010-07-10 13:11:25 0
IP: 89.231.221.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.5) Gecko/2008120122 Firefox/3.1.10
#19 GSz 2010-07-10 22:53:17 0
IP: 77.236.0.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#20 css3.pl 2010-07-11 09:24:03 0
IP: 82.160.211.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#21 Holyboy 2010-07-11 11:25:32 0
IP: 83.29.137.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#22 GSz 2010-07-11 17:47:32 0
IP: 77.236.0.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#23 GSz 2010-07-11 17:51:21 0
IP: 77.236.0.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#24 css3.pl 2010-07-11 20:02:37 0
IP: 82.160.211.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#25 slawek22 2010-07-13 13:37:41 0
IP: 83.29.64.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4