FancyBox adalah salah satu plugin jquery yang sering saya gunakan dalam pembuatan website, plugin ini bersifat free. Dalam post ini saya akan mencoba menampilkan pop up otomatis ketika kita membuka sebuah halaman website. Sederhana dalam penggunaan nya kita hanya perlu menambahkan bebearapa baris kode.

// Activate fancyBox
$(".pop")
  .attr('rel', 'gallery')
    .fancybox({
       'width'  : 450,           // set the width
       'height' : 300,           // set the height
       'type'   : 'iframe',
       'centerOnScroll':'true'
    });


   // Launch fancyBox on first element
   $(".pop").eq(0).trigger('click');

pada file Html :

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

Demo

Beberapa saat lalu saya menginstall Prestashop di Mac os namun menemukan beberapa error. Seperti yang kita ketahui di Mac Os dan sistem opersi unix lain ada permission untuk mengakses sebuah file. Setelah menginstall prestashop di Mac Os kitadapat menuju halaman login admin atau bagian depan(front web) tampilannya akan berantakan, hal ini di karenakan ada beberapa file css maupun .js yang tidak berhasil di panggil, hal ini mungkin dikarenakan kita tidak memiliki hak akses read/write file tersebut:


Tampilan di atas akan dapat kita lihat ketika kita meng inspect element pada halaman web yang rusak. Di sini pertama saya mengubah terlebih dahulu permision pada folder Prestashop. Buka terminal dan kemudian ketik :

chmod -R 755 prestashop

dengan menggunakan chmod kita dapat mengubah permision pada folder prestashop, -R digunakan agar bekerja secara rekursif yang artinya semua folder dan file di dalamnya juga ikut di ubah. Setelah itu kita dapat merefresh halaman web kita. Jika masalahmya belum selesai maka kita akan melakukan cara berikutnya.

-pada finder kita klik "GO" atau dengan cara menekan Sift + Command + G.
kemudian kita isi dengan

/etc/apache2/users/

Dalam folder tersebut akan ada file dengan extensi .conf
kita buka dan kita edit :

<Directory "/Users/varid/">
Options Indexes MultiViews
AllowOverride None
Order allow,deny
Allow from all
</Directory>

varid adalah account saya, kita ubah sesuai account Mac Os anda.



Kita save dan kemudian kita merestart server apache kita, pada terminal kita ketik:

sudo apachectl graceful

Bagi developer wordpress pasti sering menggunakan  Contact Form 7  dan Nivo slider dalam pembuatan website, namun beberapa saat lalu saya mengalami sedikit error ketika menggunakan salah satu plugin Contact Form 7 dan Nivo slider . Ketika hanya meggunakan nivo slider, slider akan berjalan dengan lancar. Namun ketika plugin 7 Contact Form dan nivo slider di aktifkan bersama maka slider tidak akan muncul dan error. Untuk mengatasinya kita dapat menambahkan beberapa script berikut :

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
  function my_deregister_javascript() {
  wp_deregister_script( 'contact-form-7' );
 }

Dengan menambahkan script di atas maka masalah konflik yang terjadi tidak akan muncul kembali. Script di atas kita letakkan pada function.php pada derektori template wordpress kita.

Setelah beberapa saat lalu saya memposting pengalaman memasang ssd pada macbook pro di sini, dan selama memakai ssd di macbook pro so far so god, untuk kapasitan 128Gb dan dengan OSX Mountain Lion disk space yang tersisa lumayan banyak, performa jauh meningkat dari sebelumnya dan tentu saja jadi lebih ringan.

Use Trim Enabler

Salah satu hal penting ketika kita menggunakan ssd baru di macbook kita adalah menyalakan fungsi TRIM, karena mac os hanya support trim untuk beberapa ssd tipe tertentu. Inti dari mengaktifkan TRIM adalah untuk memperpanjang umur ssd kita dan mengoptimalkan kerja ssd .

cara kerja trim

Download