Wednesday, November 24, 2010

Breeding DNSCELL

Salam & hi readers. Its been a while since the last time I blog. I just moved to shah alam nearly a weeks ago. I stayed at Puncak Perdana in a 'bujang house'. My housemate is the student of filming or some sort of production line at UiTM. Doesn't matter what is their interest, I'm fine with that. The comfortness of my living over here is just fine.

Intro
The purpose i moved here is to work with my comrade on developing a networking device (DNS server). What is DNS server ? U can google it your self here. My job is pretty much on the user interface & at the same time, i have to write codes to it. This user interface is accessible through Web browser (which methods used by most of devices nowadays). To be productive i need to master several language such as :
1. html
2. CSS
3. Ruby on Rails3
4. Yahoo User Interface (YUI sytax)

The toughest challenge is to get along with Ruby on Rails3 since the entire architecture is based on it! What is interesting is, RoR has the capability to develop application in a blistering speed & in a secure framework. You can check out the screencast & start to experienced it yourself ;)

Logo
Lets hold our RoR stories & get back to DNSCell. Firstly is about the logo, the previous logo looks like this :
On my thought, this logo is not ICONIC & doesn't have much meaning. So I keep on fantasizing & I've learned that honey comb is also a structure of cell. I've created the new logo which looks like this :
Why I think this logo is better ?
1. It is more ICONIC
2. It's pointing towards & upwards, which is we want our business heads to.
3. It's like a plasma canon. Weapon for us to step forward.
4. the logo itself was develop by the name cell (honey cell)

Layouts
Lets move to the Layouts. I've been practicing alot with css because its been a while since the last time i do CSS -ing. The 1st layout I've produced looks like this :

I looks a bit clumsy & lousy for me. After observation at google apps, i think it's much more clearer & easy so use. So i've produce this :
DNSCell latest layou
Drop down menu & tabs navigation

Before i've forgotten, the oldest layout that amir propose to me is this :
I can see the tab is overlapping & i don't think this may provide easy navigation. User will caught up 'pening' using this UI.

CSS
Yesterday I caught up lost inside my own CSS file & I've found out the solution for it, which is by documenting my own CSS. I've had rebuild my CSS. Heres how my mapping looks:
DNSCell CSS plan
And here's how the coding will looks like :
a-a a-b a-c and going to b, c, d. Kinda cute huh? ;)
Would like to hear some response from you guys & will write more about this project on later progress.


rgrds
Ya'kob Ubaidullah

1 comment: