Social Icons

Selasa, 19 November 2013

ABOUT CSS

 
Salam phantom. Setelah lama tidak membuat post, kali ini saya akan membahas sedikit tentang CSS (Cascading Style Sheet). Pada artikel saya kali ini akan dijelaskan sedikit mengenai pengertian dan sejarah dari CSS. Baiklah, tidak perlu panjang lebar, langsung saja ke TKP.

PENGERTIAN CSS
CSS adalah singkatan dari Cascading Style Sheet yang merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik style. CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih terstruktur dan lebih seragam. CSS seperti halnya styles pada aplikasi pengolahan kata Microsoft Word yang dapat mengatur beberapa style, misalnya subbab, heading, bodytext, footer, images dan style lainnya untuk dapat dipakai bersama-sama dalam beberapa file. CSS biasanya digunakan untuk memformat tampilan web yang dibuat dengan bahasa HTML dan XHTML. CSS mampu mengatur warna body teks, ukuran gambar, ukuran border, warna mouse over, warna tabel, warna hyperlink, margin, spasi paragraph, spasi teks dan parameter lainnya. Dengan adanya CSS memungkinkan menampilkan halaman yang sama dengan format yang berbeda.


SEJARAH CSS
  • CSS 1
Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan web. Tujuannya adalah untuk mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua browser tersebut sedang bersaing mengembangkan tag sendiri untuk mengatur tampilan web.
CSS 1 mendukung pengaturan tampilan dalam hal :
1. Font (Jenis ketebalan).
 
2. Warna, teks, background dan elemen lainnya.
 
3. Text attributes, misalnya spasi antar baris, kata dan  huruf.
 
4. Posisi teks, gambar, table dan elemen lainnya.
 
5. Margin, border dan padiing.
  • CSS 2
Pada tahun 1998, W3C menyempurnakan CSS tahap awal dengan menciptakan standard CSS 2 yang menjadi standard hingga saat ini. Pada level CSS 2 ini, dimasukkan semua atribut dari CSS 1 dan diperluas dengan penekanan pada International Accessibiality and Capacibilty kususnya media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer. 
  • CSS 3 
CSS 3adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman website, diantaranya animasi warna dan animasi 3D. Dengan CSS 3 desaigner dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS 3 yaitu : Multiple background, border-radius, drop-shadow, border-image, CSS-Math dan CSS Object Model.
Fitur terbaru CSS 3 :
1. Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight.
 
2. Beberapa efek teks, seperti teks berbayang, kolom koran dan "Word-Wrap".
 
3. Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 2 dimensi, sudut-sudut yang tumpul dan bayangan.
 
  • PERKEMBANGAN CSS 3
  Dari salah satu situs blog mengatakan hasil pengamatan nya pada beberapa situs yang sudah menerapkan CSS3 + HTML5,  ia 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. CSS3 merupakan bahasa pemrograman olah digital gambar/citra tingkat tinggi karena dengan CSS3, anda bisa menggambar Tokoh Kartun Doraemon seperti contoh berikut :
Image 
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.
 
 
Demikian penjelasan singkat dari kami yang dikutip dari beberapa sumber.  Semoga dapat membantu teman-teman dalam mengenal apa itu CSS. :)
 
SUMBER:
  1. http://design-web11.blogspot.com/2013/06/pengertian-dan-sejarah-css.html
  2. http://anisahicha.wordpress.com/2013/10/14/sejarah-dan-perkembangan-css-3/
  3. http://www.blogofnurjaya.com/2010/04/sejarah-css-dan-definisinya.html
 

Tidak ada komentar:

Posting Komentar