<?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; Disseny</title>
	<atom:link href="http://openpitu.com/tag/disseny/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>Millora GIMP amb G&#8217;MIC</title>
		<link>http://openpitu.com/2010/09/12/millora-gimp-amb-gmic/</link>
		<comments>http://openpitu.com/2010/09/12/millora-gimp-amb-gmic/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 23:59:40 +0000</pubDate>
		<dc:creator>Pitu Sabadí</dc:creator>
				<category><![CDATA[How-to's]]></category>
		<category><![CDATA[Disseny]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Imatge]]></category>
		<category><![CDATA[Utilitats]]></category>
		<guid isPermaLink="false">http://openpitu.com/?p=190</guid>
		<description><![CDATA[Els usuaris de Linux, per regla general (i mai és bo generalitzar) no solem ser dissenyador, més aviats som informàtics, i per tant molts de cops (a no ser que haguem treballat molt aquests termes) no som especialistes en l'edició d'imatges. Per tant, sempre ens van bé aplicacions o plugins que ens ajudin en aquesta tasca.
De la mà de Genbeta (blog que cada dia m'agrada més) vaig trobar aquest plugin de Gimp, ideal per a nosaltres. Aquest paquet, inclou molts efectes que ja tenim instal·lats i alguns de nous, però el que realment aporta és poder-los tenir tots en una mateixa finestra i podent veure els resultats en temps reals des d'aquesta.
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/gmic_1.jpg"><img class="size-medium wp-image-194  aligncenter" title="gmic_1" src="http://openpitu.com/wp-content/uploads/2010/09/gmic_1-300x201.jpg" alt="" width="300" height="201" /></a></p>
Ens podem baixar G'MIC des de <a title="Descarregar el paquet" href="http://sourceforge.net/projects/gmic/files/" target="_blank">Source Forge</a> les versions de Linux i altres plataformes.
Mireu un exemple fet amb mentre investigava una mica el seu funcionament. Veiem la imatge inicial:
<p style="text-align: left;"><img class="aligncenter" src="http://www.mapfactory.net/pics/grans/11.jpg" alt="" width="480" height="321" /></p>
<p style="text-align: left;">Imatge intermitja:</p>
<p style="text-align: left;"><a href="http://openpitu.com/wp-content/uploads/2010/09/01_gmic.jpg"><img class="aligncenter size-medium wp-image-195" title="01_gmic" src="http://openpitu.com/wp-content/uploads/2010/09/01_gmic-300x200.jpg" alt="" width="300" height="200" /></a>I finalment:</p>
<p style="text-align: left;"><a href="http://openpitu.com/wp-content/uploads/2010/09/03_gmic1.jpg"><img class="aligncenter size-medium wp-image-199" title="03_gmic" src="http://openpitu.com/wp-content/uploads/2010/09/03_gmic1-300x270.jpg" alt="" width="300" height="270" /></a></p>]]></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/12/millora-gimp-amb-gmic/&amp;title=Millora%20GIMP%20amb%20G%27MIC" 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/12/millora-gimp-amb-gmic/&amp;title=Millora%20GIMP%20amb%20G%27MIC" 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/12/millora-gimp-amb-gmic/" 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/12/millora-gimp-amb-gmic/&amp;title=Millora%20GIMP%20amb%20G%27MIC" 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%2F12%2Fmillora-gimp-amb-gmic%2F&amp;t=Millora%20GIMP%20amb%20G%27MIC&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%2F12%2Fmillora-gimp-amb-gmic%2F&amp;text=Millora%20GIMP%20amb%20G%27MIC&via=openpitu" title="Tweet this"><span class="besocial-text">Twitter</span></a></li><g:plusone></g:plusone></ul></div>
<p>Els usuaris de Linux, per regla general (i mai és bo generalitzar) no solem ser dissenyador, més aviats som informàtics, i per tant molts de cops (a no ser que haguem treballat molt aquests termes) no som especialistes en l&#8217;edició d&#8217;imatges. Per tant, sempre ens van bé aplicacions o plugins que ens ajudin en aquesta tasca.</p>
<p>De la mà de<a title="Font d'informació." href="http://www.genbeta.com/imagen-digital/aplica-mas-de-190-filtros-y-efectos-en-gimp-con-gmic" target="_blank"> Genbeta</a> (blog que cada dia m&#8217;agrada més) vaig trobar aquest plugin de Gimp, ideal per a nosaltres. Aquest paquet, inclou molts efectes que ja tenim instal·lats i alguns de nous, però el que realment aporta és poder-los tenir tots en una mateixa finestra i podent veure els resultats en temps reals des d&#8217;aquesta.</p>
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/gmic_1.jpg"><img class="size-medium wp-image-194  aligncenter" title="gmic_1" src="http://openpitu.com/wp-content/uploads/2010/09/gmic_1-300x201.jpg" alt="" width="300" height="201" /></a></p>
<p>Ens podem baixar G&#8217;MIC des de <a title="Descarregar el paquet" href="http://sourceforge.net/projects/gmic/files/" target="_blank">Source Forge</a> les versions de Linux i altres plataformes.</p>
<p>Mireu un exemple fet amb mentre investigava una mica el seu funcionament. Veiem la imatge inicial:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.mapfactory.net/pics/grans/11.jpg" alt="" width="480" height="321" /></p>
<p style="text-align: left;">Imatge intermitja:</p>
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/01_gmic.jpg"><img class="size-medium wp-image-195  aligncenter" title="01_gmic" src="http://openpitu.com/wp-content/uploads/2010/09/01_gmic-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p style="text-align: left;">I finalment:</p>
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/03_gmic1.jpg"></a><a href="http://openpitu.com/wp-content/uploads/2010/09/01_gmic1.png"><img class="aligncenter size-medium wp-image-204" title="01_gmic" src="http://openpitu.com/wp-content/uploads/2010/09/01_gmic1-300x269.png" alt="" width="300" height="269" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://openpitu.com/2010/09/12/millora-gimp-amb-gmic/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Less Framework 2</title>
		<link>http://openpitu.com/2010/09/06/less-framework-2/</link>
		<comments>http://openpitu.com/2010/09/06/less-framework-2/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 22:35:43 +0000</pubDate>
		<dc:creator>Pitu Sabadí</dc:creator>
				<category><![CDATA[Notícies]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Disseny]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Navegadors]]></category>
		<category><![CDATA[Programació]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://openpitu.com/?p=171</guid>
		<description><![CDATA[Less Framework és un framework de desenvolupament web per a tot tipus de dispositius, també els mòbils. El què es pretén amb el seu ús, es que no s'hagi d'escriure CSS diferents per a cada una de les resolucions que s'utilitzaran. Com tots els FW, porta definides un conjunt de funcionalitats mínimes amb valors predefinits com poden ser les fonts o una reixeta (grid).
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/phone.png"><img class="size-medium wp-image-172  aligncenter" title="phone" src="http://openpitu.com/wp-content/uploads/2010/09/phone-150x300.png" alt="" width="150" height="300" /></a></p>
Less Framework 2 CSS3 ofereix:
<ol>
	<li>Dues columnes a 320px per a smartphones.</li>
	<li>Cinc columnes a 768px per a tablets i netbooks.</li>
	<li>Vuit columes a 1280px per a ordinadors de sobre taula i portàtils.</li>
</ol>
Es pot provar des de la <a title="Pàgina oficial." href="http://lessframework.com/" target="_blank">pàgina oficial</a>. Gràcies a <a title="Font d'informació." href="http://pixelcoblog.com/less-framework-2-desarrollo-web-para-todo-tipo-dispositivos-incluidos-los-moviles/" target="_blank">Pixelco Blog</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/09/06/less-framework-2/&amp;title=Less%20Framework%202" 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/09/06/less-framework-2/&amp;title=Less%20Framework%202" 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/09/06/less-framework-2/" 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/09/06/less-framework-2/&amp;title=Less%20Framework%202" 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%2F09%2F06%2Fless-framework-2%2F&amp;t=Less%20Framework%202&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%2F09%2F06%2Fless-framework-2%2F&amp;text=Less%20Framework%202&via=openpitu" title="Tweet this"><span class="besocial-text">Twitter</span></a></li><g:plusone></g:plusone></ul></div>
<p>Less Framework és un framework de desenvolupament web per a tot tipus de dispositius, també els mòbils. El què es pretén amb el seu ús, es que no s&#8217;hagi d&#8217;escriure CSS diferents per a cada una de les resolucions que s&#8217;utilitzaran. Com tots els FW, porta definides un conjunt de funcionalitats mínimes amb valors predefinits com poden ser les fonts o una reixeta (grid).</p>
<p style="text-align: center;"><a href="http://openpitu.com/wp-content/uploads/2010/09/phone.png"><img class="size-medium wp-image-172  aligncenter" title="phone" src="http://openpitu.com/wp-content/uploads/2010/09/phone-150x300.png" alt="" width="150" height="300" /></a></p>
<p>Less Framework 2 CSS3 ofereix:</p>
<ol>
<li>Dues columnes a 320px per a smartphones.</li>
<li>Cinc columnes a 768px per a tablets i netbooks.</li>
<li>Vuit columes a 1280px per a ordinadors de sobre taula i portàtils.</li>
</ol>
<p>Es pot provar des de la <a title="Pàgina oficial." href="http://lessframework.com/" target="_blank">pàgina oficial</a>. Gràcies a <a title="Font d'informació." href="http://pixelcoblog.com/less-framework-2-desarrollo-web-para-todo-tipo-dispositivos-incluidos-los-moviles/" target="_blank">Pixelco Blog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://openpitu.com/2010/09/06/less-framework-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Color Scheme Designer</title>
		<link>http://openpitu.com/2010/08/23/color-scheme-designer/</link>
		<comments>http://openpitu.com/2010/08/23/color-scheme-designer/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 15:45:20 +0000</pubDate>
		<dc:creator>Pitu Sabadí</dc:creator>
				<category><![CDATA[How-to's]]></category>
		<category><![CDATA[Colors]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Disseny]]></category>
		<category><![CDATA[Utilitats]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">http://openpitu.com/?p=140</guid>
		<description><![CDATA[Ja fa uns dies vaig trobar aquesta <a title="Color Scheme Designer" href="http://www.colorschemedesigner.com/" target="_blank">aplicació </a>web de la mà de <a href="http://www.genbeta.com/web/encuentra-la-mejor-combinacion-de-colores-con-color-scheme-designer" target="_blank">Genbeta</a>. Fins fa poc no l'havia provat i realment dóna prou bons resultats. Aquesta aplicació ens serveix per a trobar una bona combinació de colors a partir d'un color base ja fixat. No és que sigui la millor aplicació però ens pot ser utils a tots aquells que no som dissenyadors i estem en el món del desenvolupament web.
<a href="http://openpitu.com/wp-content/uploads/2010/08/color-scheme-designer.jpg"><img class="aligncenter size-medium wp-image-141" title="color-scheme-designer" src="http://openpitu.com/wp-content/uploads/2010/08/color-scheme-designer-300x168.jpg" alt="" width="300" height="168" /></a>
Així doncs, es tracta de donar un color i ens en mostrarà una combinació de colors amb la qual jugar en el nostre site. La solució que ens mostra podem fer una vista prèvia en un site estàndard per veure com quedaria una web amb aquestes tonalitats. Un cop trobada la combinació desitjada podem exportar-la a HTML amb CSS, text pla, o paltes de Photoshop o GIMP. És molt fàcil d'utilitzar ja ho veureu.
Finalment en el lloc anuncien que properament treuran versions descargables per a Windows, Mac i iPhone. Per acabar s'ha de dir que l'aplicació té un punt a favor molt important, i és que no usa flash en cap moment.
<a href="?p=140" title="Article complet.">Accedir a l'article complet.</a>]]></description>
			<content:encoded><![CDATA[<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-3" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://openpitu.com/2010/08/23/color-scheme-designer/&amp;title=Color%20Scheme%20Designer" title="Submit this to Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-3" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://openpitu.com/2010/08/23/color-scheme-designer/&amp;title=Color%20Scheme%20Designer" title="Submit this to Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-3" rel="nofollow" href="http://bitacoras.com/anotaciones/openpitu.com/2010/08/23/color-scheme-designer/" title="Submit this to Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-3" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://openpitu.com/2010/08/23/color-scheme-designer/&amp;title=Color%20Scheme%20Designer" title="Bookmark this in Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-3" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fopenpitu.com%2F2010%2F08%2F23%2Fcolor-scheme-designer%2F&amp;t=Color%20Scheme%20Designer&amp;src=sp" title="Share this on Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-3" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fopenpitu.com%2F2010%2F08%2F23%2Fcolor-scheme-designer%2F&amp;text=Color%20Scheme%20Designer&via=openpitu" title="Tweet this"><span class="besocial-text">Twitter</span></a></li><g:plusone></g:plusone></ul></div>
<p>Ja fa uns dies vaig trobar aquesta <a title="Color Scheme Designer" href="http://www.colorschemedesigner.com/" target="_blank">aplicació </a>web de la mà de <a href="http://www.genbeta.com/web/encuentra-la-mejor-combinacion-de-colores-con-color-scheme-designer" target="_blank">Genbeta</a>. Fins fa poc no l&#8217;havia provat i realment dóna prou bons resultats. Aquesta aplicació ens serveix per a trobar una bona combinació de colors a partir d&#8217;un color base ja fixat. No és que sigui la millor aplicació però ens pot ser utils a tots aquells que no som dissenyadors i estem en el món del desenvolupament web.</p>
<p><a href="http://openpitu.com/wp-content/uploads/2010/08/color-scheme-designer.jpg"><img class="aligncenter size-medium wp-image-141" title="color-scheme-designer" src="http://openpitu.com/wp-content/uploads/2010/08/color-scheme-designer-300x168.jpg" alt="" width="300" height="168" /></a></p>
<p>Així doncs, es tracta de donar un color i ens en mostrarà una combinació de colors amb la qual jugar en el nostre site. La solució que ens mostra podem fer una vista prèvia en un site estàndard per veure com quedaria una web amb aquestes tonalitats. Un cop trobada la combinació desitjada podem exportar-la a HTML amb CSS, text pla, o paltes de Photoshop o GIMP. És molt fàcil d&#8217;utilitzar ja ho veureu.</p>
<p>Finalment en el lloc anuncien que properament treuran versions descargables per a Windows, Mac i iPhone. Per acabar s&#8217;ha de dir que l&#8217;aplicació té un punt a favor molt important, i és que no usa flash en cap moment.</p>
<p>Pots accedir a <a title="Color Scheme Designer" href="http://www.colorschemedesigner.com/" target="_blank">Color Scheme Designer</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://openpitu.com/2010/08/23/color-scheme-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
