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.

Napiszemy prosty widżet wyświetlający tweety danego użytkownika. Wykorzystamy bibliotekę cURL. Na początek odwiedźmy dokumentację Twitter API. Dowiemy się z niej jak pobrać 20 ostatnich wpisów określonego użytkownika. Pobierzemy najnowsze tweety php_net.

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.