Cara Termudah Belajar CSS Dengan Generator Online

Sebelum kita memulai sebaiknya kita harus tahu dulu apakah sebenarnya CSS itu. CSS ( Cascading Style Sheets ) adalah sebuah cara atau gaya untuk menyederhanakan penggunaan Code HTML pada beberapa komponen disain web sehingga lebih efektif, kustomisasi lebih mudah untuk memperindah tampilan, dan lebih memperingan kinerja sebuah website secara keseluruhan.

Nah sekarang saya akan memperkenalkan website Generator CSS agar kita bisa langsung praktek dan semakin memantapkan ingatan sobat tentang bagaimana penerapan CSS pada komponen disain website.

Website Generator CSS :

1. CSS 3.0 Maker : Merupakan generator CSS versi 3 dan mendukung web browser Mozilla Firefox 3.5 ke atas, IE 9+, Opera 10.5+,  Safari 3+, Google Chrome 4.1+, juga mobile browser Blackberry 6+, iOS 1.0 ke atas. Sedangkan Generator yang di sediakan adalah : Border Radius, Gradient, CSS Transform, CSS Animasi, CSS Transisi, RGBA, Text Shadow, Box Shadow, Text Rotasi, dan Font Face.
2. CSS3 Generator : Generator CSS 3.0 juga telah support Mozilla Firefox 4.0+, IE 9+, Opera 10.5+, Google Chrome 4.0+, Safari 3.1+. Anda bisa mencoba generator untuk : Border Radius, Box Shadow, Box Resize, Box Sizing, Font Face, Gradients, Multiple Columns, Outline, RGBA, Selectors,  Text Shadow, Transisi, Transform.
3. Ultimate CSS Gradient Generator : Merupakan CSS khusus Gradient editor dari ColorZilla. Mendukung Firefox, Safari, Chrome, IE, juga Opera. Fiturnya antara lain : Antarmuka photoshop yang kuat, Cross browser CSS output, Dukungan gradient horisontal | vertikal | diagonal, Opacity support, Format warna hex | rgb | rgba | hsl | hsla, Corvert image gradient to CSS, Full multi stop gradient dengan IE9, Import dari CSS yang sudah ada, Adjust gradient dari hue | saturation | lightness, Lebih dari 135 gradient presets, serta masih banyak lagi yang lain.
4. CSS Generator | CSS Creator : CSS Creator memungkinkan kita untuk memilih gaya halaman website anda seperti memilih warna, efeks tag HTML, serta bidang yang ingin di warnai. Kita tinggal memilih warna yang sudah ada pada grid sebelah kiri. Sobat juga bisa memilih atau memberi centang pada Headings, Div/Span, List, Table, dan Form sesuai keinginan.
5. CSS Border Radius Generator : Anda bisa membuat sudut berbentuk kotak atau melengkung, sesuai kenginan kita. Support : WebKit, Gecko, CSS3.
6. CSS Layout Generator - CSS Portal : Merupakan generator CSS tata letak yang mencakup header, menu, dan footer serta fitur Doctype sebagai fitur baru untuk tata letak website kita.
7. CSS3 Generator.Me : Sebuah CSS generator yang sepenuhnya berada pada kendali kita, sesuai kebutuhan serta sudah mendukung IE.
8. CSS Layout Generator : Generator CSS tata letak web 2.0 untuk membuat HTML dan CSS templates. Generator yang satu ini memperlihatkan dua file yaitu HTML dan CSS sehingga kita bisa membedakan secara langsung mana yang dimaksud HTML, dan yang mana disebut CSS. Dukungan : Firefox, Chrome, Opera, IE6+, serta Safari.

Saya sudah memperkenalkan 8 Website Generator CSS dengan cara penggunaan yang di tuntun dari awal hingga akhir langsung dari situsnya. Dan sekarang sudah saatnya anda mencoba untuk membuat CSS melalui web generator di atas. Selamat mencoba.

Bagikan Artikel ini