HTML5 daje nam wiele nowych możliwości, między innymi nowy element canvas. Element ten to środowisko do tworzenia dynamicznych grafik. Grafikę tworzymy za pomocą skryptów JavaScript.
Javascript
Załóżmy, że chcemy zrobić menu z efektem hover w javascripcie. Niby wszystko ok, ale po najechaniu może się zdarzyć, że obrazek gwałtownie się pojawia lub nie pojawia się na początku wcale. Psuje to efekt wizualny. Oczywiście zakładam tu, że z jakiś powodów nie używamy css stripes. Rozwiązaniem jest funkcja, która dokona preloadingu obrazków.
Tutorial opisuje tworzenie od podstaw prostego shoutboxa. Najpierw zbudujemy bazę danych. Nazwiemy ją się chat_db. Następnie stwórzmy w niej tabelę wiadomości. Poniższy rysunek pokazuje strukturę tej tabeli w phpmyadminie.
Stworzymy menu w css i jQuery. Wykorzystamy oprócz biblioteki jQuery plugin Alexandra Farkasa. Dzięki niemu można zastosować animację pozycji tła określonego elementu. Tak prezentuje się efekt końcowy menu.