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

3 Berkenalan dengan CSS sprite

CSS image sprite begitulah w3schools menyebut teknik ini. Banyak juga yang menyapa dengan sebutan CSS sprite. Web-web besar seperti facebook, google etc juga menggunakan teknik CSS ini dalam memanage gambar-gambar yang digunakan.

Kita semua tahu bahwa sebuah halaman website yang memiliki banyak gambar akan membutuhkan waktu loading lebih lama dibandingkan yang hanya mempunyai beberapa gambar saja. Disinilah CSS sprite berperan untuk memangkas waktu muat halaman web yang memanggil banyak gambar, karena gambar-gambar kecil dijadikan satu dalam sebuah file gambar.

Teknik ini biasanya digunakan untuk animasi halaman web pada menu maupun image, saat pointer mouse melewati sebuah menu, atau saat sebuah menu dikenakan event seperti klik dan lain lain. 

2 Nonaktifkan touchpad pada notebook compaq 510

Touchpad fungsinya hampir sama dengan mouse hanya bentuk dan cara memakainya yang berbeda. Dia bisa klik kanan, klik kiri, scroll, double click, drag and drop dan lain sebagainya. Sangat berguna sekali, kita tidak perlu lagi bawa mouse kemana-mana. Namun sayangnya kehadiran touchpad pada laptop seringkali mengganggu aktifitas mengetik, karena posisinya yang sangat dekat dengan keyboard sehingga tak jarang tersentuh tanpa sengaja. Jengkel? pasti. :D

Kali ini saya akan mencoba membahas cara menonaktifkan sementara touchpad laptop, agar akifitas mengetik kita menjadi lancar.

8 Menggambar bungkus rokok djarum super menggunakan CSS3

Gambar di atas tidak dibuat  menggunakan program khusus untuk menggambar seperti corel, photoshop atau sejenisnya. Saya membuatnya hanya bermodalkan notepad++  untuk menuliskan kode kode CSS dan browser untuk melihat hasilnya. Mungkin di masa depan, teknologi web tidak lagi membutuhkan program semacam photoshop dan adobe flash. Semua itu bisa digantikan dengan menggunakan CSS3.

Apa itu CSS3?