0 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.

.speakbuble {
position:relative; padding:30px; margin:3px 0; margin-top:1%; color:#000;
text-align:center; background:#CCC; font-weight:bold;
text-shadow:1px 1px 1px #eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

.speakbuble:after {
content:"";
display:block; position:absolute;
bottom:-30px; left:10px; width:0; height:0;
border-width:0 40px 50px 0px;
border-style:solid;
border-color:transparent #CCC;}

.speakbuble + p {margin:2px 0 0 55px; font-weight:bold;}

Selanjutnya untuk memanggilnya gunakan kode html seperti ini :

<div class='speakbuble'>
<p>Ini Contoh Speak Buble Tulis dengan kata kata kamu disini....ini sebagai contoh saya oke Brad..</p></speakbuble>
<p>Speak Buble</p>

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.

0 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

0 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