Kompress CSS anda dengan CSS Compressor

Menanggapi request salah satu pembaca blog kang Rohman yaitu agar dibuatkan artikel tentang Cara Mengkompress kode CSS, maka postingan kali ini mencoba membahas tentang bagaimana mengkompres kode CSS.

Salah satu faktor agar blog atau website mudah atau ringan untuk di load adalah dengan mengoptimalkan file CSS. Salah satu cara agar file CSS anda bisa kecil adalah dengan cara mengkompres file tersebut baik secara manual ataupun secara otomatis dengan menggunakan tool CSS Compressor.

Sebenarnya apa sih yang di kompres pada file CSS? Ambil contoh dalam kode CSS ada kode seperti ini :

 

a {
color: #0d5ef3;
text-decoration:none;
}

a:visited {
color: #0d5ef3;
text-decoration:none; 
}

a:hover {
color: #0d5ef3;
text-decoration:underline;
}

Dari contoh diatas terlihat bahwa ada dua buah properti CSS yang sama, yaitu untuk fungsi a dan fungsi a:visited. Untuk kasus seperti ini maka sebenarnya kita bisa lebih menyedehanakan yaitu dengan menggabungkannya dengan memberikan tanda koma ( , ), dan karena a:hover mempunyai kode warna yang sama maka kode tersebut tidak perlu di tulis kembali. MIsal kode hasil penyederhanaan adalah seperti ini :

 

a, a:visited{

color: #0d5ef3;

text-decoration:none;

}

 

a:hover {


text-decoration:underline;


}

 

Syntax CSS yang pertama dengan yang kedua sedikit berbeda, namun mempunyai fungsi yang sama.

 

Ternyata gaya penulisan juga berpengaruh terhadap loading, pemakaian banyak spasi memungkinkan waktu load lebih lama. Maka jika anda menginginkan hasil terbaik, syntax CSS yang tadi harus di tulis seperti ini :

 

