0 Kerangka dasar sebuah tts online

Berbicara tentang TTS online sepertinya tidak dapat terlepas dari html, css dan javascript. Meskipun ada juga yang dibangun menggunakan flash, atau java. Namun teka-teki silang yang dibangun menggunakan html dan javascript hampir tidak membutuhkan plugin apapun, cukup dengan browser. Lebih ringan dan fleksibel dalam maintenancenya

Sebenarnya seperti apa sih kerangka dasar tts online yang dibuat menggunakan html itu? Kita akan coba membahasnya.

2 Animasi loading dengan jquery sebelum halaman dimuat

Saat link internal pada blog di klik maka akan ditampilkan gambar animasi seperti di atas dan akan menghilang saat seluruh halaman selesai di load. Bagaimana membuatnya?

3 Animasi foto genit dengan CSS keyframe

Jika sebelumnya kita telah berhasil membuat animasi foto menjadi berkedip dengan photoshop. Sekarang kita akan mencoba hal yang sama, namun menggunakan tools berbeda, yaitu menggunakan CSS animasi @keyframe.

Sebenarnya konsep dasar dari pembuatan animasi frame by frame, entah menggunakan tools apapun (flash, photoshop) bahkan CSS3 memiliki pola yang sama. Yaitu menggunakan dua atau lebih gambar berbeda dengan dibungkus oleh sebuah bingkai virtual, dimana bingkai ini hanya dapat memuat satu gambar dan akan memuat gambar lain berdasarkan waktu yang telah ditentukan.

11 Membuat foto nampak berkedip dengan photoshop

Foto genit, mungkin itu yang hendak kita buat kali ini. Sederhana saja kita hanya membutuhkan Photoshop, membuat 3 layer kemudian kita animasikan layer tersebut frame by frame, sehingga gambar akan tampak berkedip genit seperti di atas. Semuanya sudah disediakan oleh Photoshop. Mau tahu caranya? mari mari kita lanjutkan