Minggu ini saya membawa anda melalui pembuatan laman web ringkas untuk memaparkan 'Tweet' terbaru anda dari Twitter dari awal hingga akhir. Ini merangkumi reka bentuk di Photoshop, termasuk item javascript yang disediakan oleh Twitter ke markup, hingga CSS untuk menggayakan halaman.
Pautan dari video:
- Lihat Demo
- Muat turun Fail
Kemas kini (Oktober 2012)
JavaScript yang disediakan oleh Twitter yang kami gunakan dalam video ini tidak lagi berfungsi. Namun, saya dengan cepat mengemas kini demo untuk menggunakan widget baru mereka yang disediakan. Walaupun integrasi saya dalam demo baru mungkin tidak semudah itu, JavaScript sebenarnya jauh lebih bagus, lebih mudah, dan dilengkapi dengan ciri Twitter moden, seperti menggemari dan men-retweet.
Anda juga dapat bermain dengan widget JavaScript baru di CodePen ini.