Aaron Pearson » Tutorials http://www.aaronwpearson.com Making Technology Work for You Sun, 31 Jan 2010 18:02:37 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Regex Tutorial preg_match preg_replace http://www.aaronwpearson.com/regex-tutorial-preg_match-preg_replace/ http://www.aaronwpearson.com/regex-tutorial-preg_match-preg_replace/#comments Thu, 12 Feb 2009 05:11:02 +0000 admin http://www.aaronwpearson.com/?p=173 Understanding Regular Expressions can be a real pain, but they are a very powerful tool. I use them in Apaches mod_rewrite to create SEO friendly URL’s and to screen scrape content from sites. Here is a web site with excellent step by step broken down explanations as to how common regex engines work.

]]> http://www.aaronwpearson.com/regex-tutorial-preg_match-preg_replace/feed/ 0 Image Resizing in Internet Explorer 7 and IE6 http://www.aaronwpearson.com/image-resizing-in-internet-explorer-7/ http://www.aaronwpearson.com/image-resizing-in-internet-explorer-7/#comments Fri, 16 Jan 2009 02:37:14 +0000 admin http://www.aaronwpearson.com/?p=128 I’ve always been annoyed with how IE7 does image scaling. If you have an image that’s 100 X 100 and resize/scale it with HTML to 70 X 70 Internet Explorer doesn’t resample the image so it winds up looking “blocky”. I ran across a page on Flickr’s Developer Blog that describes a little known CSS command that will cause IE7 to do bicubic resampling of HTML scaled images. If you use a Mac, both Firefox and Safari do bicubic resizing automatically…. The way to apply this to every image on your page in CSS:

<style>

img{-ms-interpolation-mode:bicubic;}

</style>

IE7 example:

Original Image Size

Image Scaled with HTML to 100px width:


Image Scaled with HTML to 100px – Bicubic Resampling:

For IE6 You have to get a little crazy for minor improvement…


<span style="position: absolute; z-index: 100; width: 100px; display: inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.google.com/intl/en_ALL/images/logo.gif',sizingMethod='scale');"><img style=" filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="http://www.google.com/intl/en_ALL/images/logo.gif" border="0" alt="" width="100" /></span>

For more information on this IE6 fix check out Microsofts site: http://msdn.microsoft.com/en-us/library/ms532969.aspx

@Alex Glover
Full Size:


Bicubic is not working because the image you are using is a PNG:

Image saved as GIF:
nopicture
Image saved as JPG:

You will need to save all your “spotlight” images as JPG and make the background color the same as the background of the site, or re-size the image to the exact dimensions you need.

]]> http://www.aaronwpearson.com/image-resizing-in-internet-explorer-7/feed/ 10 iPhone Programming Tutorials http://www.aaronwpearson.com/hello-world/ http://www.aaronwpearson.com/hello-world/#comments Sun, 05 Oct 2008 19:44:57 +0000 admin http://98.129.25.95/wordpress/?p=1 One of the best video tutorial sites if you are just starting to dig into the iPhone SDK.

]]> http://www.aaronwpearson.com/hello-world/feed/ 0