Breaking News
Loading...
Selasa, 12 Maret 2013

css monster
Mungkin buat temen-temen web designer  tidak asing dengan syntax CSS yang mampu membuat suatu halaman website html jadi nampak lebih indah buat di pandang.

Pada posting kali ini saya akan menjelaskan cara membuat mahluk aneh, tapi lumayan lucu buat dibikin hanya dengan bikin twit mention ke @csscreatures dan sedikit css sebagai pembuat ciri khas mahluk yang akan kita buat tersebut.


Oke langsung aja ke penjelasan : 

- Login dulu ke akun twitter kamu
- Buka tab baru lalu masuk ke site : http://bennettfeely.com/csscreatures/
  Setelah halaman terbuka, terdapat beberapa contoh mahluk ciptaan terbaru oleh beberapa akun twitter yg masuk ke mention @csscreatures


- Coba klik tulisan Make Your Own pada kanan atas halaman
  Akan tampil contoh twit yang bisa diterapkan untuk membuat mahluk aneh yg baru
  Bentuk format twitnya seperti ini : @csscreatures [warna] [kepribadian] [dan lain lain]

css creatures example twit

Untuk warna bisa ditentukan sendiri dengan kemauan, kode warnanya bisa di lihat dari photoshop ataupun dengan mengetik warnanya langsung.

Sedangkan untuk kepribadiannya ada beberapa contoh disana, yaitu : tooth, teeth, hyper, nervous, moustache, hungry, cyclops, dll.


- Jika sudah tau bentuk format twitnya, coba langsung aja buka akun twitter kamu lalu buat twit sesuai format dan sesuai selera experimen yang kamu mau.

- Setelah membuat twit, coba kembali lagi ke tab halaman http://bennettfeely.com/csscreatures/ dan lihat hasilnya disana

Disini saya coba mencontohkan dengan twit berformat seperti ini : @csscreatures #d2d2d2 tooth hungry 
Maka hasilnya :
css monster

Tutorial sederhana tapi lumayan buat sedikit refreshing sembari melanjutkan program yang sedang di kerjakan :D

4 komentar:

  1. lucunya ^^ makasi buat infonya

    BalasHapus
  2. Sip sama-sama.Terima kasih juga buat kunjungannya :))

    BalasHapus
  3. Hahaha
    Barusan gue nyoba. Lucu banget ya

    BalasHapus
  4. Sip.. coba klo bisa sekalian di pelihara ya :))

    BalasHapus

Silahkan Beri Masukan !