@Spectator
Blog (7)
Komentarze (253)
Recenzje (0)

HTML5 i CSS3 w IE 5/6/7/8?

@SpectatorHTML5 i CSS3 w IE 5/6/7/8?19.04.2012 16:30

Regularnie przeglądam różne materiały na temat nowych wersji HTML oraz CSS i ostatnio trafiłem na naprawdę interesujące rzeczy: możliwość (przynajmniej częściowego) użycia CSS3 oraz HTML5 w starszych wersjach Internet Explorer. Cała sztuczka opiera się na dwóch ciekawych skryptach.

html5shiv

Jest to skrypt dodający obsługę nowych blokowych znaczników które mają duże znaczenie przy projektowaniu i budowaniu layoutu, np: nav, aside, article, etc. Jak należy użyć tego skryptu? Jest to niezwykle proste i wymaga dodania jedynie trzech linijek kodu w sekcji head dokumentu. Przykład:

[code=HTML5]

Przykładowa strona w html5 której kod będzie interpretowany poprawnie w Internet Explorer 5

[/code]

Dodany został podlinkowany skrypt JS który zostanie wykonany jeśli przeglądarka zostanie rozpoznana jako Internet Explorer. Autorzy skryptu sugerują by dodawać go po linijkach z kodem css.

Strona projektu: html5shiv Dostępne tam także są źródła skryptu więc osoby obeznane w JS mogą rozszerzyć funkcjonalność skryptu gdyż ten jest na dwóch licencjach: MIT i GPL 2.

IE-CSS3

Ten skrypt według mnie jest o wiele ciekawszy ze względu na użycie VML - Vector Markup Language. Jest to język wektorowego rysowania elementów na stronach internetowych. Został stworzony przez Microsoft i jest używany między innymi w Microsoft Office, a w Internet Explorer interpretowany od wersji 5.5.

Użycie skryptu jest bardzo proste, wystarczy pobrać plik ie-css3.htc ze strony projektu i dodać go do elementów blokowych w kodzie css. Przykład:

[code=css3] /**dodanie skryptu**/ div, aside, article, nav, section, footer { behavior: url(ie-css3.htc); }

/**dalsze elementy pliku css**/ ...... [/code]

W tym przykładzie przypisałem wykonywanie skryptu na wszystkich ważniejszych elementach blokowych strony.

Co właściwie daje ten skrypt? Głównie pozwala na uzyskiwanie zaokrąglonych rogów i interpretację selektora box-shadow.

Plik .htc jednocześnie zawiera kod źródłowy dzięki czemu osoby chcące rozszerzyć funkcjonalność mogą to zrobić.

Mam nadzieję, że komuś przydadzą się te informacje. W komentarzach jedyna krytyka z jaką będę się liczyć to ta konstruktywna i tego właśnie od was oczekuję, wskazywania ewentualnych błędów i różnych pomysłów ;-)

© dobreprogramy·Redakcja·Regulamin·Polityka prywatności·Reklama·Kontakt
Szanowna Użytkowniczko! Szanowny Użytkowniku!
×
Aby dalej móc dostarczać coraz lepsze materiały redakcyjne i udostępniać coraz lepsze usługi, potrzebujemy zgody na dopasowanie treści marketingowych do Twojego zachowania. Twoje dane są u nas bezpieczne, a zgodę możesz wycofać w każdej chwili na podstronie polityka prywatności.

Kliknij "PRZECHODZĘ DO SERWISU" lub na symbol "X" w górnym rogu tej planszy, jeżeli zgadzasz się na przetwarzanie przez Wirtualną Polskę i naszych Zaufanych Partnerów Twoich danych osobowych, zbieranych w ramach korzystania przez Ciebie z usług, portali i serwisów internetowych Wirtualnej Polski (w tym danych zapisywanych w plikach cookies) w celach marketingowych realizowanych na zlecenie naszych Zaufanych Partnerów. Jeśli nie zgadzasz się na przetwarzanie Twoich danych osobowych skorzystaj z ustawień w polityce prywatności. Zgoda jest dobrowolna i możesz ją w dowolnym momencie wycofać zmieniając ustawienia w polityce prywatności (w której znajdziesz odpowiedzi na wszystkie pytania związane z przetwarzaniem Twoich danych osobowych).

Od 25 maja 2018 roku obowiązuje Rozporządzenie Parlamentu Europejskiego i Rady (UE) 2016/679 (określane jako "RODO"). W związku z tym chcielibyśmy poinformować o przetwarzaniu Twoich danych oraz zasadach, na jakich odbywa się to po dniu 25 maja 2018 roku.

Kto będzie administratorem Twoich danych?

Administratorami Twoich danych będzie Wirtualna Polska Media Spółka Akcyjna z siedzibą w Warszawie, oraz pozostałe spółki z grupy Wirtualna Polska, jak również nasi Zaufani Partnerzy, z którymi stale współpracujemy. Szczegółowe informacje dotyczące administratorów znajdują się w polityce prywatności.

O jakich danych mówimy?

Chodzi o dane osobowe, które są zbierane w ramach korzystania przez Ciebie z naszych usług, portali i serwisów internetowych udostępnianych przez Wirtualną Polskę, w tym zapisywanych w plikach cookies, które są instalowane na naszych stronach przez Wirtualną Polskę oraz naszych Zaufanych Partnerów.

Dlaczego chcemy przetwarzać Twoje dane?

Przetwarzamy je dostarczać coraz lepsze materiały redakcyjne, dopasować ich tematykę do Twoich zainteresowań, tworzyć portale i serwisy internetowe, z których będziesz korzystać z przyjemnością, zapewniać większe bezpieczeństwo usług, udoskonalać nasze usługi i maksymalnie dopasować je do Twoich zainteresowań, pokazywać reklamy dopasowane do Twoich potrzeb. Szczegółowe informacje dotyczące celów przetwarzania Twoich danych znajdują się w polityce prywatności.

Komu możemy przekazać dane?

Twoje dane możemy przekazywać podmiotom przetwarzającym je na nasze zlecenie oraz podmiotom uprawnionym do uzyskania danych na podstawie obowiązującego prawa – oczywiście tylko, gdy wystąpią z żądaniem w oparciu o stosowną podstawę prawną.

Jakie masz prawa w stosunku do Twoich danych?

Masz prawo żądania dostępu, sprostowania, usunięcia lub ograniczenia przetwarzania danych. Możesz wycofać zgodę na przetwarzanie, zgłosić sprzeciw oraz skorzystać z innych praw wymienionych szczegółowo w polityce prywatności.

Jakie są podstawy prawne przetwarzania Twoich danych?

Podstawą prawną przetwarzania Twoich danych w celu świadczenia usług jest niezbędność do wykonania umów o ich świadczenie (tymi umowami są zazwyczaj regulaminy). Podstawą prawną przetwarzania danych w celu pomiarów statystycznych i marketingu własnego administratorów jest tzw. uzasadniony interes administratora. Przetwarzanie Twoich danych w celach marketingowych realizowanych przez Wirtualną Polskę na zlecenie Zaufanych Partnerów i bezpośrednio przez Zaufanych Partnerów będzie odbywać się na podstawie Twojej dobrowolnej zgody.