CSS3 Pie (od Progressive internet explorer) to napisana przez Jasona Johnstona biblioteka, która umożliwia IE w wersji 6-8 renderowanie wielu najbardziej przydatnych własności dekoracyjnych, chętnie wykorzystywanych przez webdesignerów – zaokrąglonych rogów, cieni, wieloobrazkowego tła i gradientów. Wykorzystuje w tym celu zachowania DHTML, obsługiwane już w Internet Explorerze 5.5.

Projekt to wciąż eksperyment, wykorzystujący w dodatku starą, niestandardową technologię Internet Explorera. Komponent HTML (.htc) – czyli plik HTML z Jscriptem – pozwala tu na proste zaimplementowanie skryptów DHTML-owych do obsługi określonych części modelu DOM strony. Dzięki temu, jak pisze autor, dodanie obsługi dekoracyjnych własności sprowadza się do dodania do deklaracji jednej własności behavior (plus dodatkowo czasem jednej własności z producenckim prefiksem -pie-). Wygląda to następująco:

#boxElement {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #AE99FF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AE99FF), to(#33EEEE));
background: -moz-linear-gradient(#AE99FF, #33EEEE);
}

Powyższy kod pozwoli na wyświetlenie ładnego, wycieniowanego, gradientowego boksu z zaokrąglonymi rogami, normalnie niemożliwego do uzyskania w Internet Explorerze. Wystarczy jednak dodać tu własności

#boxElement {
...
-pie-background: linear-gradient(#AE99FF, #33EEEE);
behavior: url(/PIE.htc);
...
}

aby obiekt został wyrenderowany poprawnie także w przeglądarce Microsoftu.

CSS3 Pie przypomina pod względem swoich zastosowań dwie inne biblioteki – Modernizr (który jest jednak daleko bardziej rozbudowanym projektem, przeznaczonym przede wszystkim do wykrywania możliwości przeglądarek i tworzenia planów awaryjnych) oraz html5shiv (który pozwala przede wszystkim na rozpoznawanie przez IE elementów języka HTML5).

Biblioteka CSS3 Pie znajduje się obecnie w fazie beta – można ją pobrać z githuba. Projekt udostępniany jest na wolnej licencji Apache 2.0.

Źródło: Ajaxian.com, CSS3Pie.com