SUBSCRIBEThe new look of Binary Silver, my photoblog
If not for a surprise email that I got this weekend, two in fact, I woudn’t have redesigned my photoblog, Binary Silver in a huff! My second blog to be redesigned in three days. Well, I will just announce the surprise when the time is ripe.
Anyway, I was so busy the whole day today making a very big change to the way my photoblog looks, a major overhaul that seems to be a big leap forward. My idea was to have a clean and simple design. A minimalist approach that will highlight more the images with the overall layout not stealing the thunder from the photos. All styling is done in cascading style sheets or CSS.
First and foremost, it has lots of white space. Text is uncluttered and revolves around the images. I did away with the sidebar and opted instead to subdivide the 960px width into two with about 2/3 devoted to the content while a third is reserved for the post title and details. A 300px wide Google Adsense ad will also be placed here.
The color scheme is limited to two gradations of grays, orange and light yellow for a fresh feel to it. If you will notice, there are no other images other than the main photo and the rest is text. Horizontal lines are also predominant and the only other design element with a shape is the header menu which is a rectangle (of course, other than the photos).
The header got me some problems earlier. At first I opted for a left float so that the header title and the header menu will be at the same level but when I placed a clear below the header, there was just a very wide space underneath. I wasn’t able to resolve this problem that I opted to do away with it. To remedy the disconnect, I placed a border below the title. I think it was a good decision. However, when I get to solve this technical problem, I might change the way the header look.
As for the footer, I was at a bind on how to do it. At first, I had this dark gray block with lighter yellow links but it just doesn’t jive. Later, I replaced the dark block and opted for a white background. To separate this from the main content area, a gray line, 5px in width is used as a divider. The three columns are all widget ready.
Now, its more unified.
