Apa Yang Baru di CSS3 ?

Sekilas Info Mengenai CSS

CSS (Cascading Style Sheet) merupakan bahasa pemrograman yang unik dan menarik untuk dipelajari. Arsitektur dari objek HTML, bisa juga berdiri sendiri sebagai pembangun sebuah halaman situs.

Di dalam artikel ini, saya juga akan membahas beberapa standar baru untuk CSS3 yang akan segera menggantikan CSS2, dan mungkin akan membuat anda bereksplorasi lebih dalam lagi untuk membuat tampilan website lebih menarik lagi dan mulai meninggalkan website yang membuat anda stress dengan loading yang lama atau browser anda yang tidak cocok untuk website yang anda kunjungi.

Mengapa Saya Lebih Memilih CSS3

Pertama, CSS merupakan bahasa yang paling mudah di mengerti dan dipelajari. Tidak mempunyai tanda atau karakter khusus untuk mendeklarasikan di halaman website.

Objek, objek lainnya, bagian-objek {
	Properti : nilai-properti;
	Bagian-objek : style-yg-akan-digunakan;
}

Kedua, CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya didalam objek ‘blockquote’ anda bisa membuat “ (quote) di awal dan akhirnya menggunakan font lebih besar dari konten blockquote itu sendiri.

blockquote {
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	color: rgb(160, 20, 60);
}
	blockquote:before {
		content: open-quote;
		font-size: 45px;
	}
	blockquote:after {
		content: close-quote;
		font-size: 45px;
	}

contoh style di blockquote

Ketiga, CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS2/CSS2.1. Dan bisa menggantikan peran image. Contohnya disini saya akan membuat box yang menggunakan tag div dengan pinggiran lebih halus atau melengkung.

1	div.box { box-width: border-box; -webkit-border-radius: 2em; }

Box dengan menggunakan border radius

Keempat, standar web 2.0 atau website interaktif dan efisien berdasar dari penggunaan CSS. Dengan CSS3 website akan bisa lebih berkembang dan bisa lebih interaktif lagi dengan pengunjung.

Kelima, bisa mengurangi ukuran/size file yang di load dan lebih ringan, secara otomatis mengurangi bandwidth inbound/outbound website anda.

Keenam, yang paling baru dan mungkin beberapa properti di dalam CSS3 bisa menggantikan bahasa pemrograman lainnya. Sebentar, yang belum paham maksudnya jangan komentar dulu. Saya akan memberikan beberapa contohnya, tapi mungkin di artikel saya yang selanjutnya

Modul dan Pengembangannya

Semakin hari CSS akan terus berkembang dengan modul-modul baru yang sudah bisa digunakan. Spesifikasi atau modul yang terlalu rumit dan bertele-tele untuk di deklarasikan di CSS2 akan segera tergantikan dengan modul baru di CSS3. Beberapa modul yang sudah dikembangkan diantaranya adalah:

The Box Model
List Module
Hyperlink Display
Speech Module
Text Effect
Multicolumn Layout
Background dan Border

Beberapa diantaranya sudah ada yang bisa digunakan dan cross platform. Tapi beberapa diantaranya juga masih dalam tahap penelitian dan pengembangan. Dan untuk itu juga para developer browser akan sedikit demi sedikit bisa menerapkan modul CSS3 untuk di adopsi secara luas.

Jika CSS3 tidak bekerja untuk website anda mungkin bisa di sesuaikan pada browser yang anda gunakan, karena beberapa browser memang belum atau mungkin TIDAK (seperti IE 6/7/8) mendukung akan kekayaan fitur yang dihadirkan di CSS3 saat ini.

11 Comments

May 17, 2010 4:37 pm by t370 Reply

mas...maaf ...
apa punya modul css3? saya boleh minta mas link nya mas? X) heehe
terus jquery b.indo ada gak mas?
kali aja mas bikin panduan jquery...
mo minta juga..hehehe
makasih mas

May 20, 2010 2:31 pm by fauzievolute Reply

Jika tentang modul css3 bisa di dapatkan di css3.info
disana sudah disediakan beserta toolsnya juga lengkap.

May 19, 2010 6:05 am by Cruz3N Reply

Wow... Nice tutorial Bro... Keren webnya... Salam kenal yah :D
May 20, 2010 8:01 pm by t370 Reply

he...
makasih master...salam kenal..
May 22, 2010 3:22 pm by Bruce Reply

Jika tentang modul css3 bisa di dapatkan di css3.info
disana sudah disediakan beserta toolsnya juga lengkap.
May 23, 2010 2:20 pm by April Reply

wah... udah dofollow, jarang orang mau dofollow blog, tapi denger-denger PR udah gak ngaruh lagi ya. salam kenal bos..
May 29, 2010 9:14 am by Steve Reply

Jika tentang modul css3 bisa di dapatkan di css3.info
disana sudah disediakan beserta toolsnya juga lengkap.
June 19, 2010 11:19 pm by herupermana Reply

Share CSS3 CheatSheet http://bit.ly/sharecss3info

June 21, 2010 4:45 pm by ibnoe Reply

tq gan linknya:)

July 18, 2010 9:10 am by Yoga Reply

memang terakui,, css3 luar biasa untuk perkembangan web design.. yah sayang nya hal baru selalu aja belum banyak yg komptatible,,, hanya masalah waktu tapi...

salam kenal.. :D
January 19, 2011 12:57 pm by kholiq Reply

wah mantap buat menu rounded corner lebih gampang nih... baru tahu nih CSS3

thanks :)