<?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>Píxeles y Códigos</title>
	<atom:link href="http://www.pixelesycodigos.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pixelesycodigos.com</link>
	<description>Es la bitácora de Joan Peramás Ceras</description>
	<lastBuildDate>Sat, 07 Aug 2010 22:25:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>HTML 5 : Una cura para div – titis</title>
		<link>http://www.pixelesycodigos.com/2010/08/07/html-5-una-cura-para-div-%e2%80%93-titis/</link>
		<comments>http://www.pixelesycodigos.com/2010/08/07/html-5-una-cura-para-div-%e2%80%93-titis/#comments</comments>
		<pubDate>Sat, 07 Aug 2010 18:17:16 +0000</pubDate>
		<dc:creator>Joan Peramás</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[HTML 5]]></category>

		<guid isPermaLink="false">http://www.pixelesycodigos.com/?p=84</guid>
		<description><![CDATA[Este post no intenta ser un manual de HTML 5, sino una visión de como va cambiando la manera de escribir HTML con el uso de esta nueva especificación y los nuevos tiempos. Si bien es cierto que HTML 5 &#8230; <a href="http://www.pixelesycodigos.com/2010/08/07/html-5-una-cura-para-div-%e2%80%93-titis/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p class="txt12">Este post no intenta ser un manual de <a href="http://es.wikipedia.org/wiki/HTML_5" target="_blank">HTML 5</a>, sino una visión de como va cambiando la manera de escribir HTML con el uso de esta <a href="http://dev.w3.org/html5/spec/Overview.html" target="_blank">nueva especificación</a> y los nuevos tiempos.</p>
<p>Si bien es cierto que <a href="http://es.wikipedia.org/wiki/HTML_5" target="_blank">HTML 5</a> es una tecnología creada para modernizar la web y el desarrollo de aplicaciones para está, También es cierto que tiene aún camino que recorrer para volverse una realidad en uso, ya sea por no estar implementado en navegadores antiguos ó porque simplemente los desarrolladores aún no se sienten cómodos con esta nueva herramienta.</p>
<blockquote><p>HTML 5 también significa para los diseñadores y/o desarrolladores que escriben HTML, un salto hacia adelante, como lo hizo el pasar de escribir HTML usando tablas (<a href="http://www.w3schools.com/html/html_tables.asp" target="_blank">&lt;table&gt;</a>) a usar Div (<a href="http://www.w3schools.com/tags/tag_div.asp" target="_blank">&lt;div&gt;</a>).</p></blockquote>
<p><span id="more-84"></span></p>
<p>Hasta estos días aún el uso de &#8211; <a href="http://www.w3schools.com/tags/tag_div.asp" target="_blank">divs</a> &#8211; es el estándar y lo convencional, a la vez se a convertido en una necesidad, más que en una forma semántica de escribir HTML. Por tal razón los diseñadores y/o desarrolladores inexpertos hacen de estas sin tener en cuenta la correcta escritura semántica y contextual del lenguaje.  Por el desconocimiento de otras etiquetas que se ajustan al contexto deseado.<br />
HTML 4 nos ofreció variedad de etiquetas, pero no la totalidad deseada para mejorar y hacer entendible su escritura en el contexto deseado, por ende se abuso del uso de -div- convirtiéndolo en la etiqueta mas usada y a veces mal usada, hasta convertirla en casi un sindrome llamado <strong>div &#8211; titis</strong> ( <span class="txt12">haciendo referencia a la pagina 69 del libro <a href="http://books.alistapart.com/product/html5-for-web-designers" target="_blank">HTML 5 FOR WEB DESIGNERS</a><span> ) .</span></span></p>
<blockquote><p>Hoy todo parece cambiar, HTML 5 trae entre sus brazos la cura para <strong>div – titis</strong>, modelando mejor el uso de la escritura sem&aacute;ntica y la comprensi&oacute;n del lenguaje. Con la incorporación de nuevas etiquetas que complementan y mejoran la escritura del lenguaje en el contexto deseado.</p></blockquote>
<p><strong>Etiquetas de contenido</strong> : Con las cuales podemos escribir partes especificas del documento HTML como la cabecera, la barra lateral, el menú, el pie de pagina, artículos, grupos de encabezados, navegación, marcas, direcciones, etc . dejando de lado los mal usados &#8211; divs &#8211; por Etiquetas de por si denotan el contexto.</p>
<p><strong>Etiquetas de contenido especifico</strong> : tales como Audio, Vídeo, Canvas, Area, Tiempo, Fecha, etc. que dejan de lado de elementos externos, como películas en flash y/o player audio y vídeo, scripts para medir el tiempo, etc.</p>
<p><strong>Formlarios 2.0</strong> : Nuevas tipos de campos creados para cubrir requerimientos específicos como el campo para correo electrónico, listas de datos, barra de progeso, fecha, keygen, auto focos, auto completadores, etc.</p>
<div class="cnt-img"><a href="http://www.pixelesycodigos.com/wp-content/uploads/2010/07/joan.jpg"><img src="http://www.pixelesycodigos.com/wp-content/uploads/2010/08/timelinehtml5.png" alt="Linea de Tiempo HTML 5" /></a></p>
<figure class="detail-img">HTML 5 Evolución de la Escritura</figure>
</div>
<p class="txt12">- fuente : <a href="http://www.w3.org/" target="_blank">W3C</a> y <a href="http://es.wikipedia.org/wiki/Wikipedia:Portada" target="_blank">Wikipedia</a></p>
<p>La siguiente Inforgrafía compará dos escrituras de HTML. Si antes nuestro código lucía con muchos -div- ( Izquierda ), nuestro código con HTML 5 lucirá así ( Derecha )</p>
<div class="cnt-img"><a href="http://www.pixelesycodigos.com/wp-content/uploads/2010/07/joan.jpg"><img src="http://www.pixelesycodigos.com/wp-content/uploads/2010/08/htmlahtml5.png" alt="Diferencia de Marcado" /></a><br />
<figure class="detail-img">Diferencia de HTML</figure>
</div>
<p>Puedes comentar, si te gusto la entrada, si tienes una idea diferente ó quieres conversar, sí deseas saber más sobre HTML 5 puedes revisar la <a href="http://dev.w3.org/html5/spec/Overview.html" target="_blank">referencia del W3C</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pixelesycodigos.com/2010/08/07/html-5-una-cura-para-div-%e2%80%93-titis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El Inicio del Viaje</title>
		<link>http://www.pixelesycodigos.com/2010/07/06/el-inicio-del-viaje/</link>
		<comments>http://www.pixelesycodigos.com/2010/07/06/el-inicio-del-viaje/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 10:54:26 +0000</pubDate>
		<dc:creator>Joan Peramás</dc:creator>
				<category><![CDATA[Off Topic]]></category>
		<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://www.pixelesycodigos.com/?p=1</guid>
		<description><![CDATA[El Inicio del Viaje es una Metáfora, no es que viaje físicamente o me aleje, sino mas bien es una forma mía de expresar el inicio de un nuevo rumbo en mi vida, y la importancia que quiero darle a &#8230; <a href="http://www.pixelesycodigos.com/2010/07/06/el-inicio-del-viaje/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>El Inicio del Viaje</strong> es una <strong>Metáfora</strong>, no es que viaje físicamente o me aleje, sino mas bien es una forma mía de expresar el inicio de un nuevo rumbo en mi vida, y la importancia que quiero darle a escribir una – <a href="http://es.wikipedia.org/wiki/Blog" target="_blank">Bitácora</a> &#8211; ó <a href="http://es.wikipedia.org/wiki/Blog" target="_blank">Blog</a>.</p>
<p>Es julio del 2010 y, hace algunos años atrás tenia esa idea titilante en mi cabeza, Escribir un Blog; Donde pueda expresarme, aprender, explorar, Imaginar y en cierto modo Conversar con los demás. Mentiría si diría que este es el primer diseño o intento que hago, ya lo había intentado anteriormente, pero siento que es el más concreto, como también  el inicio de este viaje en mi vida.</p>
<p><span id="more-1"></span></p>
<p>Me apasiona Internet; el inmenso océano que esta creando para poder navegar, cada lugar, cada página web es un mundo distinto y Los <strong>Píxeles y Códigos</strong> son como las células de esta araña en desarrollo.</p>
<p>Actualmente trabajo como implementador de <a href="http://www.w3.org/MarkUp/#whatis" target="_blank">HTML</a> y <a href="http://www.w3.org/Style/CSS/" target="_blank">CSS</a> ( especializandome aún en <a href="http://es.wikipedia.org/wiki/JavaScript">Javascript</a> y <a href="http://es.wikipedia.org/wiki/ActionScript" target="_blank">AS</a> como también <a href="http://www.maestrosdelweb.com/principiantes/los-diferentes-lenguajes-de-programacion-para-la-web/" target="_blank">lenguajes de desarrollo de lado del servidor</a> y para <a href="http://www.maestrosdelweb.com/editorial/%C2%BFpor-que-la-web-movil-es-nuestra-proxima-parada/" target="_blank">aplicaciones moviles</a> ), estudio Ing. Informática, soy padre de una hermosa niña de 1 año y medio, me gusta el desarrollo y diseño  de interfaces de usuario, me gusta la tecnología aunque aún no cuento aun con los recursos suficientes para poder tener todo los gadgets que quisiera.  También los libros de historias que te suelen transportar a mundos paralelos, soy un aficionado de la fotografía digital, la ciencia ficción, el cine, el arte, la música con sentido … . Y de todos estos gustos pienso hacer una especie de sopa nutritiva para dar vida a este espacio.</p>
<p>Sin más, ya nos estaremos escribiendo, este fue el post de presentación, espero que te sientas acogido, en esta pequeña ventana de internet que eh creado para poder compartir y conversar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pixelesycodigos.com/2010/07/06/el-inicio-del-viaje/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
