Skip navigation

Workshop Backdrop


hey, wha d’ya know it’s already 2009. time flies isn’t it.

with this post, happy new year all.

now back to business. in the past few months i’ve been busy working on several new websites. in all that development i’ve tried my best to keep those website to be a table-less website. well, for all of you that have been working with css should know how hard it is to make a full css website that compatible with all the browsers and i my self find it very challanging ( depressing sometime x( ).

so what browser that we should keep our eyes on? if you have the resources you might want to check with all the browsers available out there, but if you comes short the following browsers are the most important (my version):

1. Mozilla FireFox 3.0
this browser have become more and more popular among people that have experience with world wide web. FireFox reach version 3 now and you must have this browser as your test browser. FireFox 3 handles CSS2 code really well and some of CSS code even only work in FF3 such as rounded corner.

click here to download Mozilla FireFox

2. Mozilla FireFox 2.0
you might want to consider that your visitors are still using FireFox 2 as their browsers. the way it handle CSS slightly different from FireFox 3 and this could become some problem in your web presentation. for instance, when working with AJAX pull down menu i encounter problem when the menu hit a <div> tag that using overflow and so i have to find another way to make it work.

then you ask, how am i going to have FireFox 3 and 2 at the same time? this is the trick: use Flock browser.

you may never heard what is Flock, well get the idea here. then what is the connection between Flock and FireFox 2? Flock is developed using the same system as FireFox, the guys behind Mozilla build Flock. get my drift? when i download Flock, the release was 1.2.2 and is used Mozilla 2.0 engine.

but by the time of this writing Flock has release its version 2.0, which means using FireFox 3.0 engine. if you still need Flock version 1 you still can find it here but it comes in several non-US language. but hey at least the UK version still 1.2 🙂

3. Internet Explorer 6.0
this one is a keeper, majority of internet user still use this hell application and probably because it has been around for quite some time now (more than 5 years i think?). i know this browser is hard to work with, but it’s the most important as well. most of my depressing moment when developing CSS web is when i have to test it on IE 6.

i strongly recommend to all web designer to have this browser as test browser. you can find this browser almost anywhere on the web. don’t be lazy,  just go to and find one.

4. Internet Explorer 7.0
a more friendlier browser then its prior, and in my experience the way IE 7 handles CSS is like FireFox 2 (read: not all the same). not much people using this browser unless they just bought Windows Vista.

click here to get it

5. Safari
plaease note that i used Safari for Windows.

this browser also important since the growth of Mac users worldwide. back when Apple not released Safari for windows i was in a sweat thinking what was my web look like on Safari. but not anymore since they release Safari browser for windows. i have tried several of my table-less web on this one and it safe to know that it handle CSS very well and i hope it will keep that way forever.

Safari for windows? click here

6. Chrome
a browser by should be safe for handling CSS. it’s Google, what do you expect. by the time google release its first browser, i have download it and test all my web with it. the result? safe. all my CSS work the way it should be. good one Google ^^

Chrome is fast and good but for now i’m still a fan of FireFox for its plug ins, and for the same reason not much of people using it. maybe when the developers come up with some kick’n ideas that will revolutioned how people browsed, then it will a blast. untill then but untill then? there’s no harm to check your web once in a while with it. just safe-to-safe.


7. Opera
not much i could say about this browser. although it has been around back when the internet is still slow, but less people using this browser. the way Opera handle CSS rather scary though. once when i have finished building CSS in FF and IE, i test it on Opera and there was… nothing. completely blank and not showing any content. that was a horror. that happened when i was still using Opera 7.0.

today Opera has release it 9.6 version and i haven’t tested on any of my website in this versions. will let you all know when i have.


Well i guess i have wrapped all my collection of browsers that i need to test my web. all in all the most important browsert to look when you test your web is using FF 2 and 3, IE 6 and 7, and Safari. that’s it. if you successfully generate a table-less web in this browser then you will have a safe CSS based web.

Anyway by Telepopmusik

when i heard the song at the first time i was now listening to it very well for i was the work i had was stacked high. then sometime in one night when i was stretching a bit the this song came through my ears. a very sooth, relaxing, comforting deep into heart and mind.

now most of the time when ever i got a mount stack of work, i have to listen to this just to tell me

okay, one at a time and everyting will be a OK!

this post made for those who feel that the balloon pop-up track info is one annoying new feature by WinAmp. from the beginning when that feature came up i thought that is one cool feature, up until when it made my PC a bit hang.

yes it made my PC hang. winamp need to splash that balloon and for some reason i can’t do anything to other application since it frozen. when the balloon complete displaying the music track info then my PC run normal again and this is just a pain in the nerve.

so i searched through google searching some article how to disable this balloon. fail, i didn’t find it anywhare. then i have to do it the hard way, search one by one from its preference to option tool.

yes, at last i found it. if you have the same problem as i do then all you have to do is turn it off in WinAmp option.

  1. open your WinAmp
  2. clik right your mouse on WinAmp player
  3. choose Options > Notification
  4. click on “Never show”
  5. your done

now try playing one of your mp3 in WinAmp… bye bye balloon 🙂

disable WinAmp ballon pop-up track info

well every web developer certainly need this baby to upload their files from local computer to remote server in order to publish their work.

in early days of my work i was introduce with cuteFTP (don’t ask why they neme it that way, it’s not that cute though). at first it was a fine ftp client tool up until i need to upload my work to a remote server with secure web host. back then cuteFTP unable to access this kind of web host.

then i start googling and found some fine ftp client; coreFTP, bitvise Tunnelier, ipswitch FTP are among other FTP client that i have tried. but none of them suits me (well the reason was none of them have the facility to connect to web secure host or SFTP :D). oh i found some good sFTP client but most of them are paid apps (boo..!!)

then a friend of mine recommend winSCP. a free sFTP client, and this ine just about right. the navigation are friendly (commander-like or windows-like, up to you), the connection was fast, and… its FREE! 😀 hah.. beat that.


to tell you the truth i haven’t maximized all the feature that it has to offer, but untill now it haven’t let me down a bit so no reason to search other sFTP client.

to grab one of these, click here

this is probably my last post before Idul Fitri, so to all happy Idul Fitri and to all who have had their fasting may Allah accept our good fasting intention.

Panin v3

Panin v3

alternative design with bright background color. the background  base color came from the company logo and some of the element color for backgorund and font format from its logo too.

Panin v2

Panin v2

this alternative disign made upon the request of client. they want to see the look of the page in more brighter background color.

well anyone know that Adobe Photoshop is the best tool for image editing, and for some it’s a great tool for making website template. me for one using photoshop to make web mock-up designs as long as i can remember.

one minor headache though, when you have made a web template then suddenly your client wants you to change the color of its background and fonts… hah! and what i know is that i have to change it part by part, and this is not a cool thing to do you know 😦

i hope the guys from adobe realize this and i wish they can create something like a global font format for a porject so i whenever i need to change the format all i need to do is changing the global format. this feature will certainly make my day.

Web Design - Panin

Web Design - Panin Center Section

i’ve created a mock up design in my spare for panin sekuritas and here is the first mock up. i made them cut clean design with minimum color with dark background to embed some solid professionalism into the corporate. picture taken from and the icon (thanks anggi :)) came from smashing magazine font collection.

some say its to dark and gothic. maybe it is, then i should create another mockup with more friendlier background color.

stay tune