Tag Archives: javascript

Smells Like Facebook 2.0

Posted on by
101

Update (10/07): Smells like Facebook now on version 2.2, to see what’s new visit Smells like Facebook blog.

After a long development, the newest version of Smells like Facebook theme is now available to download. Smells like Facebook 2.0 has many major changes from its first version. What’s new on this version? Here you are:

  1. Advanced Javascript & AJAX effect available. With WordPress jQuery, you’ll think that you’re really on Facebook and forget that you are actually reading your own blog.
  2. Right sidebar. So many people asked to me how to add second sidebar, and now it’s available. It clones the ads sidebar on your Facebook profile page.
  3. Customizable sidebar avatar & site logo. Now you can choose what picture that will be displayed on the sidebar, not only gravatar of the administrator. Option to add a site logo that will be displayed on the top left corner (like Facebook logo) now also available
  4. New dashboard page for Smells Like Facebook options. If you think AJAX effect will make your blog slow, or if you don’t want the right sidebar on your homepage, now you can customize it on the Smells Like Facebook dashboard. It’s available on “Appearance” menu.
  5. Some CSS fixes: bullet & numbering now will displayed correctly on posts.

In 2.0.2 version, some bugs have been discovered. Thy are including:

  • “Show older post” link will append the same content if clicked more than once (Ajax mode).
  • The loading image will mutiply everytime “Show older post” is clicked.
  • fixURL() method doesn’t work on Safari because Safari will decode “#” sign in URL if it appears more than once (Ajax mode).
  • Adblock (Firefox addon) considers the right sidebar as an ads bar and block it.
  • If blog homepage is different from the directory where WordPress is installed, link to Dashboard will still be loaded AJAX-ly

But in now live 2.0.3 version, those bugs have been terminated. Bad news, it seems that I totally forgot about “famous” Internet Explorer when developing this theme. Almost all Javascript & AJAX event doesn’t work on 3 versions of IE: IE6, IE7 & IE8. Even in IE6 some CSS is messed up. Phew, thanks IE for giving an extra work.

Anyway, you can download the newest version on WordPress Theme Directory. If you find some bugs or want to suggest something for next development, please visit the new blog dedicated for Smells Like Facebook. And don’t forget to follow our update on Facebook, Twitter or Plurk.

Enjoy!

Google Chrome sang Istri Muda

Posted on by
13

Hari Rabu (03/09) dini hari, saya membaca postingan tentang anak baru Ibu Google, yang berwujud browser bernama Chrome. Karena saya kadang-kadang menjadi penyembah Tuhan Google, saya pun tertarik untuk mencoba.

Mulailah saya cari tentang Chrome. Hasilnya, halaman download, http://gears.google.com/chrome/ pun muncul. Err.. tapi kok di posisi ketiga hasil pencarian ya? Di atasnya ada postingan di official blog Google tentang Chrome serta komik penjelasan mengenai Chrome. Bukankah seharusnya ada di peringkat pertama?

Benar saja, saat saya klik halaman download tersebut, saya malah dialihkan ke default page Google. Saya tunggu beberapa saat, sambil kembali nge-plurk, akhirnya halaman tersebut dapat diakses. Sayangnya, proses download tak kunjung dimulai setelah saya menyetujui EULA. Akhirnya dengan sedikit keisengan, saya menemukan bahwa URL file installer tersebut adalah di http://dl.google.com/update2/installers/ChromeSetup.exe. Langsung saja saya rambah url tersebut. Benar saja, Firefox saya langsung mengunduh file bernama ChromeInstaller.exe. Tapi anehnya, setelah selesai dan saya jalankan, tak ada tanda-tanda installer tersebut bekerja.

Sadar ada yang salah, saya coba untuk melakukan pencarian lagi. Dan ternyata halaman downloadnya sudah diganti menjadi http://google.com/chrome/. Hanya dalam beberapa menit, halaman tersebut telah menduduki peringkat pertama pencarian. :shock:

Akhirnya saya mengunduh lagi installer tersebut. Dan ternyata, instalasinya masih melakukan proses pengunduhan lagi dari Google, itulah kenapa installernya sangat kecil, hanya sekitar 474,7 kB.

Dan setelah diinstal, yah, boleh jadi saya memang akan jadi berselingkuh dengannya, melanggar apa yang saya ucapkan sebelumnya. Tampilannya cukup simpel dan bersih. Tanpa ada bar-bar yang tidak perlu semacam title bar atau toolbar.

Kelebihan dari Chrome ini sendiri, sesuai yang saya baca di komiknya, adalah multi-proccessing-nya, di mana setiap tab akan memiliki sebuah blok memori tersendiri untuk melakukan pemrosesan. Sehingga ketika salah satu tab down, maka hanya tab itu yang akan ditutup, bukan seluruh aplikasi. Tidak seperti “traditional browser” yang masih multi-thread, yang rawan crash bila salah satu tab down. Itulah kenapa kini address bar, atau yang mereka sebut omnibar, masuk ke dalam area tab.

Selain itu ada beberapa macam keunggulan lain macam incognito, yaitu secure mode yang memungkinkan data-data yang kita pakai selama browsing tidak akan disimpan di komputer.

Google Chrome ini sendiri dibangun dari beberapa project open-source lain, seperti Webkit, yang juga digunakan untuk membangun Safari, (itulah kenapa saat mengunjungi beberapa blog, browser ini dikenali sebagai Safari), V8 technology untuk pemrosesan Javascript.

Ah, untuk penjelasan lebih lanjut silakan baca komiknya atau di Wikipedia saja. Yang jelas dari pengamatan pribadi, browser ini memang sedikit lebih cepat me-render halaman web. Dan saya suka itu. Browser ini juga punya element inspector, seperti kegunaan add-on Firebug di Firefox. Great!

Dan jadilah, saya pun berselingkuh dengan “istri” muda saya ini. :lol:

Update:

Ternyata saat saya pakai untuk upload foto di flickr, javascript uploadernya tidak bisa berjalan Ternyata jalan, hanya waktunya sedikit lama bila memilih banyak file

A Little Bug at WordPress

Posted on by
10

I’m developing a theme for wordpress now. The theme use the javascript color picker, like the WordPress default theme, Kubrick. There’s a button that will be the anchor for the Color Picker when it’s shown. I’m using DIV-type color picker, not the Window-type one, which means that the color picker is shown at a DIV element, not a new pop-up window. So much like Kubrick.

When I tried it up in Firefox, the color picker DIV is not shown up right under the button. The Error Console said that “error in parsing value top, bla bla bla”, means that the top property for the color picker DIV has a wrong value. FYI at Opera, that error doesn’t occur.

Wordpress Color Picker Bug

And then I try to take a look at the javascript file, colorpicker.js which is located inside wp-include/js directory. After some times, I found something missed at the function PopupWindow_showPopup that manages how will the DIV be shown.

At line 295, it said:

document.getElementById(this.divName).style.top = this.y;

See? The command to set the “top” property is incomplete. At Firefox, it needs a “px” if you want to change a size or dimension of an element. After I put the “px”, it works fine.

But of course, that’s not a suitable solution since I’ll release this theme, so the user of this theme (I hope there will be some users :D ) will have to change that file too. Fortunately, I can override that function. Owkey, but that makes my script seems so long. :(

Actually, I’d like to report this little bug to WordPress team, but I find that’s not easy, so much things to do, instead of just send email to Matt and say “Hi, Matt, I found a bug at WordPress here, maybe you can fix it.” So I changed my mind at write it out here. And hopefully they will read this. :P

–

Oh, yes… the post above is written in English. Bad grammar or tenses? ^:)^