<?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>open-pitu, el blog lliure en català &#187; Internet Explorer</title>
	<atom:link href="http://openpitu.com/tag/internet-explorer/feed/" rel="self" type="application/rss+xml" />
	<link>http://openpitu.com</link>
	<description>Blog dedicat al software lliure i la programació.</description>
	<lastBuildDate>Mon, 03 Sep 2012 15:37:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Google Chrome Frame, millorem IE</title>
		<link>http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/</link>
		<comments>http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 23:49:00 +0000</pubDate>
		<dc:creator>Pitu Sabadí</dc:creator>
				<category><![CDATA[How-to's]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Extensions]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Navegadors]]></category>
		<category><![CDATA[Utilitats]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://openpitu.com/?p=215</guid>
		<description><![CDATA[Per tots és conegut, com a mínim pels informàtics (i en concret desenvolupadors web), que Internet Explorer és un autèntic mal de cap, a part que és un dels navegadors amb pitjor suport als estàndards web i el funcionament de diverses tecnologies actuals, un dels que té pitjor seguretat, més temps de càrrega...
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/ie6trash.png"><img class="size-medium wp-image-217  aligncenter" title="ie6trash" src="http://openpitu.com/wp-content/uploads/2010/09/ie6trash-300x300.png" alt="" width="300" height="300" /></a></p>
A la web, hi ha moltes comparatives entre els diferents navegadors que podem triar actualment (Firefox, Chrome, Safari, Internet Explorer...). En la major part hi pots comprovar diferents característiques i enfocaments, des de les <a href="http://www.microsiervos.com/archivo/internet/chrome-comparado-firefox-explorer.html" target="_blank">"menys tècniques"</a>, les que <a href="http://www.noticias2d.com/2010/07/05/%C2%BF-cual-es-el-navegador-mas-rapido-chrome-vs-opera-vs-ie-vs-mozilla-vs-safari/" target="_blank">comparen velocitats</a>, les <a href="http://auska1714.wordpress.com/2010/02/04/firefox-vs-chrome/" target="_blank">mes especialitzades</a>... Però aquest post, no anirà d'aquest tema.
En la major part dels casos, el desenvolupador ha de perdre un bon temps per a que es vegi per a tots els navegadors igual i en concret per a totes les versions d'Internet Explorer, ja que totes elles funcionen malament (per això el programa de Microsoft en la versió 8 dóna la opció de vista de compatibilitat, ja que són conscients dels problemes que donen a la gent en la visualització de webs).
En certs casos, podem estar en un problema perquè certes tecnologies no acaben de funcionar, perquè ens fa renderitzats lletjos, perquè no accepta PNGs transparents sense ús de JavaScript, perquè és lent, perquè no accepta noves funcions CSS3 que estalvien l'ús de imatges... Es podria seguir, però tampoc és el tema del post totes les contres que pot tenir aquest navegador (per altra banda el més usat pels internautes, tot s'ha de dir).
Anem al tema principal, Google, ha tret Chrome Frame, el qual ens permet que el navegador Internet Explorer funcioni amb el motor de Chrome. L'he provat i realment funciona molt bé. A més, segons els de la G, funciona a partir de Windows XP SP2 i Internet Explorer 6. Si tenim problemes amb la visualització d'aquest navegador, podem posar un avís (un dia d'aquests penjaré com detectar si Chrome Frame està activat o no) dient que els usuaris amb aquest navegador s'instal·lessin el <a href="http://code.google.com/intl/ca-ES/chrome/chromeframe/" target="_blank">plugin següent</a>.
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/frame.jpg"><img class="size-full wp-image-216  aligncenter" title="frame" src="http://openpitu.com/wp-content/uploads/2010/09/frame.jpg" alt="" width="290" height="146" /></a></p>
Per a que això funcioni, caldrà posar la següent línia en els nostre head:
<ol class="code">
	<li>&#60;meta content="chrome=1" http-equiv="X-UA-Compatible"&#62;</li>
</ol>
A partir d'aquí quan algú entri a la nostra web, amb el navegador de Microsoft i el plugin instal·lat, veuran la web com si ho fessin amb el Chrome. Crec que pot ser de molta utilitat per tal de que la gent que funciona amb IE6 puguin veure la web tal com és i no amb la destrossa que els fa. Així mateix, recomano a tota la gent que usa el navegador de la companyia de Bill Gates que provi alternatives, que n'hi ha i de molt bones.]]></description>
			<content:encoded><![CDATA[<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-1" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/&amp;title=Google%20Chrome%20Frame%2C%20millorem%20IE" title="Submit this to Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-1" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/&amp;title=Google%20Chrome%20Frame%2C%20millorem%20IE" title="Submit this to Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-1" rel="nofollow" href="http://bitacoras.com/anotaciones/openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/" title="Submit this to Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-1" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/&amp;title=Google%20Chrome%20Frame%2C%20millorem%20IE" title="Bookmark this in Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-1" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fopenpitu.com%2F2010%2F09%2F27%2Fgoogle-chrome-frame-millorem-ie%2F&amp;t=Google%20Chrome%20Frame%2C%20millorem%20IE&amp;src=sp" title="Share this on Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-1" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fopenpitu.com%2F2010%2F09%2F27%2Fgoogle-chrome-frame-millorem-ie%2F&amp;text=Google%20Chrome%20Frame%2C%20millorem%20IE&via=openpitu" title="Tweet this"><span class="besocial-text">Twitter</span></a></li><g:plusone></g:plusone></ul></div>
<p>Per tots és conegut, com a mínim pels informàtics (i en concret desenvolupadors web), que Internet Explorer és un autèntic mal de cap, a part que és un dels navegadors amb pitjor suport als estàndards web i el funcionament de diverses tecnologies actuals, un dels que té pitjor seguretat, més temps de càrrega&#8230;</p>
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/Google-Chrome-Frame.jpg"><img class="aligncenter size-full wp-image-334" title="Google-Chrome-Frame" src="http://openpitu.com/wp-content/uploads/2010/09/Google-Chrome-Frame.jpg" alt="" width="475" height="331" /></a></p>
<p style="text-align: center;">
<p>A la web, hi ha moltes comparatives entre els diferents navegadors que podem triar actualment (Firefox, Chrome, Safari, Internet Explorer&#8230;). En la major part hi pots comprovar diferents característiques i enfocaments, des de les <a href="http://www.microsiervos.com/archivo/internet/chrome-comparado-firefox-explorer.html" target="_blank">&#8220;menys tècniques&#8221;</a>, les que <a href="http://www.noticias2d.com/2010/07/05/%C2%BF-cual-es-el-navegador-mas-rapido-chrome-vs-opera-vs-ie-vs-mozilla-vs-safari/" target="_blank">comparen velocitats</a>, les <a href="http://auska1714.wordpress.com/2010/02/04/firefox-vs-chrome/" target="_blank">mes especialitzades</a>&#8230; Però aquest post, no anirà d&#8217;aquest tema.</p>
<p>En la major part dels casos, el desenvolupador ha de perdre un bon temps per a que es vegi per a tots els navegadors igual i en concret per a totes les versions d&#8217;Internet Explorer, ja que totes elles funcionen malament (per això el programa de Microsoft en la versió 8 dóna la opció de vista de compatibilitat, ja que són conscients dels problemes que donen a la gent en la visualització de webs).</p>
<p>En certs casos, podem estar en un problema perquè certes tecnologies no acaben de funcionar, perquè ens fa renderitzats lletjos, perquè no accepta PNGs transparents sense ús de JavaScript, perquè és lent, perquè no accepta noves funcions CSS3 que estalvien l&#8217;ús de imatges&#8230; Es podria seguir, però tampoc és el tema del post totes les contres que pot tenir aquest navegador (per altra banda el més usat pels internautes, tot s&#8217;ha de dir).</p>
<p>Anem al tema principal, Google, ha tret Chrome Frame, el qual ens permet que el navegador Internet Explorer funcioni amb el motor de Chrome. L&#8217;he provat i realment funciona molt bé. A més, segons els de la G, funciona a partir de Windows XP SP2 i Internet Explorer 6. Si tenim problemes amb la visualització d&#8217;aquest navegador, podem posar un avís (un dia d&#8217;aquests penjaré com detectar si Chrome Frame està activat o no) dient que els usuaris amb aquest navegador s&#8217;instal·lessin el <a href="http://code.google.com/intl/ca-ES/chrome/chromeframe/" target="_blank">plugin següent</a>.</p>
<p style="text-align: center;">
<p>Per a que això funcioni, caldrà posar la següent línia en els nostre head:</p>
<ol class="code">
<li>&lt;meta content=&#8221;chrome=1&#8243; http-equiv=&#8221;X-UA-Compatible&#8221;&gt;</li>
</ol>
<p>A partir d&#8217;aquí quan algú entri a la nostra web, amb el navegador de Microsoft i el plugin instal·lat, veuran la web com si ho fessin amb el Chrome. Crec que pot ser de molta utilitat per tal de que la gent que funciona amb IE6 puguin veure la web tal com és i no amb la destrossa que els fa. Així mateix, recomano a tota la gent que usa el navegador de la companyia de Bill Gates que provi alternatives, que n&#8217;hi ha i de molt bones.</p>
]]></content:encoded>
			<wfw:commentRss>http://openpitu.com/2010/09/27/google-chrome-frame-millorem-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Degradats de fons només amb CSS</title>
		<link>http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/</link>
		<comments>http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 19:57:34 +0000</pubDate>
		<dc:creator>Pitu Sabadí</dc:creator>
				<category><![CDATA[How-to's]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Navegadors]]></category>
		<category><![CDATA[Programació]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://openpitu.com/?p=135</guid>
		<description><![CDATA[En el disseny web, treballar amb imatges és bastant feixug, i en la major part dels cops és millor usar propietats CSS. Fins al moment sempre que volia fer algun fons amb un degradat el feia creant la imatge, cosa que genera una sèrie d'inconvenients que molts de nosaltres hem anat patint.
Avui, buscant alguna alternativa amb només CSS, he trobat <a title="Enllaç a la font." href="http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/" target="_blank">una solució</a> prou bona que funciona amb els tres navegadors:
<ol class="code">
	<li>background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));</li>
	<li>background: -moz-linear-gradient(top,  #ccc,  #000);</li>
	<li>filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');</li>
</ol>
La primera línia és per a Chrome i Safari, la segona per a Firefox (cal que sigui la versió 3.6 o superior) i la darrera per a Internet Explorer.
<a href="?p=135" title="Llegir l'article complet">Article complet.</a>]]></description>
			<content:encoded><![CDATA[<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-2" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/&amp;title=Degradats%20de%20fons%20nom%C3%A9s%20amb%20CSS" title="Submit this to Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-2" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/&amp;title=Degradats%20de%20fons%20nom%C3%A9s%20amb%20CSS" title="Submit this to Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-2" rel="nofollow" href="http://bitacoras.com/anotaciones/openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/" title="Submit this to Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-2" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/&amp;title=Degradats%20de%20fons%20nom%C3%A9s%20amb%20CSS" title="Bookmark this in Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-2" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fopenpitu.com%2F2010%2F08%2F16%2Fdegradats-de-fons-nomes-amb-css%2F&amp;t=Degradats%20de%20fons%20nom%C3%A9s%20amb%20CSS&amp;src=sp" title="Share this on Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-2" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fopenpitu.com%2F2010%2F08%2F16%2Fdegradats-de-fons-nomes-amb-css%2F&amp;text=Degradats%20de%20fons%20nom%C3%A9s%20amb%20CSS&via=openpitu" title="Tweet this"><span class="besocial-text">Twitter</span></a></li><g:plusone></g:plusone></ul></div>
<p>En el disseny web, treballar amb imatges és bastant feixug, i en la major part dels cops és millor usar propietats CSS. Fins al moment sempre que volia fer algun fons amb un degradat el feia creant la imatge, cosa que genera una sèrie d&#8217;inconvenients que molts de nosaltres hem anat patint.</p>
<p><a href="http://openpitu.com/wp-content/uploads/2010/08/css-gradient.gif"><img class="aligncenter size-full wp-image-137" title="css-gradient" src="http://openpitu.com/wp-content/uploads/2010/08/css-gradient.gif" alt="CSS gradient." width="130" height="115" /></a></p>
<p>Avui, buscant alguna alternativa amb només CSS, he trobat <a title="Enllaç a la font." href="http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/" target="_blank">una solució</a> prou bona que funciona amb els tres navegadors:</p>
<ol class="code">
<li>background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));</li>
<li>background: -moz-linear-gradient(top,  #ccc,  #000);</li>
<li>filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#8217;#cccccc&#8217;, endColorstr=&#8217;#000000&#8242;);</li>
</ol>
<p>La primera línia és per a Chrome i Safari, la segona per a Firefox (cal que sigui la versió 3.6 o superior) i la darrera per a Internet Explorer.</p>
<p>Espero que us sigui d&#8217;utilitat.</p>
]]></content:encoded>
			<wfw:commentRss>http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
