<?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>ZoneArtCSS &#124; Desarrollo Web, Diseño de páginas Web, Aplicaciones Móviles, Notas de Tecnología &#187; internet explorer</title>
	<atom:link href="http://www.zoneartcss.com/tag/internet-explorer/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zoneartcss.com</link>
	<description>Tips de Diseño y Desarrollo Web</description>
	<lastBuildDate>Wed, 26 Oct 2011 18:31:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>TU fuck ie a Google Chrome?</title>
		<link>http://www.zoneartcss.com/tips/tu-fuck-ie-a-google-chrome/</link>
		<comments>http://www.zoneartcss.com/tips/tu-fuck-ie-a-google-chrome/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 07:00:31 +0000</pubDate>
		<dc:creator>miguelortega</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Convertir ie a chrome]]></category>
		<category><![CDATA[Convierte Internet Explorer en Google Chrome con el plugin Google Chrome Frame]]></category>
		<category><![CDATA[convierte tu ie]]></category>
		<category><![CDATA[google chrome]]></category>
		<category><![CDATA[Google Chrome Frame]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[tu ie a chrome]]></category>
		<category><![CDATA[Video Google Chrome Frame]]></category>

		<guid isPermaLink="false">http://www.zoneartcss.com/?p=822</guid>
		<description><![CDATA[Convierte tu Internet Explorer a Chrome con el Google Chrome Frame No acostumbro este tipo de post (fuente) pero bueno&#8230; me llamo la atencion&#8230; a primera leida sip llama la atencion PERO!!!&#8230; que pasa?&#8230; es un plugin mas&#8230; que si bien la gente nose instala el Fuck firefox u Google Chrome como coñ&#8230; se instalara un plugin para que su IE sea otro navegador?&#8230; para eso se baja dicho navegador no?&#8230; pero bueno en la [...]]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p style="text-align: center;"><img class="aligncenter" src="http://zoneartcss.com/wp-content/ie_chrome.jpg" alt="Convertir ie a chrome" width="500" height="130" /></p>
<h4 style="text-align: center;"><span style="color: #ff9900;">Convierte tu Internet Explorer a Chrome con el Google Chrome Frame</span></h4>
<p><span id="more-822"></span><br />
No acostumbro este tipo de post (fuente) pero bueno&#8230; me llamo la atencion&#8230;<br />
a primera leida sip llama la atencion PERO!!!&#8230; que pasa?&#8230; es un plugin mas&#8230; que si bien la gente nose instala el Fuck <a href="http://www.mozilla-europe.org/es/firefox/">firefox</a> u <a href="http://www.google.com/chrome/index.html?hl=es&#038;brand=CHMA&#038;utm_campaign=es&#038;utm_source=es-ha-latam-ww-bk&#038;utm_medium=ha">Google Chrome</a> como coñ&#8230; se instalara un <a href="http://code.google.com/intl/es-ES/chrome/chromeframe/">plugin para que su IE sea otro navegador</a>?&#8230; para eso se baja dicho navegador no?&#8230; pero bueno en la parte &#8220;racional&#8221; es una estupidez&#8230; a lo de marketing&#8230; igual pero bueno no falta el ***(me incluyo) que probara esta alternativa.</p>
<p>Pero bueno al lio donde esta la magia??? en esto:</p>
<h4 style="text-align: center;"><span style="color: #ff9900;">Codigo HTML para convertir tu IE a Google Chrome</span></h4>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">meta</span> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;X-UA-Compatible&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;chrome=1&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span></pre></td></tr></table></div>

<h4 style="text-align: center;"><span style="color: #ff9900;">Video acerca de Google Chrome Frame</span></h4>
<p style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/sjW0Bchdj-w&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/sjW0Bchdj-w&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object><br />
Como vemos en el vídeo, <a href="http://code.google.com/chrome/chromeframe">Chrome Frame</a> se trata de un plugin que <strong>nos permite convertir nuestro Internter Explorer en Google Chrome (el motor de renderizado)</strong>. Mediante <a href="http://code.google.com/intl/es-ES/chrome/chromeframe/developers_guide.html">un tag html añadido en las páginas web activaremos o no el motor de Chrome para renderizar la página</a> que estemos visitando, esto nos permitirá visualizar nuestra página exactamente igual que si fuera Google Chrome el que lo abre.
</p>
<h4 style="text-align: center;"><span style="color: #ff9900;">Codigo HTML para detectar el plugin Google Chrome Frame</span></h4>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span></span>
<span style="color: #009900;"><span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js&quot;</span>&gt;</span> <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;placeholder&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
 CFInstall.check({
 node: &quot;placeholder&quot;,
 destination: &quot;http://www.waikiki.com&quot;
 });
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span></pre></td></tr></table></div>

<p>Esto nos permite comprobar si el plugin está no instalado y ofrecer al usuario la posibilidad de instalarlo.</p>
<h3>CFInstall.check()</h3>
<p>Este método nos permite indicar una serie de parámetros:</p>
<ul>
<li><strong>mode</strong>: opcional. Como verá el usuario la solicitud para instalarlo (Por defecto <em>inline</em>, opciones <em>popup</em>).</li>
<li><strong>url</strong>: optional.</li>
<li><strong>destination</strong>: optional. La URL a la que iremos cuahdo CFInstall detecte Google Chrome Frame instalado.</li>
<li><strong>node</strong>: optional. ID del elemento donde aparecerá la opción de instalación.</li>
<li><strong>onmissing</strong>: optional. Funcionalidad cuando no se detecta Chrome Frame.</li>
<li><strong>preventPrompt</strong>: optional. Booleano que permite desactivar la redirección (Por defecto <em>false</em>).</li>
<li><strong>oninstall</strong>: optional. Funcionalidad que será ejecutada cuando se muestre la opción de instalado.</li>
<li><strong>preventInstallDetection</strong>: optional. Booleano, que previene la redirección cuando detecta que Chrome Frame está instalado.</li>
<li><strong>cssText</strong>: optional. Estilos que se le aplican al iframe en modo inline.</li>
<li><strong>className</strong>: optional. Class que aplicamos al iframe en modo inline.</li>
</ul>
<p>Tu user IE porfavor<br />
<a href="http://code.google.com/intl/es-ES/chrome/chromeframe/">DESCARGATE EL PLUGIN de una buena vez.</a></p>
<p>Fuente:<br />
aNieto2k | Blog: <a href="http://www.anieto2k.com/2009/09/23/convierte-internet-explorer-en-google-chrome-con-el-plugin-google-chrome-frame/">Convierte Internet Explorer en Google Chrome con el plugin Google Chrome Frame</a></p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.zoneartcss.com/tips/tu-fuck-ie-a-google-chrome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plugin&#8217;s para Firefox e Internet Explorer de Video Streaming Shoutcast</title>
		<link>http://www.zoneartcss.com/tips/plugins-para-firefox-y-internet-explorer-de-video-streaming-shoutcast/</link>
		<comments>http://www.zoneartcss.com/tips/plugins-para-firefox-y-internet-explorer-de-video-streaming-shoutcast/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 19:48:50 +0000</pubDate>
		<dc:creator>miguelortega</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[extenciones para firefox]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[NSVCAP - DirectShow Video Capture]]></category>
		<category><![CDATA[Plugin's para Firefox]]></category>
		<category><![CDATA[Video Streaming Shoutcast]]></category>

		<guid isPermaLink="false">http://www.zoneartcss.com/?p=436</guid>
		<description><![CDATA[Aquí les dejo los links para poder descargar los plugins del reproductor de Video Streaming Shoutcast, estos plugin son importantes cunado transmites desde le programa de NSVCAP &#8211; DirectShow Video Capture. Has click en los enlaces para descargar las versiones. Mozilla Firefox 3.0.x Mozilla Firefox 3.5.x Espero que les sea de Utilidad.]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p style="text-align: center;"><img class="aligncenter" src="http://www.zoneartcss.com/wp-content/ff_extencions.jpg" alt="Extenciones para FIREFOX" width="500" height="130" /></p>
<p>Aquí les dejo los links para poder descargar los plugins del reproductor de <strong>Video Streaming Shoutcast</strong>, estos plugin son importantes cunado transmites desde le programa de <strong>NSVCAP &#8211; DirectShow Video Capture</strong>.<br />
<span id="more-436"></span><br />
Has click en los enlaces para descargar las versiones.</p>
<p><a href="http://www.outlawz.biz/nsvmoz_vp3_mp3_3_0.xpi">Mozilla Firefox 3.0.x</a><br />
<a href="http://www.outlawz.biz/nsvmoz_vp3_mp3_3_5.xpi">Mozilla Firefox 3.5.x </a></p>
<p>Espero que les sea de Utilidad.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.zoneartcss.com/tips/plugins-para-firefox-y-internet-explorer-de-video-streaming-shoutcast/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE PNG FIX &#8211; Solucion a PNG &#8216;s con transparencia en IE6</title>
		<link>http://www.zoneartcss.com/general/ie-png-fix-solucion-a-png-s-con-transparencia-en-ie6/</link>
		<comments>http://www.zoneartcss.com/general/ie-png-fix-solucion-a-png-s-con-transparencia-en-ie6/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 03:01:29 +0000</pubDate>
		<dc:creator>miguelortega</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[32 bit]]></category>
		<category><![CDATA[8-bits]]></category>
		<category><![CDATA[alpha]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[fix]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[problema]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[solucion]]></category>
		<category><![CDATA[transparency]]></category>
		<category><![CDATA[transparente]]></category>

		<guid isPermaLink="false">http://www.zoneartcss.com/?p=96</guid>
		<description><![CDATA[Porfin una solucion definitiva para los PNG con transparencia en IE con Javascript y Prototype. Ya sabemos todos lo amargo que es que este famoso Internet Explorer 6 nos haga mas dificil nuestros proyectos, cuando llegamos al famoso &#8220;Test en otros navegadores&#8221;, en lo personal eh probado miles&#8230; de FIXS, HACKS, y otras soluciones y metodos extraños, muy prometedores pero nunca, me funcionaron&#8230; algunas gentes dicen que si&#8230; pero bueno, espero que la utilizen y [...]]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p style="text-align: center;"><img class="aligncenter" src="http://www.zoneartcss.com/wp-content/ie_trans_fix.jpg" alt="soy ie6 y soy transparente" width="500" height="130" /></p>
<p>Porfin una <strong>solucion definitiva </strong>para los <strong>PNG</strong> con <strong>transparencia</strong> en <strong>IE</strong> con <strong><a href="http://www.miempresaenlinea.com">Javascript</a></strong> y <strong>Prototype.</strong><br />
<span id="more-96"></span><br />
Ya sabemos todos lo amargo que es que este famoso <strong>Internet Explorer 6 </strong>nos haga mas dificil nuestros proyectos, cuando llegamos al famoso &#8220;Test en otros navegadores&#8221;, en lo personal eh probado miles&#8230; de <strong>FIXS</strong>, <strong>HACKS</strong>, y otras <strong>soluciones</strong> y <strong>metodos</strong> extraños, muy prometedores pero nunca, me funcionaron&#8230; algunas gentes dicen que si&#8230; pero bueno, espero que la utilizen y queden satisfechos como yo&#8230; estoy <strong>implementando</strong> un <strong>Theme</strong> para <strong>WordPress</strong> en la <strong><a title="Sistemex - Web Solutions" href="http://sistemex.com/" target="_blank">empresa</a></strong> donde trabajo&#8230; y uso <strong>transparencias</strong> y me fue y es muy util esta <strong>solucion</strong> a los <strong>PNG&#8217;S </strong>y aqui la comparto con ustedes&#8230;</p>
<h2><span style="color: #808000;"><strong>Antes de aplicarlo es bueno saber que:</strong></span></h2>
<p>1.- Necesita la <strong>libreria JS</strong> de <a title="Prototype JavaScript framework: Prototype 1.6.0" href="http://www.prototypejs.org/2007/8/15/prototype-1-6-0-release-candidate">Prototype 1.6</a><br />
2.- Funciona tanto en imagenes (&lt;img/&gt;) como en (#<strong>css</strong>{<strong>background</strong>:url&#8230;}), pero!&#8230; si es un <strong>fondo en mosaico</strong> (que se repite X o Y o las 2) no funciona.</p>
<p>Bueno&#8230; para aplicarlo como eh dicho necesita <strong>Prototype</strong> asi que lo llamamos desde nuestro <strong>&lt;head&gt;</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;javascripts/prototype.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></td></tr></table></div>

<p>luego llamamos a <strong>pngHack.js</strong> este archivo necesita un <strong>gif</strong> (s.gif) que viene en dentro del <strong>zip</strong>&#8230; simplemente lo agregamos en una carpeta llamada &#8220;<strong>images</strong>&#8220;,</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;javascripts/pngHack.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></td></tr></table></div>

<p>Luego llamamos a <strong>functions.js</strong> que es donde configuramos nuestros elementos que tendran <strong>transparencia</strong>.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;javascripts/functions.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></div></div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// aplica el hack al elemento con la &quot;&lt;strong&gt;id&lt;/strong&gt;&quot; &lt;strong&gt;yourPNG&lt;/strong&gt;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'yourPNG'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">pngHack</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// aplica el hack a todos estos elementos</span>
$$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'div#fixMe'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'img#andMe'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'img.andUsTo'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">invoke</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'pngHack'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><a href="http://deletem3.com/dump/pngHack/readme.html">Ver demo en linea</a><br />
<a href="http://code.google.com/p/pnghack/downloads/list">Descargar PNG FIX FOR IE</a><br />
Y eso es todo por ahora&#8230; tratare de encontrar mas soluciones a este enorme problema&#8230;</p>
<p>Conoces una solucion mas???<br />
funciona al 100%????<br />
quieres compartirla con nosotros??&#8230;.<br />
pues envianos tus aportaciones a&#8230;. <a href="http://www.zoneartcss.com/informacion/">Tu Granito de Arena!!</a></p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.zoneartcss.com/general/ie-png-fix-solucion-a-png-s-con-transparencia-en-ie6/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

