Design Oahu

Web design blog from the middle of the pacific.

IE PNG Transparency Part II

If you have not read Part I of IE PNG Transparency you should check that out real quick then come back here. If you have read it I have used this technique with only partial success. The technique is by far the best solution IMO for using transparent PNG-24 images from within an HTML img tag. However, I ran into issues when I tried using it from within CSS for background images as well as trying to repeat the background. Cameron Adams on his site The Man In Blue has showed how to use a transparent PNG in CSS which I will demonstrate.

Read the rest of this entry »

IE PNG Transparency Part I

IE PNG
I have wanted to work with PNG-24 images on the web for a long time now, but have stayed away due to the fact that Internet Explorer does not recognize the transparency natively. Thanks to Erik Arvidsson’s fix, I no longer have to worry. Read the rest of this entry »

Colored Feed Icons

Microsoft decided to use the orange feed icon that Firefox uses in its latest browser Internet Explorer 7. Feed Icons realized that since the icon is the defacto symbol to represent feeds, there is no need to keep it orange. Read the rest of this entry »

Photoshop Tutorial - Diagonal Stripes for Web Site Background

In this tutorial, I will show you how to create diagonal stripes easily using Photoshop. I had seen diagonal stripes being used quite a bit and tried to create my own, however I would never get it to match up correctly and when it is repeated it would always look like crap. Now I will show you the best way to make perfect tiling diagonal background patterns. Read the rest of this entry »

Simple Reflection Photoshop Tutorial

There are a few different ways to create reflections for that “Web 2.0″ look, but I will show the way that works best for me. Read the rest of this entry »