Atelier Winsonli

Was tired working on school work so gave my entry a little touch up as relaxation. Everything updated today concern graphics. Previous blog post could be found here.

Banner Touch Up

Not sure if anyone would notice, but no detail is too minor. I’ve added some drop shadow and gradients to the header. The banners are updated as well, see if you can spot the differences.

old banner

new banner

Very subtle differences. A shadow underneath the dog’s and cat’s head casted onto the body. A shadow of the dog and cat casted onto the background. A very subtle outer glow to provide more depth. The graphics are still not yet finalized though, would require a lot of touch ups.

Banner Link

In most webpages, clicking on the banner would bring you back to the home page. The Phark Image Replacement method I used previously would not allow this to be done. There is no anchor tag for me to setup a link, and besides the text contents would be forced to display out of page. So I used another method, the Fahrner Image Replacement instead.

Favorite Icon

I’ve added a favorite icon. Most modern browsers would take a png file of any dimensions as a file icon. I created a 32px square icon.

To see how it looks (and to see if your browser supports favorite icons), please visit my entry page.

To add a favorite icon, simply make an image larger than or equal to 16px by 16px and add the following link tag.

<link rel="icon" type="image/png" href="/img/favicon.png" />

iPhone Webclip Icon

I figured an iPhone webclip icon would be nice. In iPhone, you can add bookmarks to the home screen as an icon. All you have to do is to upload a 57px by 57px image named apple-touch-icon.png to the root directory. You can also do it by means of a link tag.

The glossy effect and rounded corners would be added automatically.

Other Stuff

Added a new page to increase the content to code ratio. Added a few meta tags to pass “validations”. Still have a lot of work to do in the future.

This entry was posted on Saturday, October 11th, 2008 at 8:28 am and is filed under Web Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.