Advertise

Membuat Speak Buble dengan CSS3

Selamat siang brader blogger semua kembali posting ni setelah sebelumnya memposting firefox versi 4 yang ternyata memiliki tampilan yang sedikit berbeda dari versi seblumnya. untuk kali ini ini saya akan memposting bukan seputar internet komputer melainkan seputar css dan blogger.

Seperti judul posting ini yaitu membuat Speak Buble dengan Css3. Speek buble ini merupakan tehnik permainan border dengan css. Dengan menggunakan Css Speak Buble dapat dibuat tanpa menggunakan image jadi ini akan lebih ringan dibuka di browser.

Langsung saja pada penerapan dan koding css-y.
Sebagai contoh saya membuat speak buble untuk teks area.
contohnya bisa dilihat dibawah ini.

Pertama kita buat kode CSS Speak Buble-y seperti ini.

Selanjutnya untuk memanggilnya gunakan kode html seperti ini :

Cukup mudah bukan silahkan di custom sesuai selera blogger.
Untuk background bisa menggunakan background Gradient CSS3, Box shadow ataupun lain2nya biar lebih menarik. Selamat mencoba.

Firefox 4 - 6x lebih cepat dari Firefox 3.6 "Download Firework 4"

Selamat malam brader blogger semua akhirnya bisa kembali posting. Dimalam minggu yang cukup dingin dan juga rintik-rintik kayanya ga ada aktifitas lain yg bisa dikerjakan kecuali blogging hehehe. Sudah hampir sepekan ga pernah update ni blog rasanya kangen juga buat posting.

Okelah basa-basinya jangan kepanjangan, postingan kali ini saya cuma berbagi info saja mengenai peluncuran browser ter-paforite saya yaitu firefox yang kemarin-kemarin sudah resmi meluncurkan firefox versi 4, Setelah memakan waktu berbulan-bulan untuk pengembangan, hampir dari 10 versi beta dan sebuah release candidate (RC), Firefox 4 akhirnya diluncurkan juga.

Browser Firefox 4 ditawarkan tidak hanya lebih cepat dari yang sebelumnya, tapi juga lebih 'ramping'. Firefox 4 memasuki pasar browser di saat yang tepat. Tidak hanya karena Microsoft kembali dengan IE 9, tapi juga karena browser Google Chrome yang popularitasnya terus berkembang.

Fitur-fitur seperti, ekstensi dan add-on yang dulu membedakan Firefox dengan browser lainnya, kini sudah menjadi standar untuk semua browser dan platform.
Versi beta pertama Firefox 4 diluncurkan pada 6 Juli 2010, sementara release candidate (RC) Firefox 4 diluncurkan pada 18 Maret 2011.

Buat blogger yang ingin mencoba browser ter-favorite ini bisa mendownloadnya di situsnya langsung atau juga bisa download melalui link download di bawah ini. selamat mencoba.

Download Firefox 4

Adobe Illustrator to Canvas HTML5 Dan JavaScript"


The Ai-> Canvas plug-in,merupakan plug-in yang dapat digunakan untuk mempermudah para designer web dalam menciptakan design berbasis vektor maupun bitmap untuk diekspor pada kanvas html5 dan bisa langsung ditampilkan pada browser.

Plug-in ini menyediakan gambar, animasi dan pilihan enkripsi seperti peristiwa, sehingga lebih interaktif dalam merancang aplikasi web berbasis kanvas html5.

Jika ingin mencoba silahkan di Downoad pluginnya GRATIS.

Download

5 Seniman Tatto "Bunuh Diri" Di Bali

tatto-art-body-painting-creative-tatto Kreativitas para seniman memang tidak pernah ada matinya, kali ini 5 seniman tato melakukan aksi bunuh diri. Bunuh diri disini bukan berarti mereka menghilangkan nyawa diri sendiri, bunuh diri disini hanya istilah untuk acara yang akan dilakukan para seniman tatto besok hari. berikut kutipan detailnya dari media kompas.com.

KUTA, KOMPAS.com - Sebanyak lima seniman tatto nasional akan melakukan aksi "bunuh diri" bersama dalam kontes tatto yang digelar di sebuah klub di Jalan Legian Kuta, Jumat (25/2/2011) besok.

Aksi bunuh diri ini hanya istilah dan bukan untuk menghilangkan nyawa mereka. Kelima seniman tersebut bakal mengikuti kontes dalam kategori suicide. Kategori suicide ini sangat menarik karena jika biasanya para seniman tatto profesional ini melukis tubuh orang lain, kali ini mereka akan berkreasi di atas tubuhnya sendiri.

Mereka diberi waktu 4 jam untuk menyelesaikan kreativitas mereka sesuai standar internasional dalam penyelenggaraan kontes serupa. Kontes tatto ini baru pertama kali digelar di Indonesia.

"Nggak pake model, dia tatto dirinya sendiri, mo gambar apa bebas, ya sesuai judulnya suicide mereka seperti bunuh diri," kata Bagus Ferry, Pemimpin Redaksi Majalah Komunitas Tatto, Magic Ink yang juga penyelenggara kontes tatto dalam konferensi pers di Kuta, Kamis (24/2/2011) siang tadi.

