Daftar 10 CSS Tools Yang Mempermudah Para Web Developer Dalam Membuat Sebuah Website


Terdapat banyak CSS tools yang tersedia di internet, namun ada beberapa yang sangat efektif dan berguna. Tools ini dapat membantu membuat form, tombol/button, halaman/page dan kemampuan untuk menggenerate CSS secara otomatis.

Berikut 10 CSS tools yang dapat membuat tugas anda lebih ringan, mungkin ada telah cukup mengenal dengan beberapa tools ini :

1. CSS Type Set – tools ini sangat berguna di bagian typography atau huruf, yang dapat membantu anda mengatur desain huruf pada website.

2. Em Calculator – tools berbasis Javascript ini dapat membantu anda mengatur skala desain CSS. Mengubah ukuran dalam pixel menjadi em unit, yang merupakan basis dari ukuran huruf.

3. Deploy – apabila anda memulai sebuah proyek website, anda dapat selalu memulainya dengan membuat struktur sederhana sebuah website. Termasuk didalamnya menciptakan folder untuk CSS dan gambar, downloading dan termasuk JQuery, dan menambahkan CSS reset.

4. CSS Sprite Generator – ini adalah salah satu tools yang sangat berguna untuk membantu anda menggenerate sprite gambar untuk proyek website anda.

5. CSS Drive, CSS Compressor – Gunakan perangkat ini untuk mengkompres CSS anda untuk meningkatkan kecepatan loading dan menghemat bandwith dengan lebih baik. Anda dapat memilih dari 3 level kompresi, semakin tinggi kompresi anda, semakin sulit CSS anda untuk dibaca. Normal mode cukup bagus, karena berada di posisi tengah.

6. Blueprint Grid CSS Generator -Dengan tools ini anda dapat menggenerate file Blueprint grid.css dan compressed.css dan grid.png dengan lebih fleksibel. Apakah terdiri dari 8, 10, 16 atau 24 kolom pada desain anda, generator ini dapat digunakan dengan sangat fleksibel.

7. CSS Layout Generator – Generator ini akan menciptakan layout website versi fluid atau fixed width, dengan hingga maksimal 3 kolom, header dan footer. Ukuran dapat menggunakan pixel, em atau persentase.

8. Colors Palette Generator -CSS Drive Image to Color Palette Generator, sesuai namanya, anda dapat mengupload gambar dan menggenerate warna utama yang terdapat pada gambar tersebut. Sangat berguna untuk mengambil unsur warna pada sebuah gambar yang menjadi inspirasi desain anda.

9. W3C CSS Validation – Melakukan pengecekan Cascading Style Sheets (CSS) dan dokumen (X)HTML dengan style sheets.

10. Button Maker Online -Gunakan tools ini untuk menciptakan micro button (80×15) yang valid XHTML dengan mudah. Anda juga dapat memilih ukuran yang lebih besar misalnya 88×31.

Selamat mencoba.

Tips CSS Untuk Mengatur Lebar Minimum dan Maksimum Website Agar Sama Pada Berbagai Web Browser


min-width dan max-width adalah kode CSS yang sangat berguna, anda dapat menentukan lebar minimum dari elemen apapun. Ini berguna khususnya untuk menentukan lebar minimum dari sebuah halaman website.

Sayangnya, perintah ini tidak dikenali di IE, jadi kita perlu menggunakan cara baru untuk membuat ini berfungsi di web browser ini.

Awalnya, masukkan

dibawah tag , karena kita tidak dapat memberikan minimum width kepada .

Kemudian kita menciptakan kode perintah CSS, untuk menciptakan lebar minimum sebesar 600px:

#container{
min-width: 600px;
width:expression(document.body.clientWidth < 600? “600px”: “auto”);
}

Perintah pertama adalah code yang umum digunakan untuk menentukan lebar minimum, sedangkan yang kedua adalah perintah singkat dengan Javascript yang dapat dikenali oleh IE. Perlu dicatat bahwa perintah ini akan menyebabkan dokumen CSS anda menjadi invalid, atau sebagai alternatif lainnya, mungkin anda dapat menempatkan kode tersebut di bagian HEAD dari setiap HTML dokumen.

Atau anda mungkin juga ingin menggabungkan perintah antara lebar minimum dan maksimum sebagai berikut :

#container{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”);
}

Bisnis Membeli Domain .com Merupakan Investasi Jangka Panjang Yang Menguntungkan


Bagi beberapa orang, menemukan domain yang baik terasa begitu sulit. Tetapi untuk beberapa orang, ini semudah duduk sejenak sambil berpikir. Kesuksesan yang dapat diraih dalam menemukan sebuah nama domain yang baik tergantung dari kreativitas dan pengambilan keputusan. Dengan pemikiran yang kreatif maka kebanyakan mereka akan mendapatkan nama domain yang lebih baik, namun perlu dicatat bahwa kita masih dapat mendapatkan hasil walaupun mendapatkan nama domain yang kurang menarik. Faktanya, secara virtual, setiap nama domain .com dapat dibeli dan dijual dalam 10 tahun kedepan untuk mendapat keuntungan. Konsepnya sederhana saja, membeli domain, mengumpulkan backlink, mendunggu lima hingga sepuluh tahun dan menjual domain. Mungkin proses sederhana ini tampaknya tidak mungkin berjalan. tetapi sebaiknya anda membaca ulasan berikut sebelum memutuskan menggunakan atau membuang ide ini.

