Di postingkan pada ;29/04/2014
Keunggulan & Kemampuan CSS3
CSS (Cascading Style Sheets) adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan tata letak sebuah halaman web. CSS ini bersifat embeded pada tag HTML yang artinya menempel atau melekat pada tag HTML.
Sebelum CSS lahir dan berkembang, web programer hanya menggunakan tag <table> pada HTML untuk mengatur tata letak tampilan.
Keuntungan menggunakan CSS :
- Untuk mengatur dan memperindah tampilan web (lebih rapi).
- Lebih praktis dan menghemat penggunaan tag yang berulang-ulang.
- Bisa digunakan pada website atau webpage yang lain, misalnya website kita mempunyai 5 halaman (webpage), maka kita tidak perlu membuat pengaturan tampilan atau menulis ulang code-code untuk mengatur tata letak tampilan pada masing-masing halaman/page sebanyak lima kali. Kita bisa memanfaatkan code yang sudah ada dengan memanggil tag CSS yang dibuat pada file terpisah (file.css).
Format penulisan syntax/code CSS :
selector { property: value }
Contoh Syntax :
h1{color : blue}
Contoh di atas menunjukkan :
Selector-nya : h1
Property-nya : color
Value : blue
Contoh di atas menunjukkan :
Selector-nya : h1
Property-nya : color
Value : blue
Lalu, Apa Pengertian CSS3 itu?
CSS3 tidak sama dengan
Beberapa kelebihan yang ada pada CSS3 :
- CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya di dalam objek ‘blockquote’ bisa membuat (quote) di awal dan akhirnya menggunakan font lebih besar dari konten blockquote itu sendiri.
- 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 gambar. Standar web 2.0 atau situs interaktif dan efisien berdasar dari penggunaan CSS.
- Dengan CSS3 situs akan bisa lebih berkembang dan bisa lebih interaktif lagi dengan pengunjung.
- Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwidth inbound/outbound situs.
CSS3 memiliki fasilitas untuk shadow dari suatu div layout, fitur transparansi,
gradien warna pada border, warna pada teks yang diseleksi, fitur skala
memperkecil atau memperbesar layout, kolom pada teks, dan fitur gradien pada
background.
Pekembangan CSS3 Seperti Apa?
Dari hasil pengamatan saya pada beberapa situs yang sudah menerapkan CSS3 + HTML5, saya beranggapan bahwa fungsi jQuery sepenuhnya akan tergantikan oleh CSS3. Perkiraan ke depan, tidak ada lagi web yang menggunakan jQuery karena sizenya lebih besar dibanding CSS3. Bukan cuma jQuery, saat ini penggunaan flash juga mulai terakusisi dengan semakin berkembangnya CSS3. Menurut saya, CSS3 merupakan bahasa pemrograman olah digital gambar/citra tingkat tinggi karena dengan CSS3, anda bisa menggambar Tokoh Kartun Doraemon seperti contoh berikut :
Pekembangan CSS3 Seperti Apa?
Dari hasil pengamatan saya pada beberapa situs yang sudah menerapkan CSS3 + HTML5, saya beranggapan bahwa fungsi jQuery sepenuhnya akan tergantikan oleh CSS3. Perkiraan ke depan, tidak ada lagi web yang menggunakan jQuery karena sizenya lebih besar dibanding CSS3. Bukan cuma jQuery, saat ini penggunaan flash juga mulai terakusisi dengan semakin berkembangnya CSS3. Menurut saya, CSS3 merupakan bahasa pemrograman olah digital gambar/citra tingkat tinggi karena dengan CSS3, anda bisa menggambar Tokoh Kartun Doraemon seperti contoh berikut :
Dari contoh di atas, memang terlihat belum
semua browser sudah mendukung secara keseluruhan penggunaan CSS3, namun,
masing-masing browser sudah melakukan proses perkembangan produk agar bisa
mendukung penggunaan CSS3.
Cukup sekian yang bisa saya bagikan pada
tulisan ini, di lain waktu, saya akan berbagi lebih banyak tentang CSS3 dan
studi kasus membuat tampilan menarik dengan CSS3. Jika masih ada kekurangan
pada pembahasan ini, saya sangat berharap peran serta dari teman2 untuk
memperbaiki/melengkapi yang belum lengkap dengan berkomentar di tempat yang
telah disediakan :) Sumber ; http://multimedia-portal.blogspot.com/2012/10/kemapuan-css3.html
0 comments:
Post a Comment