Kelima seniman tatto yang akan ambil bagian dalam kategori suicide ini berasal dari daerah yang berbeda yakni Bali, Yogyakarta, Malang, Manado, dan Medan. "Mereka sangat antusias khususnya Manado karena mereka baru kali ini mengikuti kontes di luar daerah," imbuhnya.

Seniman yang melukis tatto di bagian tubuh yang sulit dijangkau akan mendapat nilai lebih dari dewan juri. Selain kategori suicide, dalam kontes yang digelar untuk merayakan ulang tahun pertama majalah komunitas penggemar Tatto ini juga melombakan kategori lain yakni Old School, Oriental, Realist Color, serta Realist Black and gray. 34 seniman tatto dari seluruh Indonesia akan ambil bagian dalam kontes ini.

Background Stripers And pattern Dengan CSS3 No Image

Selamat sore Brader Blogger semua akhirnya kembali membuat postingan walaupun sekarang jarang update tapi alhamdulilah disisa waktu luang ini akhirnya bs kembali update. Untuk sekarang saya akan share seputar tutorial CSS3 yang lama juga tidak ada info yang baru. Apalagi bang Hendro sesepuh CSS3 juga udah jarang ngebahas CSS3 hehehe.... gimana ni bang Hendro kabarnya kayanya lg asyik dengan koding-koding di weblognya.

background pattern full css3 tanpa image
Langsung saja pada pokok pembahasan. tutorial CSS3 kali ini akan membahas pembuatan background dengan texture/pattern full CSS3 seperti gambar diatas, dimana semua itu dilakukan menggunakan koding CSS3 tanpa image.

Untuk Demo livenya bisa lihat pada link di bawah.

Demo Live

Dan untuk codingnya dibawah.

Angled Pattern
.angled {
background-color: #ac0;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
}


Horizontal Pattern
.horizontal {
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

Vertical Pattern

.vertical {
background-color: #f90;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

Checkered Pattern
.checkered {
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #555)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #555));
background-image: -moz-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, #555 75%),
-moz-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -o-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-o-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-o-linear-gradient(45deg, transparent 75%, #555 75%),
-o-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent),
linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
linear-gradient(45deg, transparent 75%, #555 75%),
linear-gradient(-45deg, transparent 75%, #555 75%);
}

Diatas hanya beberapa saja background pattern dengan css3 silahkan Anda berekplorasi lagi. Selamat mencoba.

Tips Merawat Printer Agar Awet dan Tahan Lama

setup people-tips merawat printerKalau kemarin ngebahas aplikasi Android yang memang sekarang ini sedang rame-ramenya di publish oleh banyak blogger, walaupun bukan produk baru namun Android ini memiliki daya tarik para penggunanya, dan untuk sekarang saya memposting seputar printer, sudah lama juga label atau kategori printer tidak diupdate.

yang akan dibahas untuk kali ini yaitu tips merawat printer agar dapat bertahan lebih lama atau awet dan juga kualitas cetak yang tidak menurun.
Gimana kalau langsung saja Tips / Cara Merawat Printer Agar Awet dan Tahan Lama:

1. Gunakan printer anda secara teratur dan berkala.
Merawat printer dengan menggunakan printer secara berkala dan teratur ini akan menjaga agar tinta tetap mengalir dan membasahi nozzle tempat keluarnya tinta. Karena diameter nozzle ini sangat kecil sekali, maka akan sangat rawan terjadi kebuntuan akibat tinta kering yang tidak mengalir. Dan akibatnya head catridge bisa rusak, padahal harganya hampir sama dengan beli printer baru. Maka rawat printer anda agar hal ini tidak terjadi, minimal seminggu sekali menggunakan printer.

2. Segera isi / refill jika tinta printer anda habis.
Cara merawat printer no 2 ini juga akan membuat awet dan tahan lama terhadap head catridge printer anda.

3. Matikan printer secara benar dengan menekan tombol powernya.
Cara merawat printer no 3 ini akan membuat head catridge printer anda selalu bersih dan terjaga dari kebuntuan. Karena dengan menekan tombol power untuk mematikan, maka printer akan secara otomatis melakukan pembersihan permukaan head sebelum parkir di tempatnya.
Jangan mematikan printer dengan mencabut kabel power secara langsung.

4. Jangan menggunakan kertas yang kotor dan berdebu
Jika anda menggunakan kertas yang kotor dan berdebu untuk mencetak, maka ini akan mengotori roll penarik kertas, dan lama kelamaan akan menyebabkan cepat aus dan akhirnya rusak. Efeknya adalah printer tidak akan bisa untuk menarik kertas.

5. Tutup printer dengan cover plastik
Tips no 5 ini agar debu dan kotoran tidak menempel pada printer.

Demikian cara mudah merawat printer agar awet dan tahan lama cukup mudah bukan tanpa biaya mahal yang penting kita mau tentunya bukan hal yang sulit untuk merawat printer supaya awet dan tahan lama..

Source : http://blog.fastncheap.com/cara-mudah-merawat-printer-agar-awet-dan-tahan-lama.html