Nama domain .COM – bentuk properti yang prima

Alasan kenapa berinvestasi nama domain .Com bebas resiko karena setiap hari semakin berkurang domain yang mudah diingat. Menjadi fakta bahwa cepat atau lambat (tidak terlalu lama dari sekarang) secara virtual nama domain .com yang dibutuhkan akan semakin langka, hal ini disebabkan oleh kebutuhkan yang terus meningkat dan pasokan semakin menurun, nilai dari sebuah domain .com akan selalu naik. Dalam konteks sederhana ini, mudah kita pahami mengapa banyak perusahaan merancang membeli semua domain baik menurut pemikiran mereka. Perusahaan-perusahaan ini benar-benar membeli ratusan atau ribuan nama domain setiap harinya, sambil menunggu pembeli yang tepat. Apabila ada pasar masa kini yang memberika investasi bebas resiko, tentunya ini adalah industri nama domain.

Meningkatkan nilai dari domain

Meskipin nilai domain akan meningkat dari waktu ke waktu, anda juga dapat meningkatkan nilai dengan tepat dengan menjalankan beberapa langkat saat anda memndapatkan domain. Domain berusia tua lebih berharga karena mereka lebih mapan/established, tetapi ini tidak terjadi begitu saja. Para pemilik domain umumnya menggunakan waktu mereka untuk mengumpulkan backlink untuk web mereka agar meningkatkan popularitas yang mana itu adalah nilai dari domain tersebut. Backlink adalah link yang mengarah ke website anda. Pemilik domain membangun banyak backlink ke website mereka dengan banyak cara. cara termudah untuk mendapat backlink adalah melakukan pertukaran ink dengan sesama pemilik domain.

Menjual domain

Secara umum, semakin lama anda menunggu untuk menjual domain, semakin berharga. Tetapi ini tidak selalu benar. Nilai sebenarnya dari domain anda secara mutlak ditentukan oleh individu yang memutuskan untuk membelimua. Karena itu mungkin cara yang lebih baik adalah menaruh domain di pasar global untuk menadapat berbagai penawaran, sampai anda menemuka tawaran yang tepat untuk memberikan keuntungan bagi investasi anda. Dalam beberapa kasus, ini dapat terjadi hanya dalam hitungan bulan.

Untuk anda yang tertarik berbisnis domain, selamat mencoba.

Open Source CMS Untuk Manajemen Pelanggan, Kombinasi CRM, ERP dan Groupware


Untuk anda yang memiliki perusahaan serta yang memiliki jaringan karyawan maupun customer online, tentu telah menggunakan CRM(Customer Relationship Management) dan ERP(Enterprise Resource Planning) dalam memvalidasi data pelanggan maupun karyawan.

Kini dengan semakin meningkatnya aktivitas online, maka penggunaan CRM dan ERP pun semakin banyak, untuk anda yang sedang menjajaki software apa saja yang dapat digunakan untuk manajemen data pelanggan dan karyawan, tidak ada salahnya mencoba software berikut ini.

Tine 2.0 adalah software open-source yang mengkombinasikan antara Groupware, CRM dan ERP menjadi satu bagian yang terintegrasi. Aplikasi ini bersifat open source dan dapat didownload, dimodifikasi dan digunakan secara gratis. Dengan konsep Web 2.0, maka softaware ini juga memperhatikan tentang usability, interface dan function.

Tine 2.0 memiliki fitur sebagai berikut :

Form yang produktif –Tine 2.0 dirancang untuk mengoptimalkan produktivitas diantaranya penghematan waktu dan biaya. Form yang dirancang merupakan hasil penelitian dari berbagai kebutuhan perusahaan, yang efektif dalam penggunaan, cepat dan menyenangkan. Dalam hal ini akan memberikan motivasi bagi pekerja untuk tetap bersemangat dalam merawat data tetap terupdate.

Administrasi hak yang lengkap -Setiap folder dapat diatur hak aksesnya dan setiap user maupun user group juga dapat diberikan hak akses.

Multi bahasa – Dukungan terhadap multi bahasa. Hingga kini telah terdapat 9 bahasa yang dapat digunakan termasuk struktur seperti china “hanzi”. Juga terdapat pengaturan waktu wilayah (timezone).

Tampilan seperti program desktop -dengan dukungan Javascript yang memberikan Rich Internet Applications (RIA) maka web aplikasi ini serupa dengan program desktop  applications.

Untuk mengakses data perlu klik dan edit. Serta dukungan shortcut untuk produktivitas dan penghematan waktu.

Kemampuan untuk pengurutan data dan filtering.

Pencarian data dengan fitur auto-complete

Fungsi klik Menu bahkan dengan klik kanan sekalipun

