Denne uken tar jeg deg gjennom opprettelsen av en enkel webside for å vise dine nylige 'Tweets' fra Twitter fra start til slutt. Dette dekker designet i Photoshop, for å inkludere javascript-ting levert av Twitter til markeringen, til CSS for å style siden.
Lenker fra video:
- Se demo
- Last ned filer
Oppdatering (oktober 2012)
JavaScript gitt av Twitter som vi brukte i denne videoen fungerer ikke lenger. Imidlertid oppdaterte jeg raskt demoen for å bruke deres nye medfølgende widget. Selv om integrasjonen min i den nye demoen kanskje ikke var så fin som den var, er JavaScript faktisk mye hyggeligere, enklere og kommer med moderne Twitter-funksjoner, som favoritter og retweeting.
Du kan også spille med den nye JavaScript-widgeten på denne CodePen.