<?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>Adinteractive</title>
	<atom:link href="http://www.adinteractive.co/feed" rel="self" type="application/rss+xml" />
	<link>http://www.adinteractive.co</link>
	<description>SEO en Asturias, Oviedo, Gijón y Bogota</description>
	<lastBuildDate>Thu, 17 May 2012 17:00:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=109</generator>
		<item>
		<title>Lanzamientos del Nuevo BMW Serie 3, sobre el Rio Manzanares</title>
		<link>http://www.adinteractive.co/blog-adinteractive/lanzamientos-del-nuevo-bmw-serie-3-sobre-el-rio-manzanares</link>
		<comments>http://www.adinteractive.co/blog-adinteractive/lanzamientos-del-nuevo-bmw-serie-3-sobre-el-rio-manzanares#comments</comments>
		<pubDate>Thu, 23 Feb 2012 09:47:28 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Alma de ganador]]></category>
		<category><![CDATA[campaña]]></category>
		<category><![CDATA[Campaña BMW]]></category>
		<category><![CDATA[Publicidad en España]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1664</guid>
		<description><![CDATA[No cabe duda del Gran evento que realizo BMW en España,  para el lanzamiento de su nuevo BMW Serie 3. “Alma de ganador” es el concepto que preside la comunicación de la nueva gama, que en España se ha presentado con un notorio evento diseñado por Tango y desarrollado sobre un escenario inédito: el río Manzanares. [...]]]></description>
			<content:encoded><![CDATA[<p>No cabe duda del Gran evento que realizo <a href="http://www.bmw.es/es/es/">BMW </a>en España,  para el lanzamiento de su nuevo BMW Serie 3.</p>
<p>“Alma de ganador” es el concepto que preside la comunicación de la nueva gama, que en España se ha presentado con un notorio evento diseñado por Tango y desarrollado sobre un escenario inédito: el río Manzanares. La agencia proyectó sobre el río una pantalla gigante de agua (32&#215;12 metros) creando el efecto de un holograma gigante con imágenes 3D alusivas a las características del coche y a los valores que con él se quieren asociar.</p>
<p><iframe width="640" height="480" src="http://www.youtube.com/embed/xkzgkqYc8fo" frameborder="0" allowfullscreen></iframe></p>
<p>El evento tuvo lugar el jueves en el Puente del Rey de Madrid Río. Carlos Moyá, Alvaro Quirós y Abel Antón ejercieron de maestros de ceremonia, desafiando a un tiburón sobre las aguas del río.</p>
<p><span id="more-1664"></span></p>
<p>El acto de presentación contó también con la participación de Alejandro Blanco, presidente del COE, y Gernot Volkmer, presidente de BMW España. En total, más de 1.000 invitados se dieron cita en el evento, incluyendo celebridades del mundo del deporte, la cultura y el espectáculo.</p>
<p><iframe width="640" height="360" src="http://www.youtube.com/embed/pMWvvSTffHc" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/blog-adinteractive/lanzamientos-del-nuevo-bmw-serie-3-sobre-el-rio-manzanares/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convocatoria de ideas, Internet de las cosas, lalaboral Gijón</title>
		<link>http://www.adinteractive.co/creatividad/convocatotia-de-ideas-internet-de-las-cosas-lalaboral-gijon</link>
		<comments>http://www.adinteractive.co/creatividad/convocatotia-de-ideas-internet-de-las-cosas-lalaboral-gijon#comments</comments>
		<pubDate>Mon, 28 Nov 2011 14:58:53 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[creatividad]]></category>
		<category><![CDATA[el internet de las cosas]]></category>
		<category><![CDATA[innovación]]></category>
		<category><![CDATA[lalaboral]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1653</guid>
		<description><![CDATA[Lalaboral, Centro de Arte y Creación Industrial, y su desafio de unir el arte y la tecnología en Asturias, lanza una convocatoria junto a Telefónica Digital en el PRIMER desafio global de Arte &#038; Tecnología NEXT THINGS 2012. El desafio es dar rienda suelta al enorme potencial que podemos encontrar entre la creatividad y la [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/adinteractive-Next-Things-20121.jpg" alt="adinteractive Next Things 20121 Convocatoria de ideas, Internet de las cosas, lalaboral Gijón" title="Convocatoria de ideas, Internet de las cosas, lalaboral Gijón" width="400" height="300" class="alignleft size-full wp-image-1657" /></p>
<p><strong>Lalaboral,</strong> Centro de Arte y Creación Industrial, y su desafio de unir el arte y la tecnología en Asturias, lanza una convocatoria junto a Telefónica Digital en el PRIMER desafio global de Arte &#038; Tecnología <strong>NEXT THINGS 2012</strong>.</p>
<p>El desafio es dar rienda suelta al enorme potencial que podemos encontrar entre la creatividad y la visión innovación de artistas y las poderosas tecnologías de hardware abierto.</p>
<div class="clear"></div>
<p><span id="more-1653"></span></p>
<p>Desde el 21 de Noviembre al 5 de Enero, NEXT THINGS 2012, persigue las ideas innovadoras y rompedoras sobre internet de las cosas en la interacción de arte y tecnología: arte que utiliza objetos / espacios / conectados / inteligentes, como un medio o arte que reenmarca, reformula y reflexiona acerca de cuál podria ser el papel del internet de las cosas o en qué se podria convertir.</p>
<p>¿En qué se puede transformar un objeto si lo dotamos de conectividad inalámbrica?<br />
¿Como establecer una interfaz con los espacios que nos rodean y con su estructura subyacente?<br />
¿Que significa que las personas se conecten, no sólo entre si, sino con los objetos, estos entre si?</p>
<p>Se trata de reflexionar sobre este tipo de interrogantes y de explotar el impacto que el internet de las cosas, las interaciones Máquina a Máquina o simplemente con culquier cosa.</p>
<p>Más info: <a href="http://www.laboralcentrodearte.org/es" title="Laboral" rel="nofollow">http://www.laboralcentrodearte.org/es</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/creatividad/convocatotia-de-ideas-internet-de-las-cosas-lalaboral-gijon/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ZMOT el nuevo eBook sobre Marketing de Google</title>
		<link>http://www.adinteractive.co/marketing-digital/zmot-ebook-marketing-google</link>
		<comments>http://www.adinteractive.co/marketing-digital/zmot-ebook-marketing-google#comments</comments>
		<pubDate>Wed, 16 Nov 2011 13:57:24 +0000</pubDate>
		<dc:creator>Fabián Mariano</dc:creator>
				<category><![CDATA[Marketing digital]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[zmot]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1641</guid>
		<description><![CDATA[Una estratégia moderna de marketing al que llamaron &#8220;Ganando el momento cero de la verdad&#8221; la gente de google lo llama el momento de tomar decisiones en línea el momento cero de la verdad o ZMOT, concepto que nos ayuda a comprender el cambio en el panorama del marketing y mostrará las estrategias necesarias para [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/zmot-nuevo-ebook-google.jpg" alt="zmot nuevo ebook google ZMOT el nuevo eBook sobre Marketing de Google" title="ZMOT el nuevo eBook sobre Marketing de Google" width="690" height="200" class="aligncenter size-full wp-image-1642" /></p>
<p>Una estratégia moderna de marketing al que llamaron <em>&#8220;Ganando el momento cero de la verdad&#8221;</em> la gente de google lo llama el momento de tomar decisiones en línea el momento cero de la verdad o <strong>ZMOT</strong>, concepto que nos ayuda a comprender el cambio en el panorama del marketing y mostrará las estrategias necesarias para triunfar.</p>
<p>La manera de comprar está cambiando y las estrategias de marketing ya no pueden seguir el ritmo. Si quiere comprar hojuelas de maíz, entradas para conciertos o su luna de miel en París, Internet ha cambiado nuestra forma de decidir lo que compramos.<span id="more-1641"></span></p>
<h2>Ganando el momento cero de la verdad &#8211; Un nuevo y revolucionario modelo mental</h2>
<p><iframe width="690" height="381" src="http://www.youtube.com/embed/b8zRfiPfGTw" frameborder="0" allowfullscreen></iframe></p>
<p><strong>Entre lo mas destacado del contenido tenemos:</strong></p>
<ul class="plus invent-list">
<li>Las reglas del juego han cambiado</li>
<li>El nuevo modelo mental</li>
<li>El ZMOT está en todas partes</li>
<li>Calificaciones y comentarios: De boca en boca</li>
<li>Pensamiento simultáneo, nunca posterior</li>
<li>Cómo ganar en el ZMOT</li>
<li>¿Los momentos de la verdad convergen en un mismo punto?</li>
</ul>
<p><a href="http://www.zeromomentoftruth.com/google-zmot-es.pdf" title="Libro ZMOT de Google Gratis" target="_blank" rel="nofollow">Descargar Gratis el libro ZMOT en español</a>. O visitar <a href="http://www.zeromomentoftruth.com/?locale=es_mx" target="_blank" rel="nofollow">zeromomentoftruth.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/marketing-digital/zmot-ebook-marketing-google/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 frases memorables en diseño</title>
		<link>http://www.adinteractive.co/publicidad/11-frases-memorables-en-diseno</link>
		<comments>http://www.adinteractive.co/publicidad/11-frases-memorables-en-diseno#comments</comments>
		<pubDate>Thu, 03 Nov 2011 19:29:18 +0000</pubDate>
		<dc:creator>Fabián Mariano</dc:creator>
				<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[Publicidad]]></category>
		<category><![CDATA[citas]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[frases]]></category>
		<category><![CDATA[inspiración]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1592</guid>
		<description><![CDATA[&#8220;El diseño no es sólo lo que se ve y se siente. El diseño es como funciona&#8220;, una frase de uno de los empresarios más revolucionario de todos los tiempos, Steve Jobs, es claramente el marco para el éxito alcanzado por Apple en todo el año. Como diseñadores, estamos siempre en busca de inspiración para [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/love-like-design-300x300.jpg" alt="love like design 300x300 11 frases memorables en diseño" title="11 frases memorables en diseño" width="300" height="300" class="alignleft size-medium wp-image-1594" /> &#8220;<em>El diseño no es sólo lo que se ve y se siente. El diseño es como funciona</em>&#8220;, una frase de uno de los empresarios más revolucionario de todos los tiempos, Steve Jobs, es claramente el marco para el éxito alcanzado por Apple en todo el año.</p>
<p>Como diseñadores, estamos siempre en busca de inspiración para despertar nuestra mente creativa y el mejor lugar para buscar es en la mente de los grandes artistas. Es a partir de sus palabras de sabiduría, que el mundo se está volviendo cada día mejor. Sus frases inspiran a mucha gente y se convierten en el fundamento mismo de nuestra vida. Estas frases traen un sentido de fortalecimiento dentro de nuestras mentes, y nos motiva para obtener mejores resultados.<span id="more-1592"></span></p>
<p>Las frases se utilizan para una gran variedad de razones, para iluminar el significado o para apoyar los argumentos de la obra en la que está siendo citado, para proporcionar información directa sobre el trabajo que se cita (ya sea con el fin de discutir, positiva o negativamente, a rendir homenaje a la obra original o al autor). Las citas son también de impresos como medio de inspiración y para invocar pensamientos filosóficos al lector.</p>
<p>La forma correcta de chispa en nuestras mentes innovadoras es seguir algunas de las frases célebres de artistas famosos. Estas frases se pueden utilizar para destacar la importancia de un adecuado diseño en la creación y/o producción de cualquier arte o elemento. Estas frases se pueden utilizar para argumentar de forma diferente que un diseño es mejor que los demás.</p>
<p>En este artículo, en este artículo hemos querido mostrar unas frases muy buenas y otras poco memorables. Debo admitir que algunos de ellas no son exactamente las frases relacionadas con el diseño pero se ejecutan con gran creatividad que casi me enamoré de ellas y no tuve más remedio que citarlas aquí, dejamos la frase original y la traducción. Si tienes alguna frase buena de diseño, Por favor déjanos un comentario con ella.</p>
<blockquote><p>Choose a Job you love and you will never have to work another day</p>
<p class="strong">Elige un trabajo que ames y no trabajaras un día más &#8211; Via Flickr</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/1-frese-memorable-e1320333757472.jpg" alt="1 frese memorable e1320333757472 11 frases memorables en diseño" title="11 frases memorables en diseño" width="690" height="552" class="alignnone size-full wp-image-1606" /></p>
<blockquote><p>Be the change you want to see in the world</p>
<p class="strong">Sé el cambio que quieres ver en el mundo &#8211; Mahatma Gandhi</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/2-frese-memorable.jpg" alt="2 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="640" height="592" class="alignnone size-full wp-image-1615" /></p>
<blockquote><p>Design is thinking made visual</p>
<p class="strong">El diseño es el pensamiento hecho visual &#8211; Saul Bass</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/3-frese-memorable.png" alt="3 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="640" height="853" class="aligncenter size-full wp-image-1618" /></p>
<blockquote><p>The essential part of creativity is not being afraid to fail</p>
<p class="strong">Un aspecto esencial de la creatividad es no tener miedo al fracaso &#8211; Ewin H. Lang</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/4-frese-memorable.png" alt="4 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="600" height="840" class="aligncenter size-full wp-image-1620" /></p>
<blockquote><p>Designers are meant to be loved, not to be understood</p>
<p class="strong">Los diseñadores estan destinados a ser amados, no entendidos</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/5-frese-memorable.jpg" alt="5 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="600" height="450" class="aligncenter size-full wp-image-1621" /></p>
<blockquote><p>Design must seduce, shape, and more importantly evoke an emotional response</p>
<p class="strong">El diseño debe seducir, la forma, y lo más importante evocar una respuesta emocional</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/6-frese-memorable.jpg" alt="6 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="500" height="476" class="aligncenter size-full wp-image-1623" /></p>
<blockquote><p>Close your eyes and Open your mind</p>
<p class="strong">Cierra los ojos y abre tu mente</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/7-frese-memorable.jpg" alt="7 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="690" height="700" class="aligncenter size-full wp-image-1628" /></p>
<blockquote><p>Good artists copy, Great artists steal</p>
<p class="strong">Los buenos artistas copian, los grandes artistas roban</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/8-frese-memorable.jpg" alt="8 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="600" height="800" class="aligncenter size-full wp-image-1630" /></p>
<blockquote><p>Simplicity is the ultimate form of sophistication</p>
<p class="strong">La simplicidad es la máxima expresión de la sofisticación</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/9-frese-memorable.jpg" alt="9 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="690" height="316" class="aligncenter size-full wp-image-1632" /></p>
<blockquote><p>Life is hard, its harder if you are stupid</p>
<p class="strong">La vida es dura, y más si eres estúpido</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/10-frese-memorable.jpg" alt="10 frese memorable 11 frases memorables en diseño" title="11 frases memorables en diseño" width="640" height="896" class="aligncenter size-full wp-image-1634" /></p>
<blockquote><p>Live like’s there’s no tomorrow</p>
<p class="strong">Vive la vida como si no hubiera un mañana</p>
</blockquote>
<div style="clear:both;display:block;height:10px;"></div>
<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/11/love-like-design.jpg" alt="love like design 11 frases memorables en diseño" title="11 frases memorables en diseño" width="640" height="640" class="aligncenter size-full wp-image-1594" /></p>
<p>No olviden dejar sus comentarios, Gracias. Adinteractive Studio.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/publicidad/11-frases-memorables-en-diseno/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Hemos perdido a un genio, visionario y creativo</title>
		<link>http://www.adinteractive.co/creatividad/hemos-perdido-a-un-genio-visionario-y-creativo-y-el-mundo-ha-perdido-a-un-gran-ser-humano</link>
		<comments>http://www.adinteractive.co/creatividad/hemos-perdido-a-un-genio-visionario-y-creativo-y-el-mundo-ha-perdido-a-un-gran-ser-humano#comments</comments>
		<pubDate>Thu, 06 Oct 2011 08:31:53 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[ipod]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[publicidad]]></category>
		<category><![CDATA[steve jobs]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1546</guid>
		<description><![CDATA[Hemos perdido hoy a un gran visionario, creativo e innovador, un maestro de las ideas, un maestro del &#8220;Think Diferent&#8221; su brillantez, su pasión y su energía fueron la fuente de incontables innovaciones que han enriquecido nuestras vidas y al mundo entero. Adinteractive ha querido hacer una recopilación de algunas de las frases más impactantes [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.adinteractive.co/wp-content/uploads/2011/10/Steven-Jobs-adinteractive2-300x190.jpg" alt="Steven Jobs adinteractive2 300x190 Hemos perdido a un genio, visionario y creativo" width="300" height="190" class="alignleft size-medium wp-image-1551" title="Hemos perdido a un genio, visionario y creativo" /></p>
<p>Hemos perdido hoy a un gran visionario, creativo e innovador, un <em>maestro de las ideas</em>, un maestro del <strong>&#8220;Think Diferent&#8221;</strong> su brillantez, su pasión y su energía fueron la fuente de incontables innovaciones que han enriquecido nuestras vidas y al mundo entero.</p>
<p>Adinteractive ha querido hacer una recopilación de algunas de las frases más impactantes de este genio que siempre nos inspiro. <span id="more-1546"></span></p>
<div style="clear:both;display:block;height:1px;"></div>
<blockquote><p>El diseño no es solo la apariencia, el diseño es cómo funciona</p>
<p class="strong">Steve Jobs</p>
</blockquote>
<blockquote><p>Cuesta demasiado diseñar productos a partir de grupos cerrados. La mayoría de las veces la gente no sabe lo que quiere hasta que se lo enseñas</p>
<p class="strong">Steve Jobs</p>
</blockquote>
<p>Este es un video como homenaje a un <em>maestro de las ideas</em> de la tecnología y el diseño.</p>
<p><iframe width="690" height="381" src="http://www.youtube.com/embed/XKk7HuL4rH8?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p>Gracias, <em>Steve Jobs</em> | 1955-2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/creatividad/hemos-perdido-a-un-genio-visionario-y-creativo-y-el-mundo-ha-perdido-a-un-gran-ser-humano/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marketing de contenidos</title>
		<link>http://www.adinteractive.co/marketing-digital/marketing-de-contenidos</link>
		<comments>http://www.adinteractive.co/marketing-digital/marketing-de-contenidos#comments</comments>
		<pubDate>Fri, 23 Sep 2011 16:16:44 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Marketing digital]]></category>
		<category><![CDATA[marketing de contenidos]]></category>
		<category><![CDATA[marketing de la experiencia]]></category>
		<category><![CDATA[posicionamiento web]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1495</guid>
		<description><![CDATA[El Marketing en Asturias, al igual que  en cualquier ciudad esta apostando a las estrategias del Marketing de contenidos y con ello la inversión de recursos para generar información relevante y de interes a los consumidores. Adinteractive, ha encontrado información relevante sobre algunos articulos del Marketing de contenidos en el portal español Puro marketing, en [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-1497" title="Marketing de contenidos" src="http://www.adinteractive.co/wp-content/uploads/2011/09/marketing-de-contenidos1-300x204.jpg" alt="marketing de contenidos1 300x204 Marketing de contenidos" width="300" height="204" />El <strong>Marketing en Asturias</strong>, al igual que  en cualquier ciudad esta apostando a las estrategias del Marketing de contenidos y con ello la inversión de recursos para generar información relevante y de interes a los consumidores.</p>
<p><strong>Adinteractive,</strong> ha encontrado información relevante sobre algunos articulos del Marketing de contenidos en el portal español Puro marketing, en el cual sacaremos los puntos más relvantes de cada uno de estos artículos.<span id="more-1495"></span></p>
<h2>Calidad vs cantidad</h2>
<p>No cabe duda que las redes sociales llegaron para quedarse y ahí están, han logrado entender de su importancia para relacionarse con los consumidores y llegar a los potenciales clientes y audiencias, las redes sociales inician una nueva era donde la información y los contenidos se convierten en los verdaderos protagonistas.</p>
<p>Las empresas ahora más que nunca están comenzando a apostar fuertemente por las estrategias basadas en el marketing de contenidos, invirtiendo más recursos en la generación de información relevante y de verdadero interés para los usuarios y consumidores, y aprovechando para ello el potencial de los medios y redes sociales para lograr una mayor difusión, alcance e impacto.</p>
<p>Los medios digitales, también han descubierto el poder de redes sociales como Twitter y de como la información y las noticias puede adquirir un efecto viral propagándose a través de la red, de una forma antes nunca imaginada.</p>
<p>A ello sumar, los continuos y nuevos cambios que han modificado por completo la forma en que buscadores como Google procesan, indexan y nos muestran la información que buscamos, y donde el concepto de &#8216;tiempo real&#8217; ahora es un factor determinante. una labor estrategica para los profesionales en<strong> SEO y posicionamiento web.</strong></p>
<p>Esto sin duda ha obligado a las empresas y marcas a modificar sus estrategias de marketing digital poniendo un especial énfasis en la elaboración de contenidos realmente relevantes.</p>
<p>Hemos llegado a este punto, entendiendo lo expuesto como la base fundamental del funcionamiento de una nueva internet donde los usuarios y consumidores pueden ser nuestros mejores aliados pero a la vez, también los más exigente y críticos.</p>
<p>Las empresas y marcas tienen ahora el reto de poner en marcha sus estrategias digitales bajo el nuevo rol de auténticos generadores de contenidos. Los medios digitales sin embargo, acostumbrados a ello, deben establecer sus prioridades y líneas editoriales para ofrecer igualmente información y noticias relevantes donde por encima de todo prime la calidad ante la cantidad. En los excesos y malas prácticas está el riesgo de convertirse en los spammers de la nueva era de la información de los medios y redes sociales.</p>
<p>Como bien lo dice la empresa SCHLZ &amp; FRIENDS, en este video.</p>
<p><iframe src="http://www.youtube.com/embed/ciSrNc1v17M" frameborder="0" width="690" height="498"></iframe></p>
<h3>La realidad entre las marcas y las empresas</h3>
<p>Las marcas quieren hablar y conversar para conquistar y conectar a los consumidores a través de las experiencias de la generación de contenidos y del llamado Marketing de la experiencia.</p>
<p>Muchos son los expertos que apuntan en este sentido señalando que las empresas están buscando y poniendo en marcha de forma activa estrategias de marketing de contenidos. Entre estas empresas, aquellas perteneciente al sector de las nuevas tecnologías (Software y Hardware), se encuentran entre las que están comenzando a desarrollar este tipo de estrategias de forma más intensa y agresiva.</p>
<p>El 94% de las grandes empresas y marcas de esta y otras destacas industrias se ecuentran ya actualmente definiendo los objetivos para la comercialización a través de los contenidos para aprovechar sus potenciales beneficios, incluyendo su repercusión directa sobre las <strong>estrategias SEO</strong> y un aumento de la confianza entre los potenciales clientes.</p>
<p>El contenido óptimo, de calidad, relevante y bien desarrollado permite a las empresas posicionarse como referencias en sus respectivas industrias, además de permitir que los sitios web se mantengan al día, actualizados y atractivos para los consumidores, sin olvidar su valor añadido y la posibilidad de aumentar las probabilidades de iniciar nuevas conversaciones.</p>
<p>Debemos destacar que las últimas innovaciones y mejoras en los sistemas de clasificación e indexación de los motores de búsqueda se mueven en este sentido, dando prioridad y relevancia a la información enriquecida, original y relevante que también puede ser compartida por los propios usuarios y consumidores, y que además puede facilitar y ayudar en los procesos de búsqueda de información a través de la red con una mayor facilidad.</p>
<p>En esta planificación, las empresas ahora se encuentran inmersas en una importante optimización de recursos. Tanto a nivel interno como a la hora de externalizar estos servicios y objetivos, las empresas buscan establecer equipos de actuación y contar con profesionales de la comunicación para la generación de este tipo de contenidos. Las empresas necesitan &#8216;productores&#8217; de contenido&#8217; confiable y relevante para mantener una mayor y frecuente actividad de actualización de sus sitios web, lo cual supone también, una buena noticia sin duda para el sector de la comunicación y los profesionales del periodismo u otros perfiles como bloggers especializados que puedan atender esta demanda.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/marketing-digital/marketing-de-contenidos/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>2012 Beetle High &#8211; Spot Publictario</title>
		<link>http://www.adinteractive.co/publicidad/2012-beetle-high-spot-publictario</link>
		<comments>http://www.adinteractive.co/publicidad/2012-beetle-high-spot-publictario#comments</comments>
		<pubDate>Thu, 22 Sep 2011 15:17:38 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Publicidad]]></category>
		<category><![CDATA[comercial]]></category>
		<category><![CDATA[publicidad]]></category>
		<category><![CDATA[spot]]></category>
		<category><![CDATA[wolskwagen]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1487</guid>
		<description><![CDATA[Volkswagen. La compañía alemana fabricante de automóviles nos sorprende de nuevo con su nueva campaña de publicidad. En esta ocasión para promocionar su nuevo Volkswagen 2012 Beetle High, realizado en Londres por la agencia de publicidad Deutsch, Los Angeles, USA. Un dinámico spot publictario donde cada vez nos demuestra la creatividad en cada una de sus [...]]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://www.youtube.com/embed/aPiuKjw4Bis" frameborder="0" width="690" height="381"></iframe></p>
<p>Volkswagen. La compañía alemana fabricante de automóviles nos sorprende de nuevo con su nueva campaña de publicidad. En esta ocasión para promocionar su nuevo <strong>Volkswagen 2012 Beetle High, </strong>realizado en Londres por la agencia de publicidad Deutsch, Los Angeles, USA.</p>
<p>Un dinámico spot publictario donde cada vez nos demuestra la creatividad en cada una de sus campañas publicitarias como es el caso de la antigua campaña para su Volkswagen Passat. <strong>&#8220;The force&#8221;</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/publicidad/2012-beetle-high-spot-publictario/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gestionar las varibles de la marca</title>
		<link>http://www.adinteractive.co/marketing-digital/gestionar-las-varibles-de-la-marca</link>
		<comments>http://www.adinteractive.co/marketing-digital/gestionar-las-varibles-de-la-marca#comments</comments>
		<pubDate>Tue, 20 Sep 2011 13:18:17 +0000</pubDate>
		<dc:creator>Alexander Bernal</dc:creator>
				<category><![CDATA[Marketing digital]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[joan costa]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[publicidad]]></category>
		<category><![CDATA[variables de marca]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1476</guid>
		<description><![CDATA[Adinteractive en Asturias, ha encontrado en el portal  Argentino Adlatina en sus últimos articulos a este reconocido catedrático español Joan Costa, uno de los miembros fundadores del grupo de la comunicación institucional (GIECI) ahonda en la relación recíproca entre la marca y la empresa. “Esta realimentación siempre existe –opina- por más que no sea percibida por [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adinteractive.co/wp-content/uploads/2011/09/joan-costa-adinteractive.jpg"><img src="http://www.adinteractive.co/wp-content/uploads/2011/09/joan-costa-adinteractive.jpg" alt="joan costa adinteractive Gestionar las varibles de la marca" title="Gestionar las varibles de la marca" width="190" height="245" class="alignleft size-full wp-image-1477" /></a></p>
<p>Adinteractive en Asturias, ha encontrado en el portal  Argentino Adlatina en sus últimos articulos a este reconocido catedrático español <strong>Joan Costa</strong>, uno de los miembros fundadores del grupo de la comunicación institucional (GIECI) ahonda en la <strong>relación recíproca entre la marca y la empresa</strong>. “Esta realimentación siempre existe –opina- por más que no sea percibida por los consumidores, aunque no escapa a la visión de los stakeholders o activistas antiempresarios”. La marca es un intangible, prosigue, pero intangible no significa abstracto. Por el contrario, la marca no puede olvidarse de un anclaje material, que reconoce varias categorías. Costa pone varios ejemplos de grandes marcas y grandes empresas en apoyo de sus argumentos.</p>
<p><span id="more-1476"></span></p>
<h2>La marca es el capital de la empresa.</h2>
<p>Esta afirmación, que nadie discute y que entiende la marca como un todo, contiene además dos verdades:</p>
<p>a) Pone en primer plano a la empresa, propietaria legal, gestora y responsable de la marca como bien patrimonial (contra la creencia de algunos que ven las marcas como entes autónomos y completos en sí mismos).</p>
<p>b) Destaca que ese capital de la empresa no es otro que el intangible de su identidad marcaria -que es parte de su identidad corporativa.</p>
<p>En efecto, la marca es el capital de la empresa. Pero solo se consigue que lo sea cuando ambas, en simbiosis, unen su talento estratégico para realimentarse una a la otra, recíprocamente.</p>
<h2>Intangible no significa abstracto</h2>
<p>La marca es ciertamente un activo inmaterial, un intangible, pero jamás puede  olvidarse su anclaje material. Y este anclaje, en la misma medida que las empresas quieren ser marcas y que todos aspiran a ser marca, conoce diversas categorías. Estas son, en síntesis: Marca Empresa, Marca Producto y Marca Servicio. Depende de aquello con lo que la marca es identificada: su anclaje material.</p>
<p>La primera categoría tiene un sentido universal. Es sinónimo de todo aquello que significa “empresa” (emprendimiento), o que se toma como anclaje o sujeto de la marca. Se incluye aquí, además de la Marca Empresa (con sus variables: industrial, de servicios, pública, privada, etcétera), la Marca Grupo (Inditex, Uniroyal), la Marca Distribución(Decathlon, Sephora), la Marca Institución (Nasa, CEOE), la Marca Fundación (Funcas, Fundación Rockefeller), la Marca Ciudad (New York, Barcelona), la Marca País (México, Canadá) y cualquiera que sea el sujeto físico que está ligado a la marca.</p>
<p>La segunda categoría es más concreta. Se refiere a toda clase de productos, industriales o artesanales. La Marca Producto, obviamente anclada a los bienes de consumo o de equipamiento, se relaciona (o no) con la empresa según cual sea la estrategia marcaria del grupo, de la empresa o de la estructura de sus marcas. Sin embargo, en occidente prevalece la Marca Producto; véanse estas series: Unilever: Axe/Knorr; Calvin Klein: Obsesión/Infinity; LVMH: Guerlain/Loewe/Dior/Louis Vuitton; pero también existen ejemplos intermedios, como Nestlé y su prefijo generativo Nes: Nescafé/Nesquik/Nestea/Nespresso/etcétera; y asimismo ejemplos contrarios, plenamente explícitos como Virgin: Virgin Atlantic/Virgin Cola/Virgin Megastore, que no son la excepción.</p>
<p>La tercera categoría, la Marca Servicio, es un intangible anclado en otro intangible: los servicios. Por eso necesita un soporte material que lo vincula forzosamente a la empresa que los presta, a las personas que los gestionan con los clientes y a un lugar físico. Es el caso de las líneas aéreas, la telefonía, la banca, etcétera: AirFrance, Euro Assistance, Visa, pero también las empresas virtuales como Google.</p>
<h2>Las dimensiones de la marca</h2>
<p>Pero el sistema de la marca, en el sentido global de la estrategia de la gestión, no siempre es tan estricto con lo que hemos llamado las categorías. Por ejemplo, ya hemos visto que la Marca Servicio es simultáneamente Marca Empresa. Existen muchos otros casos en que las categorías se combinan y se centran en una misma y única marca multidimensional, por ejemplo, Ikea, McDonald’s, Disneyland. Y uno de los hechos destacables en este principio de milenio es la pujanza de las marcas verticales, como Gap, Zara, Nike o Starbucks. ¿Son estas marcas, lugares agradables, productos, servicios, funciones, experiencias, sensaciones, incluso vivencias y emociones? Sin duda, son todo eso de una vez. Cuando la marca reina en su propia casa, el público es su huésped. La gente va a Zara, a Ikea, a Starbucks, a Disneyland, a Emporio Armani o a NikeTown.</p>
<p>Esta estrategia centrada en el lugar físico de la marca, que es su propio y múltiple anclaje; el lugar de su identidad y el espacio construido y programado para generar experiencias y emociones, es la matriz a escala micro de un megafenómeno mundial: la Marca Ciudad y la Marca País.</p>
<p>De todos estos temas, y otros más, se trata en mi nuevo MasterBrand Internacional de identidad, estrategia y gestión de marcas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/marketing-digital/gestionar-las-varibles-de-la-marca/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Estadísticas de rendimiento de perfiles sociales</title>
		<link>http://www.adinteractive.co/marketing-digital/estadisticas-de-rendimiento-de-perfiles-sociales</link>
		<comments>http://www.adinteractive.co/marketing-digital/estadisticas-de-rendimiento-de-perfiles-sociales#comments</comments>
		<pubDate>Wed, 14 Sep 2011 02:37:12 +0000</pubDate>
		<dc:creator>Fabián Mariano</dc:creator>
				<category><![CDATA[Marketing digital]]></category>
		<category><![CDATA[Crowbooster]]></category>
		<category><![CDATA[estadísticas de perfiles sociales]]></category>
		<category><![CDATA[redes sociales]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1471</guid>
		<description><![CDATA[Tal vez no tengamos noción del alcance que tienen nuestros perfiles en redes sociales como Facebook y Twitter. Y si solemos utilizar estos perfiles para promocionar productos o servicios (o simplemente webs), es posible que haya información que estemos pasando por alto y que a fin de cuentas, es sumamente necesaria para saber cuál es [...]]]></description>
			<content:encoded><![CDATA[<p>Tal vez no tengamos noción del alcance que tienen nuestros perfiles en redes sociales como Facebook y Twitter. Y si solemos utilizar estos perfiles para promocionar productos o servicios (o simplemente webs), es posible que haya información que estemos pasando por alto y que a fin de cuentas, es sumamente necesaria para saber cuál es el alcance que estamos obteniendo.<span id="more-1471"></span></p>
<p><a href="https://crowdbooster.com/" title="Visitar Crowbooster" target="_blank">Crowdbooster</a> es un sistema de estadísticas que permite observar información relevante sobre nuestra cuenta de Twitter o Facebook, retweets que obtenemos, las impresiones que logran nuestros envíos contanto los RT que se consigan, también el flujo de seguidores, un listado con seguidores influyentes que puede ayudarnos a generar nuevos vínculos obteniendo beneficios, siempre hablando de cuestiones comerciales, considero que todo esto nada tiene que ver con la utilización lúdica o menos profesional de una cuenta.</p>
<p>Lo he probado hoy mismo, por lo que no he tenido tiempo de analizarlo en el largo plazo, pero me resultó muy simple y claro para entender, además de obtener ciertos datos en el momento, y si bien, deberé esperar a que se actualicen todos, ya puedo comenzar a ver qué les interesa más a quienes me siguen para saber qué camino tomar a la hora de decidir sobre la información.</p>
<p>Al mismo tiempo, el sistema nos permite programar tweets en el caso de que vinculemos nuestro perfil en Twitter, y hacerlo a través del envío de un enlace que también será monitoreado para obtener las estadísticas correspondientes. Esto se puede realizar desde el botón “New Tweet”.</p>
<p>Todo esto,igualmente, es muy relativo, soy una convencida que uno debe compartir lo que le gusta y lo que considera interesante, pero en mi caso, suelo utilizar las cuentas de forma personal, nada tiene que ver con el uso que puede brindar una empresa que requiera llevar adelante una campaña exitosa. Creo que para esos casos, <a href="https://crowdbooster.com/" title="Visitar Crowbooster" target="_blank">Crowdbooster</a> puede resultar muy útil como herramienta de análisis.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/marketing-digital/estadisticas-de-rendimiento-de-perfiles-sociales/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseño web adaptable, práctico</title>
		<link>http://www.adinteractive.co/web/diseno-web-adaptable-practico</link>
		<comments>http://www.adinteractive.co/web/diseno-web-adaptable-practico#comments</comments>
		<pubDate>Wed, 14 Sep 2011 02:24:38 +0000</pubDate>
		<dc:creator>Fabián Mariano</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Diseño fluido]]></category>
		<category><![CDATA[Media Query]]></category>
		<category><![CDATA[Mobiles]]></category>
		<category><![CDATA[Páginas fluidas]]></category>
		<category><![CDATA[Responsive Web Design]]></category>

		<guid isPermaLink="false">http://www.adinteractive.co/?p=1445</guid>
		<description><![CDATA[El diseño web adaptable o Responsive Web Design que son una serie de practicas aplicadas al diseño web que le permiten al usuario acceder a un sitio web desde diferentes medios como dispositivos mobiles, tablets, pantallas wide y diferentes resoluciones en los computadores, esto partiendo de la base que todo diseño web debe estar centrado [...]]]></description>
			<content:encoded><![CDATA[<div id="__ss_9227626" style="width: 700px;"><iframe src="http://www.slideshare.net/slideshow/embed_code/9227626?rel=0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="700" height="563"></iframe></div>
<p><strong>El diseño web adaptable o Responsive Web Design</strong> que son una serie de practicas aplicadas al diseño web que le permiten al usuario acceder a un sitio web desde diferentes medios como dispositivos mobiles, tablets, pantallas wide y diferentes resoluciones en los computadores, esto partiendo de la base que todo diseño web debe estar centrado en la experiencia del usuario al momento de acceder a un sitio web, por este motivo es que actualmente muchos sitios web estan usando el Responsive Web Design.<span id="more-1445"></span></p>
<p>Por este motivo Adinteractive ha querido compartirles esta presentación que nos explica mejor las mejores practicas para aplicar el <strong>Responsive Web Design</strong>, y como aplicar un diseño fluido que se adapte a cualquier pantalla.</p>
<h2>Comenzemos por el diseño fluido</h2>
<p>El principal concepto en el que se apoya el <strong>Diseño Web Adaptable</strong> es en abandonar los anchos fijos de nuestra web. Estos deberán ser fluidos. En lugar de diseñar nuestra web basándonos en valores fijos (por ejemplo width: 960px), el diseño fluido está pensado en términos de proporciones. De esta manera cuando veamos nuestra web a través de la pequeña pantalla de un móvil todos los elementos de la web se harán más pequeños guardando la proporción entre ellos. Por ejemplo, para saber ahora el ancho de un elemento tendremos que dividir el ancho inicial del mismo entre el ancho del elemento “padre”, por llamarlo de alguna manera sencilla. Pongamos que tenemos por ejemplo esta estructura:</p>
<p><img class="aligncenter size-full wp-image-1462" title="Diseño web adaptable, práctico" src="http://www.adinteractive.co/wp-content/uploads/2011/09/diseno-web-adaptable.jpg" alt="diseno web adaptable Diseño web adaptable, práctico" width="550" height="344" /></p>
<p>En este ejemplo partíamos de unos valores fijos: un contenedor de 960 pixels y dentro del mismo un elemento de 360 pixels de ancho. Si dividimos el segundo entre el primero y multiplicamos el resultado por 100 obtendremos el valor de 37,5%, que será el ancho que aplicaremos a dicho elemento. Es decir, el ancho del elemento interior será siempre el 37,5% del ancho del primero. De esta forma cuando el ancho del elemento “padre” se adapta, todos los anchos de los elementos interiores varían en función de su porcentaje. Ahora el elemento interno, en la hoja de estilos, tendrá en lugar de un width=&#8221;360px&#8221; un width=&#8221;37,5%&#8221;.</p>
<p>Lo mismo haremos con los tamaños de las fuentes (por ejemplo, si el tamaño general es del 100%, que equivale a 16px, y tenemos un título de 22px, su nuevo tamaño será de 22/16 = 1.375em). ¿Pero, qué pasa con las imágenes u otros elementos que tienen un ancho fijo? Podemos adaptar su ancho así:</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>img, video, object {max-width:100%;}</span></code></p>
</div>
<p>De esta manera su ancho nunca excederá del ancho del elemento que la contiene. Y si dicho elemento cambia de ancho, también lo hará la imagen en todos los navegadores modernos. ¿He dicho modernos? Efectivamente, IE7 e IE6 no lo soportan. Para estos navegadores lo mejor es incluir en su hoja de estilos específica:</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>img, video, object {width:100%;}</span></code></p>
</div>
<p>Esta regla es completamente distinta de la anterior: Ahora decimos que la imagen (por ejemplo) siempre tendrá el mismo ancho de su contenedor. Es por ello por lo que hay que tener cuidado sobre qué elemento se aplica.</p>
<p>Esto está muy bien hasta que nos encontramos con anchos de pantalla realmente pequeños (por ejemplo un móvil). Si tenemos una web con tres columnas, montones de botones, menú horizontal a la derecha del logo, etc.. al comprimir tanto el tamaño de la pantalla, por mucho que los anchos sean fluidos, puede acabar todo en un caos. Es probable que tengamos que prescindir de ciertos elementos de la web o situarlos en un lugar diferente. Para ello utilizaremos los Media Queries.</p>
<h2>Media query</h2>
<p>Como decíamos ningún diseño escala de manera adecuada cuando cambia el contexto para el que fue pensado. Los Media Queries forman parte de CSS3 e inspeccionan las características físicas del medio que va a mostrar nuestro diseño (no olvidemos que “query” equivale a “pregunta”, es como preguntar: ¿qué medio se está usando?). Si las características del medio utilizado por el usuario están dentro de un condicional establecido con los Media Queries, se aplicarán una serie de instrucciones CSS contenidas dentro del mismo, de esta manera cuando nuestro diseño fluido cambia de tamaño podremos aplicar una serie de instrucciones CSS pensadas en exclusiva para ese nuevo tamaño. Vamos a ver un ejemplo.</p>
<p>El ancho de pantalla actual del iPhone es de 320px. Vamos a suponer que para ese ancho nuestro diseño fluido presenta una serie de dificultades (puede ser desde cambiar el logo, eliminar una columna, cambiar la organización de los elementos de la pantalla, etc…). Dentro de nuestra hoja de estilos haríamos:</p>
<div class="code-container">
<div class="code-lines"><span>01</span><span>02</span><span>03</span></div>
<p><code><span>@media screen and (max-width: 320px) {</span><span>/* Aquí van las reglas CSS necesarias */</span><span>}</span></code></p>
</div>
<p>Como veis la instrucción se compone de dos partes: el tipo de medio utilizado (o Media Type, en este caso “screen”, que agrupa a todos los medios que se ven via una pantalla) combinándolo mediante un “and” con el Media Query (max-width: 320px). Estamos preguntando: ¿Es un medio con pantalla y tiene un ancho de 320px o menor? Entonces le aplicamos los estilos situados entre los corchetes correspondientes.</p>
<p>Podemos empezar desde este ancho e ir subiendo a otras posibles opciones. Algunos autores recomiendan optimizar estos anchos de pantalla:</p>
<ul class="file invent-list">
<li>320 px</li>
<li>480 px</li>
<li>600 px</li>
<li>768 px</li>
<li>900 px</li>
<li>1200 px</li>
</ul>
<p>La mayor parte de las veces estos son demasiados anchos de pantalla, no hay tiempo suficiente para tanta optimización. Investiga bien cuales serán (o son si tienes ya datos históricos gracias por ejemplo a tu herramienta de analítica web) los anchos usados por tus usuarios y céntrate en ellos. Lo más habitual es, al menos, hacerlo para 480 píxeles.</p>
<p>También puedes, si quieres, dar una serie de reglas CSS para pantallas superiores a un ancho determinado, usando min-width. Por ejemplo, para anchos superiores a 1.200px:</p>
<div class="code-container">
<div class="code-lines"><span>01</span><span>02</span><span>03</span></div>
<p><code><span>@media screen and (min-width: 1200px) {</span><span>/* Aquí van las reglas CSS necesarias */</span><span>}</span></code></p>
</div>
<p>Como veis podemos tener perfectamente separados los estilos de cada ancho de pantalla para el que queramos optimizar nuestro diseño. Si queréis incluso separar las hojas de estilo podéis también hacerlo. Por ejemplo, si queréis cargar una hoja de estilo independiente para anchos de pantalla inferiores a 480 píxeles:</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>&lt;link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="style.css" /&gt;</span></code></p>
</div>
<p>O también:</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>@import url("style.css") screen and (max-device-width: 480px);</span></code></p>
</div>
<p>Podéis ir incluso más allá gracias al uso de “and” para poner un mínimo y un máximo en los anchos de pantalla donde aplicar los estilos:</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>@import url(style.css) screen and (min-width:800px) and (max-width:1280px);</span></code></p>
</div>
<p style="clear:both;float:none;">O detectar si es un iPhone 4 (por <a href="http://thomasmaier.me/blog/2010/06/23/css-for-iphone-4-retina-display/" title="Visitar el artículo de Thomas Maier" target="_blank">Thomas Maier</a>):</p>
<div class="code-container">
<div class="code-lines"><span>01</span></div>
<p><code><span>&lt;link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="iphone4.css" /&gt;</span></code></p>
</div>
<h2>Navegadores que soportan Media querys</h2>
<p>En general todos los navegadores modernos lo soportan. Eso quiere decir que Internet Explorer 6, 7 y 8 no lo soportan (Tan raro en IE!). Afortunadamente hay soluciones utilizando Javascript, por ejemplo respond.js. Tal y como podéis ver “respond.js proporciona un script rápido y ligero (3kb minified / 1kb gzip) que permite utilizar diseños web adaptables en navegadores que no soportan CSS3 Media Queries – en concreto Internet Explorer 8 e inferiores”.</p>
<p>Para ver el artículo original visite: http://www.emenia.es/diseno-web-adaptable-o-responsive-web-design/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adinteractive.co/web/diseno-web-adaptable-practico/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