Penggunaan multi folder dan shared folder untuk kebutuhan personal maupun organisasi

Advanced Search

Dynamic List

ActiveSync – sinkronisasi dengan perangkat mobile, terknoneksi secara langsung untuk update data kontak diantara web dan mobile. Dengan tambahan kemampuan PUSH action yang memampukan pengiriman data secara langsung ke perangkat mobile.

Log aktivitas – semua aktivitas tercatat dan terekam/tersimpan dalam bentuk log, selain itu data aktivitas juga dapat ditambahkan secara manual.

Export ke PDF – Kemampuan untuk mengekspor data dokumen ke bentuk pdf.

Membuat Website Kupon Dengan WordPress


Anda ingin membuat website yang berisikan informasi kupon diskon atau kupon belanja, potongan harga, event dan lain sebagainya? Kini anda tidak perlu pusing-pusing membangun website sendiri, karena CouponPress telah membuatnya dan membagikannya secara gratis. Anda dapat merubah blog wordpress menjadi website kupon kode dengan mudah dan gratis.

Fitur yang dimilikinya diataranya:

  • User Coupon Management
  • Widget Ready
  • Google Adsense / Advertising Zones
  • Google Analytics / Webmaster Ready!
  • WP 2.8+ Ready
  • Search Engine Optimized
  • Auto Sized Thumbnail
  • Support

Nah tunggu apa lagi, silahkan mencoba sendiri CouponPress Demo Site

Download di website CouponPress

Bikin Avatar Yuks…!


Avatar, eitss tunggu dulu, ini bukan Film Avatar the movie-nya James Cameron. Avatar ini adalah gambar digital yang mewakili profil dan karakter seseorang pada website, umumnya Avatar digunakan pada forum dan comment box. Anda yang bisa menggunakan photoshop bisa langsung utak atik disana, tetapi yang ingin memiliki avatar secara instan, berikut beberapa website yang menyediakan avatar.

Free Avatar Maker – tersedia berbagai macam avatar, sekaligus anda dapat menggenerate kata-kata di dalam gambarnya serta terdapat embed code untuk image avatar anda.

Create my Picture – membuat karakter wajah anda serta mendandaninya dengan trend fashion yang tersedia. Anda dapat mengatur karakter wajah, warna rambut, aksesoris mulai topi, kacamata, dan masih banyak lagi.

FaceYourManga – web ini menyediakan aplikasi untuk menciptakan karakter wajah, pakaian, background, terdapat setting dengan pilihan yang cukup lengkap, anda dapat membentuk profile semirip mungkin dengan wajah dan karakter anda.

Unique – untuk yang ingin memiliki profile dengan karakter kartun yang keren, bisa mencoba ini, bentuk karakter seluruh badan dan terdapat pilihan untuk cewek atau cowok.

Selamat berkreasi dengan Avatar anda.

BambooInvoice – Aplikasi Pembuat Kuitansi


BambooInvoice adalah software gratis untuk membikin kuitansi bisnis anda. Didesain dengan tampilan antar-muka yang bagus dan penggunaan yang mudah menjadi kelebihan software ini.

BambooInvoice dibuat oleh programmer dan desainer Derek Allard yang juga menggunakan software ini untuk keperluan sehari-harinya, bukan untuk perusahaan besar yang memiliki customer dalam jumlah besar. Penggunaan aplikasi AJAX dan Javascript dalam program ini mempercantik tampilannya, serta untuk pengguna yang tidak menggunakan javascript, program ini tetap dapat berjalan dengan normal

Fitur yang tersedia di BambooInvoice:

  • Anda memiliki kontrol penuh atas aplikasi ini karena BambooInvoice terpasang di server anda sendiri. Data menjadi milik anda sendiri, tidak seperti layanan pembuat kuitansi yang mana data tersimpan di server mereka.
  • Penggunaan aplikasi yang mudah.
  • BambooInvoice secara aktif terupdate untuk menambahkan fitur-fitur baru yang lebih canggih.
  • Menggunakan bahasa pemrograman modern dengan standar code. XHTML (Extensible Hypertext Markup Language), WAI (Web Accessibility Initiative), dan CSS.
  • Mendukung multi web browser (rata-rata web browser modern sudah dapat menampilkan aplikasi ini dengan sempurna)
  • Fungsi multibahasa, saat ini tersedia dalam bahasa Inggris, Perancis, Jerman, Belanda, Rumania, Spanyol, Portugis, Bulgaria, Swedia, Italy dan Estonia dengan tambahan-tambahan bahasa baru secara berkelanjutan.
  • Dibangun dengan Framework CodeIgniter yang tangguh
  • Dirilis dengan lisensi Open-Soucer GPL

BambooInvoice dibangun dengan PHP5 dan membutuhkan databas (MySQL dan MySQLi 4.1+ dapat digunakan, beberapa lainnya adalahMSSQL, Postgre, OCI8, SQLite dan ODBC). Untuk mengkonversi kuitansi menjadi PDF file, anda perlu mengaktifkan ekstensi DOM di PHP web server.

Untuk mendownload dan melihat demonya silahkan ke http://bambooinvoice.org/