Optimalkan Chrome untuk belajar CSS

Dipostingan kemaren kita bahas tentang Web Log service yang diberikan Google .  Sekarang mari kita bahas salah satu software gratis dari google, yaitu Google Chrome web browser. Chrome pertama kali di rilis oleh Google pada tanggal 2, September, 2008 sebulan kemudian tepatnya 11,  Desember  Google Chrome di luncurkan untuk semua sistem operasi karena telah mencapai versi stabil. Google Chrome kemudian melaju sangat pesat menjadi Browser favorit banyak netter.

Bagi para web design google chrome memberikan tools yang yang sangat berguna karena memberikan kemudahan , untuk melakukan koreksi terhadap resource maupun css sampai ke pembuatan dan penyempurnaan scrip-scrip yang sedang mereka kembangkan. Dua fitur view-source dan inspect element yang di benamkan dalam google chrome ini , resource dari sebuah halaman web dapat kita lihat, sampai ke detail-detail java scrip, css dan gambar-gambar yang di embed untuk halaman web itu.
CSS adalah sebuah kumpulan scrip yang berfungsi memperidah tampilah web kita, Bahasa teorinya  Cascading Style Sheets (CSS) adalah mekanisme sederhana untuk menambahkan gaya (misalnya font, warna, spasi) ke dokumen web. Tutorial, buku, milis untuk para pengguna, dll dapat ditemukan pada halaman “learning CSS”. Untuk informasi latar belakang mengenai style sheets, lihat halaman Web style sheets.



Belajar otak-atik Css dengan bantuan google chrome ini sangatlah mudah, dengan klik kanan dan select
pada inspect element, akan muncul kolom yang memuat resource dari halaman web tersebut. Tampilan defaulnya berada di bagian bawah browser yang kita buka masih dalam satu halaman tab kita. Pada bagian resource akan terbagi menjadi dua kolom yaitu kolom yang berisi scrip html dan java sedangkan kolom bagian kanan kolom unutk css. Untuk mengubah warna pada css kita tidak perlu susah- susah mencari kode warna untuk warna tertentu , tinggal klik saja pada bagian blok yang berwarna dan akan muncul kotak pilihan warna yang bisa kita geser sesuai dengan warna yang akan kita gunakan,. Hasil dari editan warna tersebut akan langsung berefek pada tampilan halaman tersebut tanpa perlu meloading halaman . untuk mengedit css lebih lanjut klik pada url css yang tersemat. maka akan muncul css dengan versi yang lebihlengkap . Dari situlah jika kita ingin mengubah-ubah css kita.

Setelah sudah kita otak-atik Cssnya langsung aja copy pastekan css yang sudah di edit tadi ke blog atau halaman   web yang kita edit tadi . So begitu sangat bergunanyakan Tools in untuk para web master . Dan bahkan kita yang bukan web master atau web design pun bisa menggunakannya untuk latihan  .


EmoticonEmoticon