Posts Tagged ‘CSS’

IE Cracked: Z-Index

Saturday, September 11th, 2010

Z-Index

Seeing as I just ran into this problem myself when building a site for a client, I figure that Z-Index is a good place to start. I assume that if you are experiencing this issue that you know enough about z-index to use it in your site, in case you do not (which may be some of the issue), z-index is the stacking order of elements on top of each other or the arrangement along the z-axis (as seen in the illustration above).

(more…)

Sure jQuery is Pretty, But Don’t Write Off CSS…

Saturday, August 28th, 2010

Have been teaching intro to jQuery a bit over the past two months, I have noticed that many of my students are quick to ditch the CSS hover pseudo-class once they discover the .hover() function. Sure .hover() is great and all, but CSS is built into the browser and thus you don’t need to load a script or execute a script in order for it to work. CSS is a powerhouse if you can get a little creative with it…

(more…)

IE Cracked: Stick it to the Browser

Monday, August 16th, 2010

In the past I have written a few articles about some of the Internet Explore (IE) bugs and how to fix or work around them. Due to the success of these articles, and the largely expressed interest in knowing more, I have decided to start a series of articles entitled “IE Cracked” where I will dive into a few more of the specific problems commonly seen in IE and explain how to address them.

I hope to cover as many of the usual suspects as possible, but should there be a particular one that proves especially tricky or that I miss, feel free to shoot me an email and as I am more then happy to help or blog by request.

So keep an eye out for the many posts soon to come! Until then, down with IE! x-P

Images to Replace Text

Tuesday, June 22nd, 2010

Web safe fonts are a huge limitation on web designers. With only a hand full of fonts to choose from, designers are disarmed of one of their most valuable tools, typography. Many designers/developers (myself included) try to walk around this issue by using images of typography instead of “live” text (text that is actually written in HTML). The catch here is of course that text displayed as an image is not search-able by engines like Google. Sure if you put an image in as an <img> tag you could set the alt attribute thus making it visible by Google, but it does not have the same efficacy. For example sticking the word phrase “community involvement” into a <h1> tag will have more SEO importance then sticking the same phrase into an <img> tag with the alt attribute of “community involvement”, even if that <img> tag is inside of an <h1> tag.

(more…)