CSS Tools Untuk Web Designer

Untuk mempermudah dan mempercepat pekerjaan, seorang web designer tentunya membutuhkan beberapa tools dalam menunjang pekerjaannya. Pada posting kali ini saya akan menunjukan beberapa tools yang tentunya sangat bermanfaat terutama bagi para web designer atau anda yang ingin menjadi seorang web designer.

1. CSS Cheat Sheet
Sebagai sebuah tool yang sederhana CSS Cheat Sheet tentunya sangat bermanfaat, karena seorang web designer tidak selalu tahu setiap tag dan potongan code yang mereka akan gunakan. Disinilah gunanya CSS Cheat Sheet. Sebagai sebuah referensi yang berisi daftar semua selectors dan properties, CSS Cheat Sheet sering menolog para web designer karena termasuk contoh visual yang efektif dari unit unit referensi untuk CSS.

2. Primer CSS
Primer CSS dalam penggunaannya sangat memudahkan sekali, anda hanya menyisipkan HTML di dalam kotak dan Primer CSS akan menarik semua kelas dan ID untuk di generate menjadi stylesheet.

3. Automatic CSS inliner
Anda dapat menggunakan alat ini untuk merancang email campaign dan secara otomatis mengubah semua lokal styles Anda menjadi Inline CSS:

4. CSS Type Set
CSS Type Set adalah alat yang memungkinkan setiap perancang dan pengembang untuk dapat menguji dan mempelajari bagaimana style content web mereka. Dan dapat dengan mudah memilih berbagai jenis style dari font hanya dengan mencopy paste ke stylesheet anda.

5. CSS sprites generator
Adalah alat yang dengan mudah menggenerate CSS file yang anda inginkan secara online

6. CSS Frame Generator
tools ini memungkinkan Anda untuk menginputkan kode XHTML anda di front page pad CSS Frame Generator, maka kode akan dikirim dan di kembalikan menjadi kode CSS yang sesuai dengan frame.

7. Moo color finder
Anda dapat membuat file Photoshop color palette dengan alat ini

8. Grid Designer
Grid Designer adalah basic tool yang akan membantu Anda dalam membuat layout. Alat memungkinkan anda untuk mengatur kolom, tipografi dan mengekspor kode HTML dan CSS. Anda bahkan memiliki pilihan untuk bookmark setiap desain dalam untuk dapat kembali meneditnya di lain waktu.

9. MinifyMe
Adobe Air application adalah tool yang bagus dalam mengcombines and minimizes files CSS anda.

10. MoreCSS
Alat ini memungkinkan Anda untuk menulis kode secara efektif yang mempermudah dalam menerapkan dan menciptakan pop-ups, tool tips, tab menus, zebra tables, advanced list styling and cross-browser opacity style secara otomatis.

11. Variable Grid System
dengan Cepat menghasilkan grid CSS untuk desain web Anda, didasarkan pada sistem grid 960.

12. YAML Builder
Alat ini dirancang untuk mengembangkan CSS layout yang cepat dan efektif , yang didasarkan pada YAML. Yet Another Multicolumn Layout adalah highly versatile (X)HTML/CSS framework, yang diproduksi di bawah license Creative Commons Attribution 2.0 License. Anda dapat dengan mudah membuat layout yang rapih dan meminimalkan waktu anda.

13. Drawter
Tool ini ditulis dalam JavaScript dan didasarkan pada library jQuery yang memungkinkan Anda dengan mudah menarik kode dari situs Web Anda. Compatible dengan web-browser yang membuatnya benar-benar bermanfaat dan serbaguna. Pengetahuan dasar tentang HTML dan CSS sangat diperlukan dalam memanfaatkan Drawter ini. Drawter masih akan terus di kembangkan sehingga dalam penggunaanya Anda tidak perlu banyak tau pengetahuan tentang CSS dan HTML.

14. Modernizr
Modernizr menggunakan fitur deteksi untuk menguji browser pada saat versi terbaru datang seperti rgba (), border-radius, CSS Transisi dan banyak lagi.

15. Deploy
Tool open source dan tentunya gratis yang memungkinkan para desainer untuk membuat project, Doctype, CSS atau jQuery integration, dan dapat di Zip.

16. List-o-matic
tool untuk membuat CSS list Navigation

17. Blueprint Grid CSS Generator
Blueprint Grid CSS Generator akan membantu Anda menghasilkan berbagai versi fleksibel Blueprint’s grid.css dan compressed.css dan grid.png file. Tidak masalah jika Anda lebih memilih 8, 10,16 atau 24 kolom dalam desain Anda, tool ini sekarang memungkinkan Anda bahwa fleksibilitas dengan Blueprint. Generator ini memungkinkan Anda untuk mengurangi waktu pengembangan Anda dan membangun situs Anda yang mudah untuk menggunakan grid.

18. CSS layout generator
tool yang berguna untuk membuat multi-kolom layout CSS.

19. Format CSS
Dengan Format CSS, Anda dapat meng-upload kode CSS anda dan pilih dari pilihan yang tersedia untuk mencapai format kode dengan cara yang Anda inginkan. Anda dapat dengan mudah mengkonversi kompak kode CSS ke bentuk yang dapat dibaca dengan baris-istirahat yang tepat dan indentasi atau sebaliknya. Gunakan tool ini untuk mengatur kode cepat dan produksi kode bersih.

20. CSS text wrapper
Tool ini membantu anda dalam membuat HTML text wrap dalam bentuk lain tidak selalu dengan bentuk kontak

21. Firdmatic
Firdmatic adalah online tableless layout generator yang memungkinkan Anda untuk membuat dan mengkustomisasi layout dengan mudah hanya dengan melengkapi formulir, membuat skin berbasis layout Firdamatic dengan cepat dan mudah.

22. Dust-me selectors
add-on Firefox untuk memeriksa apakah ada selectors yang tidak digunakan.

23. JS Bin
JS Bin adalah sebuah aplikasi Web yang dirancang khusus untuk JavaScript dan CSS dalam menguji potongan kode dalam konteks tertentu dan mendebug kode secara bersama-sama.