<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Magento Design and Development &#187; image</title>
	<atom:link href="http://inchoo.net/tag/image/feed/" rel="self" type="application/rss+xml" />
	<link>http://inchoo.net</link>
	<description>Magento Design and Magento Development Professionals - Inchoo</description>
	<lastBuildDate>Wed, 23 May 2012 06:32:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Magento custom designed gallery with cu3er</title>
		<link>http://inchoo.net/ecommerce/magento/magento-custom-designed-gallery-with-cu3er/</link>
		<comments>http://inchoo.net/ecommerce/magento/magento-custom-designed-gallery-with-cu3er/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 16:17:01 +0000</pubDate>
		<dc:creator>Vedran Subotic</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[cu3er]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://inchoo.net/?p=4482</guid>
		<description><![CDATA[Here is example how you can extend and reuse your own code. I saw at cu3er site cool gallery effects and I thought why not implement it with magento. So &#8230;]]></description>
			<content:encoded><![CDATA[<p>Here is example how you can extend and reuse your own code.<br />
I saw at <a rel="nofollow" href="http://www.progressivered.com/cu3er/">cu3er</a> site cool gallery effects and I thought why not implement it with magento.<br />
So I used my old <a href="http://inchoo.net/ecommerce/magento/magento-custom-designed-gallery/">gallery module</a> and add some stuff.<br />
<span id="more-4482"></span></p>
<p>This module is based on <a href="http://inchoo.net/ecommerce/magento/magento-custom-designed-gallery/">Magento custom designed gallery</a>  extended with:<br />
- /app/code/local/Inchoo/GallFront/controllers/Cu3erController.php<br />
- /app/code/local/Inchoo/GallFront/controllers/XmlController.php<br />
- /app/design/frontend/default/default/template/gallery/cu3er.phtml<br />
- /app/design/frontend/default/default/template/gallery/output.phtml<br />
- and files needed for cu3er to run in /skin/frontend/default/default/cu3er<br />
- database tables remains the same</p>
<p>Main part is how you render your xml file.<br />
That happeds in /app/code/local/Inchoo/GallFront/controllers/XmlController.php in indexAction().<br />
Sample of xml is commented and my simple code is bellow.</p>
<p>Output of xml file is at: http://www.yourwebsite.com/inchoogallery/xml</p>
<p>For advanced manipulation with flash see documentation on cu3er website.<br />
Advanced documentation for cu3er you can find on <a rel="nofollow" href="http://www.progressivered.com/cu3er/docs/">http://www.progressivered.com/cu3er/docs/</a></p>
<p>You can try to extend gallery tables with new fields which will handle data with effects.</p>
<p>Final result is at http://www.yourwebsite.com/inchoogallery/cu3er.<br />
(For example you can try to use this module for category header images.)</p>
<p>Code is <a href="http://inchoo.net/wp-content/uploads/2010/05/magento_custom_designed_gallery_with_cu3er.zip">here</a>.<br />
Enjoy coding!</p>
]]></content:encoded>
			<wfw:commentRss>http://inchoo.net/ecommerce/magento/magento-custom-designed-gallery-with-cu3er/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Properly remove white image frame upon resizing photos in Magento</title>
		<link>http://inchoo.net/ecommerce/magento/properly-remove-white-image-frame-upon-resizing-photos-in-magento/</link>
		<comments>http://inchoo.net/ecommerce/magento/properly-remove-white-image-frame-upon-resizing-photos-in-magento/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 13:34:59 +0000</pubDate>
		<dc:creator>Branko Ajzele</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://inchoo.net/?p=4155</guid>
		<description><![CDATA[Magento has pretty neat image helper you can use to output your product photos. Today one of my coworkers got frustrated with the white frame he kept getting around the &#8230;]]></description>
			<content:encoded><![CDATA[<p>Magento has pretty neat image helper you can use to output your product photos. Today one of my coworkers got frustrated with the white frame he kept getting around the resized image he tried to output in sidebar block. As s possible solution he tried resolving the issue with CSS. However, there is a better, more nicer solution to ditch the whit frame around resized images in Magento.<span id="more-4155"></span></p>
<p>Here is a practical example of a code sample from default media.phtml file:</p>
<pre class="brush: php; title: ; notranslate">
    &lt; ?php foreach ($this-&gt;getGalleryImages() as $_image): ?&gt;
        &lt;li&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;popWin('&lt;?php echo $this-&gt;getGalleryUrl($_image) ?&gt;', 'gallery', 'width=300,height=300,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;&quot; title=&quot;&lt; ?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php echo $this-/&gt;helper('catalog/image')-&gt;init($this-&gt;getProduct(), 'thumbnail', $_image-&gt;getFile())-&gt;resize(56); ?&gt;&quot; width=&quot;56&quot; height=&quot;56&quot; alt=&quot;&lt; ?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;&quot; /&gt;&lt;/a&gt;
        &lt;/li&gt;
    &lt; ?php endforeach; ?&gt;
</pre>
<p>Turning it into this will yield a &#8220;frame-free&#8221; image:</p>
<pre class="brush: php; title: ; notranslate">
&lt; ?php foreach ($this-&gt;getGalleryImages() as $_image): ?&gt;
	&lt;li&gt;
		&lt;a href=&quot;#&quot; onclick=&quot;popWin('&lt;?php echo $this-&gt;getGalleryUrl($_image) ?&gt;', 'gallery', 'width=300,height=300,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;&quot; title=&quot;&lt; ?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php echo $this-/&gt;helper('catalog/image')-&gt;init($this-&gt;getProduct(), 'thumbnail', $_image-&gt;getFile())-&gt;keepFrame(false)-&gt;resize(56); ?&gt;&quot; alt=&quot;&lt; ?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;&quot; /&gt;&lt;/a&gt;
	&lt;/li&gt;
&lt; ?php endforeach; ?&gt;
</pre>
<p>As you can see, all it took was to add the <strong>keepFrame(false)</strong> method call prior to calling the <strong>resize()</strong> method. </p>
<p>Here are the results of before/after scenario.</p>
<p><a href="http://inchoo.net/wp-content/uploads/2010/03/mwf1.png"><img src="http://inchoo.net/wp-content/uploads/2010/03/mwf1-150x110.png" alt="" title="mwf1" width="150" height="110" class="alignnone size-thumbnail wp-image-4156" /></a> <a href="http://inchoo.net/wp-content/uploads/2010/03/mwf2.png"><img src="http://inchoo.net/wp-content/uploads/2010/03/mwf2-150x114.png" alt="" title="mwf2" width="150" height="114" class="alignnone size-thumbnail wp-image-4157" /></a></p>
<p>Hope it helps around minor styling issues <img src='http://inchoo.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Cheers.</p>
]]></content:encoded>
			<wfw:commentRss>http://inchoo.net/ecommerce/magento/properly-remove-white-image-frame-upon-resizing-photos-in-magento/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to save UIImage into iPhone&#8217;s saved photos album?</title>
		<link>http://inchoo.net/mobile-development/iphone-development/how-to-save-uiimage-into-iphones-saved-photos-album/</link>
		<comments>http://inchoo.net/mobile-development/iphone-development/how-to-save-uiimage-into-iphones-saved-photos-album/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 11:41:25 +0000</pubDate>
		<dc:creator>Ivan Kalaica</dc:creator>
				<category><![CDATA[iPhone development]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://inchoo.net/?p=2456</guid>
		<description><![CDATA[This is quite simple, infact it is one row code like everything else in iPhone development. Well, not everything is &#8220;quite&#8221; simple as this but most of stuff is &#8220;quite&#8221; &#8230;]]></description>
			<content:encoded><![CDATA[<p>This is quite simple, infact it is one row code like everything else in iPhone development. Well, not everything is &#8220;quite&#8221; simple as this but most of stuff is &#8220;quite&#8221; easy to implement. Enough with &#8220;quite&#8221; ! Here is really simple code;<span id="more-2456"></span></p>
<pre class="brush: cpp; title: ; notranslate">UIImage *myImage = [UIImage imageNamed:@&quot;me.png&quot;];

UIImageWriteToSavedPhotosAlbum(myImage, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);

// And if you wish add this selector method in code;

- (void) image:(UIImage*)image didFinishSavingWithError:(NSError *)error contextInfo:(NSDictionary*)info;</pre>
<p>That&#8217;s all you have to add! Quite simple, is it? <img src='http://inchoo.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://inchoo.net/mobile-development/iphone-development/how-to-save-uiimage-into-iphones-saved-photos-album/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Magento product image switcher</title>
		<link>http://inchoo.net/ecommerce/magento/magento-product-images-switcher/</link>
		<comments>http://inchoo.net/ecommerce/magento/magento-product-images-switcher/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 22:40:01 +0000</pubDate>
		<dc:creator>Ivan Weiler</dc:creator>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[Products]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[product]]></category>

		<guid isPermaLink="false">http://inchoo.net/?p=2329</guid>
		<description><![CDATA[I just wrote small javascript animation example for product images and thought someone may find it useful. It&#8217;s a fast way to replace default zoom functionality for the ones that &#8230;]]></description>
			<content:encoded><![CDATA[<p>I just wrote small javascript animation example for product images and thought someone may find it useful. It&#8217;s a fast way to replace default zoom functionality for the ones that don&#8217;t like it.</p>
<p><span id="more-2329"></span>I&#8217;m actually trying to merge something like this with default zoom, but i&#8217;m not finished yet. Anyway, i left all javascript and styling in media.phtml file, so just download the file</p>
<p><a href="http://inchoo.net/wp-content/uploads/2009/06/media_phtml.rar" target="blank">media.phtml.rar</a></p>
<p>and replace it with your own at<br />
app/design/frontend/default/yourtheme/template/catalog/product/view/media.phtml</p>
<p><img src="http://inchoo.net/wp-content/uploads/2009/06/magento-slideshow2.jpg" alt="" /></p>
<p>It was made with default Magento theme. Enjoy.</p>
]]></content:encoded>
			<wfw:commentRss>http://inchoo.net/ecommerce/magento/magento-product-images-switcher/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
		<item>
		<title>How to use .swf ads in Google AdWords</title>
		<link>http://inchoo.net/online-marketing/how-to-use-swf-ads-in-google-adwords/</link>
		<comments>http://inchoo.net/online-marketing/how-to-use-swf-ads-in-google-adwords/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 20:39:27 +0000</pubDate>
		<dc:creator>Toni Anicic</dc:creator>
				<category><![CDATA[Online Marketing]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[AdWords]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[swf]]></category>

		<guid isPermaLink="false">http://inchoo.net/?p=334</guid>
		<description><![CDATA[The most common reason for using Google AdWords is trying to sell more. People tend to use search advertisement more than content as it usually brings more results which is &#8230;]]></description>
			<content:encoded><![CDATA[<p>The most common reason for using Google AdWords is <strong>trying to sell more</strong>. People tend to use search advertisement more than content as it usually brings more results which is actually logical since you are targeting people who are actually searching for things you want to sell.<span id="more-334"></span></p>
<p>However, during the past few years Google AdWords has evolved into a powerful tool which enables you to do much more then increase targeted visitor traffic to your site &#8211; it can help you brand your business.</p>
<p>If you are working with large daily budgets and are trying to raise awareness of your brand in online environment, you might consider <strong>using AdWords image ads</strong>.</p>
<p>AdWords allows you to place image ads into content in formats of <em>.gif, .jpg, .png </em>and<em> .swf</em>. It supports most of the common <strong>standard ad banner sizes</strong> including:</p>
<ul>
<li>468 x 60 <em>Banner</em></li>
<li>728 x 90 <em>Leaderboard</em></li>
<li>250 x 250 <em>Square</em></li>
<li>200 x 200 <em>Small Square</em></li>
<li>336 x 280 <em>Large Rectangle</em></li>
<li>300 x 250 <em>Medium Rectangle</em></li>
<li>120 x 600 <em>Skyscraper</em></li>
<li>160 x 600 <em>Wide Skyscraper</em></li>
</ul>
<p>Let&#8217;s take a closer look at the .swf ad format. This ad format actually gives you quiet some flexibility and allows you to be much more creative in advertisement messages you serve to your potential visitors.</p>
<p>You should keep in mind the fact that <strong>the ad size can not exceed 50k limit</strong>, however, 50k is more then enough to deliver a good, creative and informative ad. One of the best .swf AdWords content ads I&#8217;ve seen so far was the ad for Croatian site called <a title="Njuskalo" rel="nofollow" href="http://njuskalo.hr">njuskalo.hr</a>. While limited with 50k file size they managed to deliver a content rich ad which left an impression of looking at 10 seconds long video ad.</p>
<p><strong>Few tips on using .swf ads in Google AdWords content advertisement:</strong></p>
<ol>
<li>Carefully think about concept of your .swf ad concentrating on <strong>how it will fit into different ad sizes</strong>.</li>
<li><strong>Create the .swf ad for every ad size available</strong>. You don&#8217;t wanna end up losing a potentially great place to advertise at just because you were to lazy to create an ad in format the site displays.</li>
<li><strong>Make ads rich with both motion and content</strong>. There is no point in creating a static img and serving it as a .swf ad when you can do so much more.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://inchoo.net/online-marketing/how-to-use-swf-ads-in-google-adwords/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

