Skip navigation

Monthly Archives: January 2009

Jaga Rimba

got another logo job, but this one take me a while to came up something like the one above. my client want a logo base on his company name which related to this word: “protecting the jungle”.

from the logo, i took leaf as the representative symbol for jungle and as the word protecting i took a silhouette image of a shield.

at first i thought photoshop use the same font library like Windows do, but when i installed it there photoshop won’t display it.

after search it for a while, i learn photoshop manage the fonts in different directory. well i might as well put the directory here in case i forgot. oh yeah this is for windows only, mac users please look elsewhere

C:\Program Files\Common Files\Adobe\Fonts

Online Banner Series

Design for Standing Banner

Backdrop for Workshop

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 Google.com 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 Google.com 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.

grab

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.

download

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.