Great designers realign…

[Written by jose|self|22.12.05]

Last Updated 10.02.06

…and I do what I can :P

Two days ago I decided to make a small change in the site. I wanted to change the “print” and “send” options for two neat little icons, like the ones shown in simplebits. Actually I was about to buy the Stockholm Mini set, but in the end I decided to make them myself (cough).

Then, while testing the new icons, I discovered that they only worked properly when accessed from the front page, so I went back to the site where I got the plugins, GaMerZ, and exposed my problem in the forum. The developer, Lester Chan, answered very soon and not only helped me find a solution, but also showed me an issue with the permalinks I wasn´t aware of. Thank you very much, Lester!

In between reply and reply, I decided to go over another thing that had been around my mind for quite a long time: the background. The “shadow border” has become very popular and is perhaps overused, but I think that it is still a valid solution and so I spent some time this evening creating one (there´s an example here).

A quickly easy explanation on how to do it: (on how I did it)
1.Create a new image, 2000 pixels wide, and say 100 high. Make it a grey background.
2.Create a new layer, draw a filled rectangle 100 pixels high and give it the width of the body of the blog. Center it.
3.Give the rectangle a shadow.
4.In my case, I also added a gradient in a new layer (from transparent to black in the sides).
5.Merge the layers and cut a thin stripe (mine is 4 h x 2000 w).
Save it, and you´re done.

By the time I got the new background I also had a solution for the “print and send” options, and several other minor aesthetic changes. But then, I realized that the place where the icons where, right over the articles, was misleading…

…and so, little by little I continued changing things up to the point where they are now. I tried to keep the same “feel” the site had, but at the same time I retouched almost everything, from the position of the title image to the fonts (you can see how the original black-letterhead theme looks like here). I´m kinda happy with the new look, and at least everything´s working fine, plus I´m starting to understand how CSS works.

Well, I hope that you like the new look either if this is the first time you come or if you have been here before. :)

By the way, this is the original article which inspired the title; don´t hesitate to read it, it´s really interesting.

Update 31.01.06 I have added an Archives section: now it is possible to browse through the contents in a variety of ways which I hope will effectively improve the site´s usability.

Update 10.02.06 I added a TopLinks section to the site. Since we write articles on various topics, I thought it would be useful to give the option to add content via links to the readers´sites.

Tags: , ,



Leave a Reply


You may also like...

  • Look up the lights, you know my number
  • Aristotle of the day
  • Make a notebook, and make it easy: Pocketmod
  • I Q. Do you?: The Qchord
  • Announcement