html5To co dziś zobaczyłem wprawiło mnie w osłupienie. Zadawałem sobie sprawę, że możliwości nowej specyfikacji HTML w wersji 5 jak i w CSS3 są naprawdę potężne, ale nie wiedziałem, że nowa wersja popularnego języka znaczników pozwala na wszystko co tylko wyobraźnia zapragnie.

Nad czym moje zachwyty i dlaczego tak kontrowersyjny tytuł? Otóż w jednym z serwisów branżowych o nazwie Nettuts, autor przedstawia w jaki sposób stworzyć bardzo atrakcyjną grafikę tylko i wyłącznie za pomocą kodu HTML5. Efekt dla mnie jest osobiście piorunujący i aż „przeorałem” cały efekt końcowy FireBugiem upewniając się, że nie jest to żaden trik. Autor, korzystając z gradientów i promienia stworzył bardzo atrakcyjną ikonkę, która nie korzysta kompletnie z żadnej grafiki – całość to czysty kod!

Serdecznie polecam obejrzeć twór końcowy jak i zapoznać się z tutorialem – krok po kroku w jaki sposób owy efekt osiągnąć. Sceptycy z pewnością podsumują całą operację:

Ikona w HTML5 = 20minut

Ikona w .PNG = 2 minuty

To oczywiście prawda i graficy z dnia na dzień nie porzucą swoich Photoshopów, jednak ten przykład pokazuje jak ogromny potencjał drzemie w nowej specyfikacji HTML5 i CSS3. Aż strach pomyśleć co się będzie działo na moją starość, gdy pojawi się specyfikacja HTML w wersji 9 ;_)

TEMATY:
Najświeższe artykuły