a, a:visited{color: #0d5ef3; text-decoration:none;}

a:hover { text-decoration:underline; }

 

Lebih ekstrim lagi seperti ini :

 

a, a:visited{color: #0d5ef3; text-decoration:none}a:hover { text-decoration:underline}

 

Untuk yang terakhir ini akan memnghasilkan loading tercepat, namun anda akan kesulitan ketika anda ingin melakukan editing terhadap CSS anda.

 

Contoh diatas adalah melakukan kompresi dengan cara manua. Cara ini hanya bisa dilakukan apabila anda sudah familiar dengan kode CSS. Cara yang praktis dan tanpa harus mempunyai basic pemrograman adalah dengan menggunakan Tool CSS compressor, tool seperti ini banyak sekali di internet dan dapat anda digunakan secara gratis.

 

Tool CSS compressor sangat banyak di internet, salah satunya adalah http://www.csscompressor.com. Namun, sebelum melakukan kompresi kang Rohman menyarankan kepada untuk membuat sebuah backup karena hasil kompresi oleh tool terkadang ada yang kurang sempurna.

Berikut cara-cara kompresi CSS  dengan CSS Compressor :

 

1. Silahkan kunjungi http://www.csscompressor.com



2. Pilih mode kompresi yang anda inginkan, apakah itu Highest, Hight, Standart, atau Low.



3. 
   

   Copy lalu paste kode CSS yang anda miliki ke kolom CSS input, lalu klik tombol Compress.

   
   
   

   

   
   



4. 
   

   Setelah ada hasil kompresi, klik tombol Select All, copy lalu paste pada template  anda yang tadi di optimasi.

   
   
   

   

   
   



5. 
   

    

   
   
   
   
   Selesai.

Selain menggunakan tool dari csscompressor, anda juga bisa menggunakan tool css compressor dari ;

 

• http://www.cssdrive.com/index.php/main/csscompressor/



• http://mabblog.com/cssoptimizer/compress.html



• http://cssoptimiser.com



• http://iceyboard.no-ip.org/projects/css_compressor

Dan tentunya masih terdapat ratusan tool yang lainnya.

 

Selamat mencoba !

NotepadTabs - Notepad Yang Punya Fungsi Tab

NotepadTabs adalah sebuah aplikasi seperti Notepad yang ada pada PC anda, namun ada satu yang dianggap unik dari NotepaTabs adalah bisa membuka halaman kerja dalam bentuk tab sehingga mempermudah dalam membuat ataupun membuka file.

 

 

Features:

 

• Different from classic notepad, ‘Notepad Tabs’ gives the freedom to view multiple text files in a single Notepad just like in IE7 and Firefox, which saves you from the mess in the taskbar.
• Allows to open txt files with only one click.
• All the Keyboard Shortcuts present in Notepad works with this New Version.
• You can easily select and navigate through open tabs in a single Notepad programme.
• Before closing the application, it allows to save all opened tabs at the same time.
• User friendly interface gives easy access to frequently used commands.
• Unlike classic notepad you can choose 6 different themes;
  • Office 2007 Blue
  • Office 2007 Silver
  • Office 2007 Black
  • Sparkle Blue
  • Professional Office 2003
  • Professional System
  Yang mau mencoba silahkan download karena software ini tersedia secara gratis.

Download NotepadTabs ( 1,09MB )

Bing Wallpaper Images Downloader

Anda sudah pasti mengetahui search engine baru besutan microsoft yang diberi nama bing. Salah satu keunikan dari bing adalah senantiasa menampilkan secara acak gambar wallpaper yang sangat menarik,

 

 

Nah, jika anda berpikiran ingin menyimpan gambar-gambar wallpaper tersebut pada komputer anda, maka anda tidak perlu repot menyimpannya satu demi satu ke komputer anda. Untuk urusan yang satu ini, anda bisa menggunakan free tool yang bernama Wallpaper Downloader.

 

Dengan Wallpaper Downloader, maka anda dapat menyimpan seluruh wallpaper yang digunakan oleh bing secara otomatis, tidak hanya itu tool tersebut akan mengecek secara otomatis apabila ada wallpaper baru yang digunakan oleh bing.

Jika anda tertarik dengan free tool yang satu ini, silahkan saja download langsung karena memang gratis dan filenya pun tidak terlalu besar.

Download Wallpaper Downloader (863KB)

Jangan Panik, Gunakan software Don't Panic

Jangan Panik, Gunakan software Don't Panic - Teringat ketika kang Rohman masih bekerja di suatu perusahaan dijakarta, apabila pekerjaan tidak terlalu menumpuk atau bahkan memang lagi ruwet, kang Rohman suka curi-curi waktu mengoperasikan komputer untuk membuka internet atau juga bermain game. Namun terkadang bos muncul tiba-tiba sehingga sedikit panik karena ketahuan, walaupun bos tidak marah tetap saja kejadian seperti itu membuat perasaan sedikit keki. Anda juga sering mengalami hal seperti itu?

Sekarang sepertinya kejadian seperti itu tidak usah terjadi lagi karena ada software Don't Panic. Dengan software don't panic anda bisa menutup beberapa program sekaligus atau menjalankan suatu program dengan hanya satu klik. Yang harus anda lakukan pertama kali hanyalah mengatur aplikasi mana saja yang ingin di close apabila dalam keadaan "darurat" dan sekaligus bisa membuka aplikasi lain yang ingin di jalankan.

Fitur-fitur yang ada dalam software Don't Panic :

 

• Close, hide or minimize as many programs as you want using the BlackList (by executable filename or keywords present in the window title)
• Open up to 3 programs (files) at the same time
• Open files with a certain software (other then the one selected as default in Windows)
• Predefined software paths (includes paths for all Windows games!)
• Run Don't Panic! at Windows startup, block access to Windows Task Manager and mute master volume
• Clear some system folders (Recent Files, Internet Explorer History, Typed URLs & Cache, Recycle Bin) for extra privacy
• Panic Mode (complete with customizable size, position, transparency level and hotkey)
• WebUpdate (complete with news) and statistic modules
• User-friendly, multi-language UI (only English and Romanian are installed by default)
Semua fitur diatas bisa anda aktifkan dengan melakukan konfigurasi pada menu options :

Software ini bisa anda download secara gratis di http://sourceforge.net/projects/dont-panic.

Jadi sekarang apabila keadaan sedang "darurat" janganlah panik, langsung saja gunakan software Don't Panic!

Google Earth 5.1 Didesain Lebih Cepat

Google Earth 5.1 Didesain Lebih Cepat - Pekan lalu google system menginformasikan bahwa Google Earth kini telah keluar versi baru yaitu Google Earth 5.1. Google Earth 5.1 diklaim oleh google lebih cepat dari versi sebelumnya. Dikatakan bahwa Google Earth 5.1 kecepatan loadingnya bisa lebih cepat sampai dengan 25%, selain itu juga ada perbaikan pada proses rendering grafik sehingga tampilannya dianggap lebih baik.

Google earth 5.1 bisa didownload pada situs resminya di http://earth.google.com, namun dalam komputer anda harus sudah terinstall google updater. Atau anda bisa download di direct link google earth 5.1 (11,61 MB) sehingga anda bisa menginstall nya nanti secara offline di komputer anda nantinya.

MURLS Desktop URL Shortener Tool

MURLS Desktop URL Shortener - Dulu kang Rohman pernah memposting tentang adanya website yang bisa mempersingkat alamat URL yaitu  dengan TinyURL. Selain tinyURL masih banyak website-website lain yang menyediakan layanan serupa.

Ada cara mudah menyingkat URL yaitu dengan MURLS (Multiple Uniform Reasource Locator Shortener). MURLS adalah desktop URL shortener yang bisa menyingkat URL tanpa harus mengunjungi langsung situsnya. Dengan MURL anda dapat memilih layanan mana yang ingin anda gunakan, tidak hanya satu layanan saja namun beberapa layanan bisa langsung anda gunakan :

Yang mau mencoba, silahkan download saja.

 

Download MURLS -  Multiple Uniform Reasource Locator Shortener (300 KB)

Free Tool : Internet Explorer (IE) Tester

Free Tool : Internet Explorer (IE) Tester - Banyak dari desainer template, baik itu template untuk website atupun blog menginginkan agar hasil desainnya bisa tampil bagus pada setiap browser termasuk browser Internet Explorer (IE). Internet Explorer (IE) walaupun banyak kalangan banyak yang mencemoohnya namun menurut pengamatan dari para pengunjung blog-blog yang di punyai kang Rohman, pengguna Internet explorer menduduki peringkat kedua terbanyak setelah Fire Fox. Oleh karena hal tersebut, maka seyogyanya para desainer template ini tidak mengabaikan keberadaan Internet Explorer.

Sampai saat ini Internetnet Explorer telah direlease sampai dengan versi 8, namun walaupun begitu IE versi lama pun masih banyak yang menggunakan termasuk Internet explorer versi 6 (IE6). Oleh karena itu untuk para desainer ada baiknya memiliki keseluruhan dari versi IE tersebut. Yang menjadi masalah adalah kita hanya bisa menginstall hanya satu versi IE saja dalam satu komputer. Lalu bagaimana solusi nya agar kita bisa memiliki browser IE dalam banyak versi namun hanya dalam satu komputer saja?

Ada banyak cara untuk memiliki multiple IE dalam satu komputer, namun yang kang Rohman sukai adalah dengan menggunakan IE Tester. IE Tester adalah web browser besutan dari http://www.my-debugbar.com, dengan IE Tester kita seakan-akan mempunyai browser IE mulai dari versi IE5,5, IE6, IE7, dan IE8, menarik bukan?

 

 

Software ini bisa anda download secara gratis pada situs resminya :