Firefox 4 beta(2) hadir dengan CSS 3 Transition-nya

Baca selengkapnya »

Mozilla mengumumkan kedatangan Firefox 4 Beta 2 akhir pekan lalu, hanya tiga minggu setelah merilis Beta 1. Rilis ini diperbarui mencakup dua peningkatan besar atas rilis beta pertama, terutama peningkatan kinerja dan peningkatan dukungan untuk CSS3 Transition.
Anda dapat men-download rilis terbaru di sini.

Peningkatan Kinerja

Firefox 4 Beta 2 memperkenalkan mekanisme membangun Halaman Baru:Retained Layers.
Menurut Mozilla Hacks Blog:

Firefox 4 beta(2) hadir dengan CSS 3 Transition-nya

Posted by : Alfa

Date :

With 0komentar

Tag : css 3

Membuat Button Emboss dengan CSS 3

Baca selengkapnya »

Sebelum kelahiran Css 3, biasanya para web developer atau web designer akan membuat button emboss dengan tehnik grafis (background images)yang dibuat di photoshop ataupun program pengolah gambar lainnya.

Sekarang bagi yang belum mampu mengolah gambar/grafis dengan baik, jangan khawatir karena CSS 3 akan mengerjakannya dengan Sempurna.

Demo

Dengan menggunakan kode CSS seperti dibawah ini akan menghasilkan sebuahbutton emboss yang cantik tanpa harus menggunakan background images:

Membuat Button Emboss dengan CSS 3

Posted by : Alfa

Date :

With 0komentar

Tag : css 3

Membuat kolom paragraf dengan css 3

Baca selengkapnya »

Saya yakin yang membaca Tulisan ini tahu bentuk artikel dalam surat kabar (koran).
Pada umumnya, paragraf dalam suatu artikel di surat kabar dibagi menjadi beberapa kolom, biasanya 3 sampai 4 kolom. Menurut Saya, Tujuannya adalah untuk memudahkan para pembaca melihat semua isi yang ditampilkan dalam sebuah koran.
Jika anda ingin membuat hal yang sama seperti pada surat kabar didalam sebuah halaman website, saya akan memberikan Tips untuk anda.
syaratnya, Anda harus harus mengetahui cara membuat html dan belajar css, dalam hal ini adalah css 3.

Lihatlah tampilan contoh paragraf pada artikel dibawah ini…!
Jika anda tertarik untuk membuatnya, silahkan ambil contoh kode html dan css sintak-nya dibawah ini……..

Membuat kolom paragraf dengan css 3

Posted by : Alfa

Date :

With 0komentar

Tag : css 3

Belajar CSS 3

Baca selengkapnya »

Apa itu CSS 3 ?

Sambutlah Jaman Baru dengan teknik baru. Ketika jaman terus berkembang maka mau tidak mau kita harus mengikutinya jika kita tidak mau disebut ketinggalan jaman.
Sekarang kita seharus sudah mulai belajar teknik baru tentang CSS.  CSS 3 telah memberikan kita cara-cara yang mudah untuk membuat efek / style pada sebuah elemen HTML dengan meninggalkan cara lama yang dibantu oleh Javascript dan JQuery.
Saya yakin Anda pernah mendengar tentang CSS pada umumnya. CSS3 tidak jauh berbeda, dalam hal sintaksis, namun kekuatan CSS3 jauh lebih besar. Seperti yang akan Anda lihat dalam teknik berikut ini,  dengan CSS 3 anda dapat membuat sudut membulat (rounded corners), bayangan pada tulisan (Text Shadow), latar belakang bening (Transparency Background) dan masih banyak lagi.

CSS3 adalah anak baru di keluarga stylesheet. Menawarkan kemungkinan-kemungkinan baru yang menarik untuk menciptakan efek pada desain situs anda, memungkinkan Anda untuk menggunakan style sheet lebih beragam untuk berbagai kesempatan dan banyak lagi.

Belajar CSS 3

Posted by : Alfa

Date :

With 0komentar

Tag : css 3