Thursday, September 23, 2010

CSS Tools and Generator

CSS atau Cascading Style Sheet merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam (Wikipedia).  Secara sederhana, CSS adalah suatu bahasa yang digunakan untuk mengatur tampilan website, baik itu tata letak jenis huruf, warna, background dan lain sebagainya.  Dengan kata lain CSS membuat sebuah kerangka dari suatu web dan juga berbagai pernak-pernik yang ada di suatu website.

Buat yang udah mahir menggunakan CSS mungkin melakukan coding bahasa ini akan terasa sangat mudah, tapi bagi yang masih sangat awam, CSS menjadi akan sulit dikodekan karena perlu imajinasi dalam membuatnya.  Nah... untuk mengatasinya, berbagai web telah menyediakan fasilitas pembuatan css secara instan.  Tinggal klik di sana-sini dan sim salabim code pun dapat kita download.  hohoho....

Berikut ini beberapa web yang merupakan sebuah css generator, yang menawarkan fungsionalitas pembuatan web secara mudah dan cepat.  Beberapa web saya klasifikasikan menjadi beberapa kategori yaitu  
Grid and Layout, CSS Menu Tools, CSS Buttons, CSS Rounded Corner, dan CSS Frames.

Grid and Layout Generator
Generator ini digunakan untuk membuat kotak-kotak atau mapping dari web yag akan kita buat. 
1. The 1 Kb CSS Grid
 tampilan web :
2. Variabel Grid System
 tampilan web : 

 tampilan web : 
Tampilan lebih segar dan enak digunakan.

 tampilan web : 

5. Gridinator
 tampilan web :


CSS Menu Tools
Generator ini digunakan untuk membuat tab menu.
1. 13 Styles : CSS Generator
 tampilan web :

2.  Pure CSS Menu
 tampilan web : 

 tampilan web : 

 tampilan web : 


CSS Buttons
Generator ini digunakan untuk membuat tombol-tombol.
 tampilan web : 

 tampilan web : 


CSS Rounded Corner
Sesuai namanya, generator ini digunakan untuk membuat sudut kotakan menjadi sebuah lengkungan.
 tampilan web : 

 tampilan web : 

 tampilan web : 


CSS Frames
Generator ini digunakan untuk membuat frame CSS. 
 tampilan web : 


Oke... semoga bermanfaat....

Regards
Foodgrade



No comments:

Post a Comment