<?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>ARTEgami &#187; CSS</title>
	<atom:link href="http://artegami.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://artegami.com</link>
	<description>Diseño Grafico, Diseño Web, Multimedia, SEO, Freelance, Blog</description>
	<lastBuildDate>Fri, 20 Nov 2009 12:00:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>13 tutoriales CSS para crear un men&#250;</title>
		<link>http://artegami.com/13-tutoriales-css-para-crear-un-men/</link>
		<comments>http://artegami.com/13-tutoriales-css-para-crear-un-men/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 11:00:00 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Menú CSS]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Navegación]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/13-tutoriales-css-para-crear-un-men/</guid>
		<description><![CDATA[
Creo que alguna vez les comenté la importancia que un menú CSS tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú [...]


También puedes leer<ol><li><a href='http://artegami.com/17-tutoriales-para-crear-efectos-de-luces/' rel='bookmark' title='Permanent Link: 17 tutoriales para crear efectos de luces'>17 tutoriales para crear efectos de luces</a></li><li><a href='http://artegami.com/mas-de-50-tutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: Mas de 50 tutoriales para crear iconos'>Mas de 50 tutoriales para crear iconos</a></li><li><a href='http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/' rel='bookmark' title='Permanent Link: Cómo crear un portafolio de una página en Photoshop'>Cómo crear un portafolio de una página en Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" style="float: none;margin-left: auto;margin-right: auto" src="http://artegami.com/wp-content/uploads/2009/11/menucss.jpg" alt="menucss 13 tutoriales CSS para crear un men&uacute;" width="400" height="200" title="13 tutoriales CSS para crear un men&uacute;" /></p>
<p>Creo que alguna vez les comenté la importancia que un <strong>menú CSS</strong> tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú donde tendrá la posibilidad de recorrer todas las secciones de nuestro proyecto, así que se merece la atención.</p>
<p><a href="http://www.skyje.com/2009/10/css-tutorials-navigation-menu/" target="_blank">Skyje</a> publicó hace poco un interesante artículo donde nos ofrece <strong>trece tutoriales CSS</strong> que nos explican paso a paso cómo crear un menú para nuestro sitio web o blog. Se incluyen menús horizontales, verticales, con efectos o bien simples, así que seguramente encuentres uno adecuado a tu proyecto sin mayores problemas.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/17-tutoriales-para-crear-efectos-de-luces/' rel='bookmark' title='Permanent Link: 17 tutoriales para crear efectos de luces'>17 tutoriales para crear efectos de luces</a></li><li><a href='http://artegami.com/mas-de-50-tutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: Mas de 50 tutoriales para crear iconos'>Mas de 50 tutoriales para crear iconos</a></li><li><a href='http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/' rel='bookmark' title='Permanent Link: Cómo crear un portafolio de una página en Photoshop'>Cómo crear un portafolio de una página en Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/13-tutoriales-css-para-crear-un-men/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo crear un sitio web en Dreamweaver con CSS</title>
		<link>http://artegami.com/como-crear-un-sitio-web-en-dreamweaver-con-css/</link>
		<comments>http://artegami.com/como-crear-un-sitio-web-en-dreamweaver-con-css/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 13:00:28 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[videotutorial]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=5052</guid>
		<description><![CDATA[
Muchos usan para diseñar el programa de Adobe, Dreamweaver. Un programa que nació con pocas opciones y que con los años llegó a ser muy completo, además de contar con diferentes extensiones que nos ayudan a realizar diferentes tareas de forma mas sencilla. Ideal para quienes están aprendiendo.
En el video que vamos a ver a [...]


También puedes leer<ol><li><a href='http://artegami.com/tutoriales-de-dreamweaver-cs4/' rel='bookmark' title='Permanent Link: Tutoriales de Dreamweaver CS4'>Tutoriales de Dreamweaver CS4</a></li><li><a href='http://artegami.com/como-crear-una-flor-de-origami/' rel='bookmark' title='Permanent Link: Como crear una flor de origami'>Como crear una flor de origami</a></li><li><a href='http://artegami.com/12-videotutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: 12 videotutoriales para crear iconos'>12 videotutoriales para crear iconos</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="size-full wp-image-5053 aligncenter" src="http://artegami.com/wp-content/uploads/2009/10/dreamwevaver.jpg" alt="dreamwevaver Cómo crear un sitio web en Dreamweaver con CSS" width="400" height="205" title="Cómo crear un sitio web en Dreamweaver con CSS" /></p>
<p>Muchos usan para diseñar el programa de Adobe, Dreamweaver. Un programa que nació con pocas opciones y que con los años llegó a ser muy completo, además de contar con diferentes extensiones que nos ayudan a realizar diferentes tareas de forma mas sencilla. Ideal para quienes están aprendiendo.</p>
<p>En el video que vamos a ver a continuación, nos enseñan a<strong> crear una plantilla con CSS</strong> ahorrando mucho tiempo y trabajo, de forma fácil e ideal para que aprendamos un poco mas sobre este tipo de código, que es el que nos ayuda a darle estilo a nuestros elementos.</p>
<p>Los dejo para que aprovechen y practiquen un poco quienes sean usuarios de <strong>Dreamweaver</strong>.</p>
<p><a href="http://artegami.com/como-crear-un-sitio-web-en-dreamweaver-con-css/"><em>Click here to view the embedded video.</em></a></p>
<p>Fuente: <a href="http://webdizeo.com/how-to-create-a-website-layout-in-dreamweaver-with-css" target="_blank">WebDizeo</a></p>


<p>También puedes leer<ol><li><a href='http://artegami.com/tutoriales-de-dreamweaver-cs4/' rel='bookmark' title='Permanent Link: Tutoriales de Dreamweaver CS4'>Tutoriales de Dreamweaver CS4</a></li><li><a href='http://artegami.com/como-crear-una-flor-de-origami/' rel='bookmark' title='Permanent Link: Como crear una flor de origami'>Como crear una flor de origami</a></li><li><a href='http://artegami.com/12-videotutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: 12 videotutoriales para crear iconos'>12 videotutoriales para crear iconos</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/como-crear-un-sitio-web-en-dreamweaver-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Encontrando inspiraci&#243;n en SiteInspire</title>
		<link>http://artegami.com/encontrando-inspiracin-en-siteinspire/</link>
		<comments>http://artegami.com/encontrando-inspiracin-en-siteinspire/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 10:00:00 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[galeria]]></category>
		<category><![CDATA[inspiración]]></category>

		<guid isPermaLink="false">http://artegami.com/encontrando-inspiracin-en-siteinspire/</guid>
		<description><![CDATA[
Cuando trabajamos tanto tiempo creando diferentes diseños y sitios, es muy fácil que uno se sienta abrumado, o falto de inspiración. En esos casos es que hay que encontrarla, porque en este trabajo generalmente las fechas de entrega nos apuran y no hay tiempo para relajarse en el medio.
Para inspirarnos podemos pasar por SiteInspire, un [...]


También puedes leer<ol><li><a href='http://artegami.com/10-galeras-con-diseos-web/' rel='bookmark' title='Permanent Link: 10 galer&iacute;as con dise&ntilde;os web'>10 galer&iacute;as con dise&ntilde;os web</a></li><li><a href='http://artegami.com/galeria-de-portafolios-web/' rel='bookmark' title='Permanent Link: Galería de portafolios web'>Galería de portafolios web</a></li><li><a href='http://artegami.com/galeria-de-sitios-web/' rel='bookmark' title='Permanent Link: Galería de sitios web'>Galería de sitios web</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" style="float: none;margin-left: auto;margin-right: auto" src="http://artegami.com/wp-content/uploads/2009/10/inspiracion.jpg" alt="inspiracion Encontrando inspiraci&oacute;n en SiteInspire" width="400" height="287" title="Encontrando inspiraci&oacute;n en SiteInspire" /></p>
<p>Cuando trabajamos tanto tiempo creando diferentes diseños y sitios, es muy fácil que uno se sienta abrumado, o falto de inspiración. En esos casos es que hay que encontrarla, porque en este trabajo generalmente las fechas de entrega nos apuran y no hay tiempo para relajarse en el medio.</p>
<p>Para inspirarnos podemos pasar por <a href="http://siteinspire.net/" target="_blank">SiteInspire</a>, un interesante sitio que se encarga de mostrar una <strong>extensa galería con diseños CSS</strong> mostrando lo mejor del diseño web de la actualidad.</p>
<p>Hasta el momento de escribir este post, la galería contaba con 1.195 sitios en su galería, ordenados por estilo, tema y tipo, además de claro, tener la opción de navegarlo de forma aleatoria.</p>
<p>Por último, si nuestro sitio es realmente genial, o por lo menos creemos eso, podemos enviar la solicitud para ver si somos aprobados y formamos parte de tanta creatividad.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/10-galeras-con-diseos-web/' rel='bookmark' title='Permanent Link: 10 galer&iacute;as con dise&ntilde;os web'>10 galer&iacute;as con dise&ntilde;os web</a></li><li><a href='http://artegami.com/galeria-de-portafolios-web/' rel='bookmark' title='Permanent Link: Galería de portafolios web'>Galería de portafolios web</a></li><li><a href='http://artegami.com/galeria-de-sitios-web/' rel='bookmark' title='Permanent Link: Galería de sitios web'>Galería de sitios web</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/encontrando-inspiracin-en-siteinspire/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Artículos de Interés</title>
		<link>http://artegami.com/articulos-de-interes/</link>
		<comments>http://artegami.com/articulos-de-interes/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 06:20:58 +0000</pubDate>
		<dc:creator>ArteGami</dc:creator>
				<category><![CDATA[Artículos]]></category>
		<category><![CDATA[artegami]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=4950</guid>
		<description><![CDATA[Deseo compartir con ustedes algunos artículos que me han parecido interesantes durante esta semana. Algunos son de mi micro red de blogs, y otros son de sitios amigos.
¿Qué tipo de lesbiana eres?
Detrás de escena de Jennifer’s Body
Trailer de Leslie, My Name Is Evil
Cómo se elige el nombre de un huracán
10 datos curiosos sobre la Tierra
Mide [...]


También puedes leer<ol><li><a href='http://artegami.com/articulos-de-interes-3/' rel='bookmark' title='Permanent Link: Artículos de Interés'>Artículos de Interés</a></li><li><a href='http://artegami.com/articulos-de-interes-2/' rel='bookmark' title='Permanent Link: Articulos de Interes'>Articulos de Interes</a></li><li><a href='http://artegami.com/consejos-para-trabajar-mejor-con-photoshop/' rel='bookmark' title='Permanent Link: Consejos para trabajar mejor con Photoshop'>Consejos para trabajar mejor con Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Deseo compartir con ustedes algunos artículos que me han parecido interesantes durante esta semana. Algunos son de mi micro red de blogs, y otros son de sitios amigos.</p>
<p><a href="http://www.ciudadpride.com/%c2%bfque-tipo-de-lesbiana-eres">¿Qué tipo de lesbiana eres?</a><br />
<a href="http://www.cinemaurbano.com/detras-de-escena-de-jennifers-body/">Detrás de escena de Jennifer’s Body</a><br />
<a href="http://www.cinemaurbano.com/trailer-de-leslie-my-name-is-evil/">Trailer de Leslie, My Name Is Evil</a><br />
<a href="http://www.lointeresante.com/cmo-se-elige-el-nombre-de-huracn">Cómo se elige el nombre de un huracán</a><br />
<a href="http://www.lointeresante.com/10-datos-curiosos-sobre-la-tierra">10 datos curiosos sobre la Tierra</a><br />
<a href="http://www.lointeresante.com/mide-online-la-felicidad-del-mundo">Mide online la felicidad del mundo<br />
</a><a href="http://www.cofregrafico.com/mas-de-50-texturas-impresionantes-de-madera/">Descargar 50 texturas de madera para diseño gráfico</a><br />
<a href="http://www.cofregrafico.com/10-texturas-en-alta-resolucion-para-tus-disenos/">10 texturas en alta resolución para tus diseños</a><br />
<a href="http://artegami.com/editores-css-para-desarrolladores/">Editores CSS para desarrolladores</a><br />
<a href="http://artegami.com/cmo-manipular-un-ojo-con-photoshop/">Cómo manipular un ojo con Photoshop</a></p>


<p>También puedes leer<ol><li><a href='http://artegami.com/articulos-de-interes-3/' rel='bookmark' title='Permanent Link: Artículos de Interés'>Artículos de Interés</a></li><li><a href='http://artegami.com/articulos-de-interes-2/' rel='bookmark' title='Permanent Link: Articulos de Interes'>Articulos de Interes</a></li><li><a href='http://artegami.com/consejos-para-trabajar-mejor-con-photoshop/' rel='bookmark' title='Permanent Link: Consejos para trabajar mejor con Photoshop'>Consejos para trabajar mejor con Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/articulos-de-interes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Editores CSS para desarrolladores</title>
		<link>http://artegami.com/editores-css-para-desarrolladores/</link>
		<comments>http://artegami.com/editores-css-para-desarrolladores/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 11:00:00 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Editores CSS]]></category>
		<category><![CDATA[herramientas]]></category>

		<guid isPermaLink="false">http://artegami.com/editores-css-para-desarrolladores/</guid>
		<description><![CDATA[
Tener un editor CSS es siempre útil cuando uno se dedica al desarollo. Si bien un archivo CSS es solo texto y podemos utilizar el bloc de notas, este tipo de aplicaciones nos ofrecen ciertos elementos que el anterior no, y por ende nos ayudan en varias tareas, además de ahorrar tiempo, algo preciado por [...]


También puedes leer<ol><li><a href='http://artegami.com/top-100-de-cheat-sheets-para-desarrolladores/' rel='bookmark' title='Permanent Link: Top 100 de cheat sheets para desarrolladores'>Top 100 de cheat sheets para desarrolladores</a></li><li><a href='http://artegami.com/30-herramientas-gratuitas-para-disenadores-web/' rel='bookmark' title='Permanent Link: 30 herramientas gratuitas para diseñadores web'>30 herramientas gratuitas para diseñadores web</a></li><li><a href='http://artegami.com/guia-seo-para-disenadores-y-desarrolladores-web/' rel='bookmark' title='Permanent Link: Guia SEO para diseñadores y desarrolladores web'>Guia SEO para diseñadores y desarrolladores web</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" style="float: none;margin-left: auto;margin-right: auto" src="http://artegami.com/wp-content/uploads/2009/09/csseditors.jpg" alt="csseditors Editores CSS para desarrolladores" width="400" height="212" title="Editores CSS para desarrolladores" /></p>
<p>Tener un <strong>editor CSS</strong> es siempre útil cuando uno se dedica al desarollo. Si bien un archivo CSS es solo texto y podemos utilizar el bloc de notas, este tipo de aplicaciones nos ofrecen ciertos elementos que el anterior no, y por ende nos ayudan en varias tareas, además de ahorrar tiempo, algo preciado por todos los que trabajamos con fechas de entrega presentes constantemente.</p>
<p>En <a href="http://thedesignmag.com/14-useful-css-editors-for-web-developers-and-designers.html" target="_blank">TheDesignMag</a> publicaron una lista con<strong> 14 editores CSS</strong> que seguro van a ser útiles para trabajar. Yo les recomiendo si no usan ninguno, que por lo menos prueben, a ver si les resulta cómodo.</p>
<p>La lista es extensa y abarca tanto programas bien simples como algunos mas avanzados, así que solo resta que cada uno encuentre el que sea mejor para si mismo. En lo personal, uso <a href="http://notepad-plus.sourceforge.net/es/site.htm" target="_blank">Notepad++</a>.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/top-100-de-cheat-sheets-para-desarrolladores/' rel='bookmark' title='Permanent Link: Top 100 de cheat sheets para desarrolladores'>Top 100 de cheat sheets para desarrolladores</a></li><li><a href='http://artegami.com/30-herramientas-gratuitas-para-disenadores-web/' rel='bookmark' title='Permanent Link: 30 herramientas gratuitas para diseñadores web'>30 herramientas gratuitas para diseñadores web</a></li><li><a href='http://artegami.com/guia-seo-para-disenadores-y-desarrolladores-web/' rel='bookmark' title='Permanent Link: Guia SEO para diseñadores y desarrolladores web'>Guia SEO para diseñadores y desarrolladores web</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/editores-css-para-desarrolladores/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
