Allow Div Layers to Float over Flash, Youtube or Vimeo Videos

For web designers, its always a constant struggle to get those flash, youtube, or vimeo videos tuck under divs where you need them. They somehow always behave like their z-index is close to infinity.

By default Flash content in a web page will appear on top of other elements on the page, including floating menus, inline popups etc. This can be pretty annoying if you have a flyout menu on your page and it goes behind the Flash video and this post shows how simple it is to fix. This works in all browsers inclding IE6+

Read the rest of this entry »

Ultimate Guide to Grid-Based Web Design

grid-based-layout

Web design trends now point to one aspect of using CSS for the basic website wireframe – Grid-based layouts. I haven’t actually used this into my projects lately, but I’m really planning to jump into the bandwagon. I don’t wanna be left out! I stumbled upon this site called 960 Grid System which offers a CSS generator for your grid layout, as well as examples of websites that use the grid-based system. Since then I’ve tried to go deeper into knowing how grid layouts work.

Read the rest of this entry »