<?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>Nétteo</title>
	<atom:link href="http://www.netteo.es/feed" rel="self" type="application/rss+xml" />
	<link>http://www.netteo.es</link>
	<description>Estudio de diseño y desarrollo web</description>
	<lastBuildDate>Wed, 16 Jan 2013 10:36:07 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>9 motivos por los que no deberías comprar Apple</title>
		<link>http://www.netteo.es/9-motivos-por-lo-que-no-deberias-comprar-apple</link>
		<comments>http://www.netteo.es/9-motivos-por-lo-que-no-deberias-comprar-apple#comments</comments>
		<pubDate>Tue, 03 Apr 2012 08:45:44 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Herramientas y cacharros]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2587</guid>
		<description><![CDATA[Antes de comenzar con las hostilidades debo aclarar varias cosas. Simplificando: soy diseñador gráfico, mi primer Mac fue un LC 475, el famoso “Pizza box”, y durante más de 20 años he trabajado indistintamente con Macs y PCs. He sobrevivido a varias batallas entre fanáticos de ambos bandos y he militado en las filas tanto...]]></description>
				<content:encoded><![CDATA[<blockquote class="alignleft"><p>¿Estás pensando en comprarte un Mac o un ipad? Tal vez deberías leer esto antes de acabar con tus ahorros. Más allá de modas y tendencias la compañía de la manzana presenta ciertas sombras turbulentas que podrían hacerte cambiar de opinión, y aquí veremos algunas.</p></blockquote>
<p>Antes de comenzar con las hostilidades debo aclarar varias cosas. Simplificando: soy diseñador gráfico, mi primer Mac fue un LC 475, el famoso “Pizza box”, y durante más de 20 años he trabajado indistintamente con Macs y PCs. He sobrevivido a varias<strong> batallas entre fanáticos</strong> de ambos bandos y he militado en las filas tanto de los unos como de los otros. Actualmente trabajo con PC, un clónico al que no le quedan muchas piezas originales, y uso un iphone y un ipad por cuestiones profesionales.</p>
<p>Dicho esto, y en base a mi experiencia, en este artículo defenderé que aplicando las más básicas reglas del <strong>sentido común </strong>no se deberían comprar productos de Apple. Que desde un punto de vista objetivo y racional hay mejores alternativas. Por otro lado debo asumir que yo también he sucumbido (y quizás vuelva a sucumbir), en ocasiones, bajo el hipnótico poder de la manzanita, y en fin: <strong>el corazón tiene razones que la razón no entiende.</strong></p>
<p>Y ahora me pongo el casco, reviso el paracaídas y ahí vamos:</p>
<h2>9 motivos por los que no deberías comprar Apple</h2>
<p> </p>
<h3>1. Ni vale lo que cuesta ni cuesta lo que vale</h3>
<p><strong>Apple es caro. </strong>Y punto. Si sumas el coste del listado de componentes que contiene cualquier producto de Apple no te saldrán las cuentas. Hay quien dirá que cuando pagas Apple pagas innovación, pagas I+D, y pagas por la manzanita. Pero la realidad es que Apple sabe perfectamente que<strong> un producto vale exactamente lo que sus clientes pagarían por él </strong>(primer dogma del <a title="Pricing" href="http://en.wikipedia.org/wiki/Pricing" target="_blank">pricing</a>) y la legión de defensores de la compañía de Cupertino siempre está dispuesta a pernoctar en una cola con la cartera llena de billetes. Por tanto racionalmente el precio de los productos de Apple está sobrevalorado, aunque al parecer son muchos los que piensan que el status no tiene precio. Si a eso sumamos que la manzanita hace una conversión 1-1 de dólar a euro a la hora de poner precio a sus productos (¡ <img src='http://www.netteo.es/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  !) veremos que sencillamente los productos Apple ni valen lo que cuestan ni cuestan lo que valen.</p>
<h2>2. Garantía sin garantías</h2>
<p>Saltándose a la torera las normativas vigentes Apple ofrece una garantía de sus productos de<strong> un año</strong>, cuando con la ley en la mano corresponden dos años de garantía. Por este motivo, FACUA ha denunciado a Apple ante el Instituto Nacional de Consumo y administraciones de Consumo autonómicas por infringir el texto refundido de la Ley General para la Defensa de los Consumidores y Usuarios, que recoge que &#8220;el vendedor responde de las faltas de conformidad que se manifiesten en un plazo de dos años desde la entrega&#8221;. Esto es todavía más hiriente cuando la misma Apple intenta venderte la extensión de garantía con sus planes de Apple Care Protection Plan (299 Euros para un Macbook Air). Hasta <a href="http://www.applesfera.com/apple/la-garantia-de-los-productos-apple-y-la-ley-espanola" target="_blank">los más devotos defensores de Apple</a> reconocen esta deficiencia.</p>
<h2>3. Apple es un bunker</h2>
<p>Apple es un bunker, y lo es en varios sentidos:</p>
<p>Desde el punto de vista de <strong>software</strong> Apple es un modelo de hermetismo sin fisuras, mantiene un férreo control sobre qué programas pueden y deben correr sobre sus dispositivos y cuáles no deben hacerlo. Para mantener seguras sus fronteras ha tomado medidas como las de no permitir el uso de Flash sobre muchos dispositivos, controlar férreamente su tienda de aplicaciones o contenidos, o no instalar en sus muchos de sus aparatos puertos USB por los que puede entrar cualquier programa o contenido no controlado por Apple.</p>
<p>Apple es un <strong>bunker informativo</strong> que despliega una intensiva estrategia de desinformación para provocar la ansiedad de sus adeptos. Las filtraciones, las especulaciones y los prototipos de iphone “perdidos” se convierten en la comidilla de medios y fanáticos hasta que llegan las contadas y mesiánicas presentaciones oficiales.</p>
<p>Es un bunker, igualmente, en su<strong> <a href="http://www.zdnet.com/blog/foremski/apple-becomes-more-closed-with-each-new-device/1089" target="_blank">concepción del hardware</a></strong> saltándose todos los estándares de la industria: intenta acceder a las tripas de tu i-lo-que-sea para cambiarle las baterías: la tarea <a href="http://www.youtube.com/watch?v=lIEdIxRpU3g" target="_blank">roza lo imposible</a> y por supuesto vulnera las condiciones de garantía del aparato, invalidándola.</p>
<h2>4. Los Macs no valen para jugar</h2>
<p>El catálogo de juegos disponible para los ordenadores Mac es<strong> irrisorio</strong>: <a href="http://store.apple.com/es/browse/home/shop_mac/software/games" target="_blank">27, ni más ni menos</a>, a día de hoy en Apple Store. Y esto es perfectamente normal (y aplica otros tipos de software): ¿Para qué invertir en la portabilidad de mis juegos a Apple cuando tan sólo un 5% de los usuarios de ordenador usa un Mac? Ahora bien, si lo tuyo el jugar en el iphone o en ipad, es decir los juegos casuales, puede que los productos de Apple sean suficiente para ti.</p>
<h2>5. Los Macs no sirven para diseño web</h2>
<p>Si en algún frente he vivido guerras sin cuartel respecto a los productos de Apple ha sido en el del diseño web. Frentes irreconciliables abogaban, los unos, por las excelencias de los Macs como ordenadores para diseñar páginas web, y los otros por sus tremendas deficiencias.</p>
<p>Desde mi punto de vista el tema es muy sencillo: los Macs pueden ser herramientas de diseño tan eficaces como cualquier PC (capacidad de proceso, potencia gráfica, …), el problema que se plantea no es este. El problema es que los Macs hacen una<strong> interpretación diferente</strong> a la que hacen los PCs en conceptos como tipografía o color. Es decir en Mundo Mac se ven las cosas diferentes (puede que más bonitas), por tanto la visualización proporcionada por los Macs <strong>difiere sustancialmente </strong>de la que tendrán el 95% de los usuarios de una página web desde sus PCs. Si se nos llena la boca al hablar de “diseño centrado en usuario”, empecemos por lo más básico…</p>
<h2>6. Apple tolera la explotación laboral en las fábricas de sus componentes</h2>
<p>Las exitosas cifras de ventas de Apple tienen un coste: las <strong>lamentables condiciones laborales</strong> en las fábricas chinas en las que se producen algunos de los componentes de sus máquinas. Son muchos <a href="http://www.guardian.co.uk/technology/2011/apr/30/apple-chinese-workers-treated-inhumanely?intcmp=239" target="_blank">los estudios</a> realizados en este sentido y los esfuerzos quien la compañía de Cupertino dice estar realizado contra esta situación de explotación no parecen ni convincentes ni eficaces. No al menos para esos trabajadores de las fábricas de Foxconn (proveedor de Apple) a los que se hace firmar hasta una cláusula de no suicidio en la empresa.</p>
<h2>7. Apple ama la ingeniería fiscal</h2>
<p>La filial de Apple en España declaro en el 2010 una de beneficio bruto de cerca de 400 millones de euros y tendría que haber pagado al fisco ibérico un importe superior a los 100 millones de euros. Sin embargo, dado que la filial española sólo ingresa legalmente una comisión por el 1% de las ventas, suficiente para cubrir los gastos de su personal en España, al final su beneficio antes de impuestos es de solo 5,8 millones y lo que paga en impuesto sobre sociedades es solo 2 millones. Resumiendo: <strong><a href="http://economia.elpais.com/economia/2011/03/16/actualidad/1300264382_850215.html" target="_blank">Apple dejó de ingresar</a> en el erario público unos 100 millones de euros</strong>, ahí es nada.</p>
<h2>8. La manzana no es ecológica</h2>
<p>Greenpeace ofrece un <a href="http://tecnologia.elpais.com/tecnologia/2012/02/09/actualidad/1328782590_327444.html?utm_source=twitterfeed&amp;utm_medium=twitter" target="_blank">estudio periódico</a> en el que puntúa a las grandes corporaciones en base a su grado de compromiso con las políticas medioambientales.  Apple directamente<strong> ha desaparecido</strong> en las últimas ediciones de estos estudios y  la razón es más que sencilla: la compañía se ha negado a proporcionar a Greenpeace los datos necesarios para su evaluación. Así, de un plumazo y con la callada por respuesta, la manzanita se ha pasado al lado oscuro de la ecología ofreciendo muestras más que significativas de su grado de compromiso con el medio ambiente.</p>
<h2>9. Apple ya no es “cool”</h2>
<p>Con el ipod, el  iphone y el ipad Apple revolucionó el mercado y se alzó en la cima del “coolismo”, pero hay indicios de que esto puede cambiar y de hecho <strong>está cambiando</strong>: en las navidades del 2012 el Samsung Galaxy 2 dio un baño en ventas al anteriormente intocable iphone en el segmento de smartphones. Era más estilizado, más ligero. Sencillamente era más “cool”. La última presentación de Apple <strong>decepcionó a propios y extraños</strong> por su enfoque conservador y continuista, pude que el paso a mejor vida del omnisciente gurú de la manzanita, Steve Jobs, señale el declive definitivo del “factor cool” de Apple.</p>
<p><strong>Si has llegado hasta aquí quizás, antes de comprar alguno de los “mágicos” productos de Apple deberías preguntarte: ¿Realmente lo necesito una manzanita entre mis cacharros tecnológicos o puedo vivir perfectamente sin ella?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/9-motivos-por-lo-que-no-deberias-comprar-apple/feed</wfw:commentRss>
		<slash:comments>97</slash:comments>
		</item>
		<item>
		<title>Ni 2D ni 3D, la última moda en diseño web es el 2.5D</title>
		<link>http://www.netteo.es/ni-2d-ni-3d-la-ultima-moda-en-diseno-web-es-el-2-5d</link>
		<comments>http://www.netteo.es/ni-2d-ni-3d-la-ultima-moda-en-diseno-web-es-el-2-5d#comments</comments>
		<pubDate>Thu, 15 Mar 2012 16:31:00 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Diseño web]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2520</guid>
		<description><![CDATA[¿2.5D? ¿Pero de qué estamos hablando? Pues hablamos de que mucho antes de que el 3D llegara a nuestros cines y televisores, la humanidad ya había intentado simular este efecto visual de las maneras más variadas: vistas isométricas, simulación de biselados y sombras a objetos en 2D, etc. Todas estas técnicas de simulación son las...]]></description>
				<content:encoded><![CDATA[<h2>¿2.5D? ¿Pero de qué estamos hablando?</h2>
<p>Pues hablamos de que mucho antes de que el 3D llegara a nuestros cines y televisores, la humanidad ya había intentado simular este efecto visual de las maneras más variadas: vistas isométricas, simulación de biselados y sombras a objetos en 2D, etc. Todas estas<strong> técnicas de simulación</strong> son las llamada 2.5D, perspectivas de ¾ o, sencillamente, pseudo 3D.</p>
<p>El 2.5D era usado generosamente en los videojuegos primitivos, muy limitados gráficamente (como recordarán todos los orgullosos poseedores de un Amstrad o un Spectrum), para dar <strong>sensación de profundidad</strong> a las escenas, con resultados bastante risibles a día de hoy:</p>
<div class='video_frame'><iframe src='http://www.youtube.com/embed/C2sgGQeZ_Yo' width='560' height='315' frameborder='0'></iframe></div>
<div class="divider_padding"></div>
<p>Un sistema muy habitual de 2.5D (como muestra el ejemplo superior) era el del Parallax Scrolling. Técnica rescatada y reinterpretada ahora por los más novedosos diseñadores web y a la que vamos dedicar estas líneas.</p>
<h2>Parallax Scrolling: cuestión de capas</h2>
<p>Bien, esto del Parallax Scrolling es algo bastante sencillo de entender. Imaginemos varias láminas de acetato trasparente separadas por unos centímetros e ilustradas con imágenes. Algo así:</p>
<div class="image_container aligncenter"><div class="frame" style="width:654px;height:250px;"><a class="image_size_medium lightbox" title="Ejemplo de Parallax Scrolling" href="http://www.netteo.es/wp-content/uploads/2012/03/Ejemplo-de-Parallax-scrolling.jpg"><img alt="Ejemplo de Parallax Scrolling" src="http://www.netteo.es/wp-content/themes/artwork/scripts/timthumb.php?src=http://www.netteo.es/wp-content/uploads/2012/03/Ejemplo-de-Parallax-scrolling.jpg&amp;h=250&amp;w=654&amp;zc=1" /></a><div class="caption">Ejemplo de Parallax Scrolling</div></div><img class="image_shadow" width="660" src="http://www.netteo.es/wp-content/themes/artwork/images/photo_shadow.png"/></div><p>Si desplazáramos estas láminas de manera adecuada &#8211; en horizontal y deslizando las de detrás más despacio que las de delante &#8211; se produciría una<strong> efecto visual de profundidad.</strong> Con esta técnica se han hecho dibujos animados, juegos (Sonic, Super Mario Bros, &#8230;) y ahora diseños de páginas web.</p>
<p>Esta método se puede usar para crear efectos de profundidad realistas o efectos bizarros y oníricos en función de nuestros objetivos. Se puede aplicar en horizontal, como podemos apreciar en el website de <a href="http://www.culturalsolutions.co.uk/" target="_blank">Cultural Solutions</a>, o en vertical como en<a href="http://www.rowtothepole.com/"> </a><a href="http://www.rowtothepole.com/" target="_blank">Row to the pole.</a></p>
<p>Para información técnica sobre este recurso visual podéis <a href="http://www.cristalab.com/tutoriales/animacion-en-css-parallax-scrolling-c94765l/" target="_blank">visitar este enlace</a>.</p>
<p>Y no dejes de avisar si consigues aplicar esta técnica en algún  proyecto. ¡Nos encantará ver los resultados!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/ni-2d-ni-3d-la-ultima-moda-en-diseno-web-es-el-2-5d/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseño responsivo: una solución y varios problemas</title>
		<link>http://www.netteo.es/diseno-responsivo-una-solucion-y-varios-problemas</link>
		<comments>http://www.netteo.es/diseno-responsivo-una-solucion-y-varios-problemas#comments</comments>
		<pubDate>Tue, 06 Mar 2012 14:51:11 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Diseño web]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2500</guid>
		<description><![CDATA[Hace no demasiado hablaba en este blog del diseño responsivo como una de las tendencias relevantes de diseño web del 2012. El tema tiene mucha miga, así que hoy vamos a analizar más detenidamente qué es esto del diseño responsivo y cuáles son sus cualidades reales. El diseño responsivo se basa en  una serie de...]]></description>
				<content:encoded><![CDATA[<p>Hace no demasiado hablaba en este blog del diseño responsivo como una de las <a href="http://www.netteo.es/5-tendencia-de-diseno-web-2012" target="_blank">tendencias relevantes de diseño web del 2012</a>. El tema tiene mucha miga, así que hoy vamos a analizar más detenidamente qué es esto del diseño responsivo y cuáles son sus cualidades reales.</p>
<p>El diseño responsivo se basa en  una serie de técnicas de diseño y programación que permiten a un interfaz adaptar su forma y tamaño a diversas resoluciones de pantalla automáticamente. Toda una bicoca en estos tiempos de proliferación de dispositivos móviles: Ipads, teléfonos varios, etc. Hay indicios de que el tráfico móvil de datos <a href="http://tecnologia.elpais.com/tecnologia/2012/02/15/actualidad/1329293180_195772.html" target="_blank">se multiplicará por 18</a> hasta 2016.</p>
<p>Un ejemplo de diseño responsivo como este puede dar la medida exacta de a qué me refiero:</p>
<p><a href="http://stephencaver.com/" target="_blank">http://stephencaver.com/</a></p>
<p>Si al ver el enlace de ejemplo que propongo se modifica el tamaño de ventana del navegador se aprecia la magia del diseño responsivo en toda su grandeza:  la estructura de la página se modifica, se re escalan las imágenes y se adapta el contenido. ¿Demasiado bonito para ser cierto? Veamos…</p>
<h2>Tres talones de Aquiles</h2>
<p>Hasta aquí todo han sido buenas noticias, maravillosas. Pero antes de lanzarnos sobre nuestros clientes voceando la panacea del siglo XXI analicemos un poco el lado oscuro de esta solución milagrosa:</p>
<h3>Google te odia</h3>
<p>Primer escollo. Las imágenes de tu website se re escalan, efectivamente, pero hacen esto desde el máximo tamaño reflejado en el  interfaz. Por tanto estás penalizando al usuario de teléfono móvil con imágenes mayores de lo que se necesita y  aumentando los tiempos de descarga. No olvidemos que Google penaliza las páginas lentas y pude hundir el ranking de tu website a las catacumbas de sus resultados de búsqueda.</p>
<h3>Estresando a las máquinas</h3>
<p>El re escalado de imágenes no es gratuito. Si no lo hace el diseñador  será el propio navegador del dispositivo el que tendrá que hacerlo, y al aparecer los dispositivos son más tontos que los diseñadores y el re escalado de imágenes les cuesta, resultado: CPUs estresadas y con problemas de fluidez.</p>
<p>Al parecer la propia Apple habla de esto es su documentación técnica para la versión móvil de Safari: “Dale el tamaño adecuado a las imágenes. No confíes en el escalado que hace el navegador”</p>
<h3>Miscelánea técnica</h3>
<p>Si ante lo visto en este post se te ha ocurrido la idea de llamar a diferentes tamaños de imágenes mediante el uso de CSS tan sólo decirte que por lo visto no funciona y da problemas. No profundizaré en este sentido para ahorrarnos 20 párrafos de tecnicismos en klingon. Dejemos que Google haga su trabajo a partir de aquí.</p>
<h2>Concluyendo</h2>
<p>Más allá de que el diseño responsivo sea o no la solución a la hora de presentar un site sobre diversos dispositivos, pensemos: ¿Cuándo un usuario se acerca mi web desde un teléfono móvil tiene las mismas necesidades y actitud que cuando se acerca desde la comodidad de su ordenador (o televisor)? Puede que no, puede que un mismo website deba ser radicalmente diferente desde su concepción en base a los dispositivos o tipos de uso que los usuarios requieren en cada situación. En caso contrario podría ser que el diseño responsivo resulte ser una solución, tal vez de contingencia, mientras realizan versiones más específicas de un website.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/diseno-responsivo-una-solucion-y-varios-problemas/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tipografía y jovencillos emponzoñados en whisky</title>
		<link>http://www.netteo.es/tipografia-y-jovencillos-emponzonados-en-whisky</link>
		<comments>http://www.netteo.es/tipografia-y-jovencillos-emponzonados-en-whisky#comments</comments>
		<pubDate>Mon, 27 Feb 2012 09:00:41 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2468</guid>
		<description><![CDATA[Todos los diseñadores que hemos tenido la parcial fortuna de trabajar con Mac hemos disfrutado la oportunidad de leer casi a diario la siguiente frase: Más allá de lo afortunado de la sentencia, vinculando la ingesta de whisky con la perdida de tono muscular, debemos apuntar que esta frase es un pangrama o frase holoalfabética,...]]></description>
				<content:encoded><![CDATA[<p>Todos los diseñadores que hemos tenido la parcial fortuna de trabajar con Mac hemos disfrutado la oportunidad de leer casi a diario la siguiente frase:</p>
<p><em>
<div class="floral_container">
<div class="floral_left"></div>
<div  class="floral_right"></div>
<h3> “Jovencillo emponzoñado de whisky, ¡qué figurota exhibe!”  </h3>
</p></div>
<p> </em></p>
<p>Más allá de lo afortunado de la sentencia, vinculando la ingesta de whisky con la perdida de tono muscular, debemos apuntar que <strong>esta frase es un pangrama o frase holoalfabética</strong>, es decir una frase que contiene la totalidad de las letras del abecedario. Su uso, por tanto, está dirigido a poder analizar una tipografía con todas sus letras en una única frase.</p>
<p>Windows por su parte nos obsequia con esta onírica visión, sacada una pesadilla de Walt Disney, a la hora de mostrarnos una fuente:</p>
<p><em>“El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja”</em></p>
<p>La fauna hambrienta y la desmesura parecen ser pues parte sustancial de los pangramas. El whisky o el kiwi se antojan como ingredientes  casi imprescindibles para una receta exitosa:</p>
<p><em>“¡Ávida cigüeña floja!, pibonazo quemó whisky extra”</em></p>
<p>Surrealismo y piromanía.</p>
<p><em>“Fabio me exige, sin tapujos, que añada cerveza al whisky”</em></p>
<p>Obsesiva fijación por el alcohol.</p>
<p><em>“La cigüeña tocaba cada vez mejor el saxofón y el búho pedía kiwi y queso”</em></p>
<p>Más animales rarunos.</p>
<p>Para más información sobre pangramas, ese inquietante género literario, podemos dirigirnos a la siempre enciclopédica Wikipedia que contiene pangramas en castellano y otros idiomas:</p>
<li><a href="http://es.wikipedia.org/wiki/Pangrama" target="_blank">Pangramas en Wikipedia</a></li>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/tipografia-y-jovencillos-emponzonados-en-whisky/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 tendencia de diseño web 2012</title>
		<link>http://www.netteo.es/5-tendencia-de-diseno-web-2012</link>
		<comments>http://www.netteo.es/5-tendencia-de-diseno-web-2012#comments</comments>
		<pubDate>Wed, 22 Feb 2012 10:44:36 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Diseño web]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2352</guid>
		<description><![CDATA[La Internet de los cacharros 2012 parece ser el año en el que definitivamente veremos convertidos nuestros televisores en centros multimedia con plena capacidad de acceso a Internet (¿Apple TV liderará este cambio?). Seguirán proliferando dispositivos móviles y nuevas aplicaciones tanto para estos como para las propias televisiones, atentos a estos dispositivos como soporte de...]]></description>
				<content:encoded><![CDATA[<h3>La Internet de los cacharros</h3>
<p>2012 parece ser el año en el que definitivamente veremos convertidos nuestros televisores en centros multimedia con plena capacidad de acceso a Internet (¿Apple TV liderará este cambio?). Seguirán proliferando dispositivos móviles y nuevas aplicaciones tanto para estos como para las propias televisiones, atentos a estos dispositivos como soporte de marketing. Y ojo a nuevos dispositivos con acceso a la red: neveras, lavadoras y cafeteras se apuntan a la nube. Por cierto: la nube seguirá creciendo, y no sólo como lugar de almacenamiento, también como espacio para herramientas y servicios cada día más avanzados. ¿Nos encontramos ante el fin del síndrome de Diogenes virtual?, definitivamente las descargas cotizan a la baja. Y, por supuesto, las redes sociales seguirán arrasando con la productividad laboral y dando cabida a todo tipo de marujeo virtual y despropósitos ortográficos, además de ir afianzándose como soportes publicitarios altamente personalizados.</p>
<p>¿Y qué pasa con el diseño web? Aquí van algunos apuntes de cuáles pueden ser las tendencias que definan este 2012 que está ya en marcha:</p>
<h3>Tendencias diseño web 2012 (Flash, tu antes molabas)</h3>
<h5>Diseño responsivo</h5>
<p>El diseño responsivo es la respuesta de diseño de interfaz a la proliferación de dispositivos de acceso a Internet. Esta respuesta se basa en la creación de un único diseño de interfaz que se adapta de manera automática a cualquier resolución de pantalla. Esto se consigue mediante grid fluidos, imágenes flexibles, CSS3, media querys y modificaciones en el contenido. El diseño responsivo no es un escalado plano, es una adecuación formal completa al tamaño y características de cada dispositivo.</p>
<div class="image_container aligncenter"><div class="frame" style="width:654px;height:250px;"><a class="image_size_medium image_no_link" title="Diseño Responsivo" href="#"><img alt="Diseño Responsivo" src="http://www.netteo.es/wp-content/themes/artwork/scripts/timthumb.php?src=http://www.netteo.es/wp-content/uploads/2012/01/Diseño-responsivo.jpg&amp;h=250&amp;w=654&amp;zc=1" /></a></div><img class="image_shadow" width="660" src="http://www.netteo.es/wp-content/themes/artwork/images/photo_shadow.png"/></div><ul>
<address><a title="Diseño Responsivo" href="http://stephencaver.com/" target="_blank">Como muestra un botón</a></address>
</ul>
<p>Esta aparente panacea tiene sus detractores, y sin duda merecerá un análisis más detallado a futuro en este blog.</p>
<h5>Menús de navegación anclados</h5>
<p>Que nadie se asuste: no vuelven los menús en frames, ni falta que hace. Lo que sí que vuelven son (Jquery y CSS mediante) los menús anclados a nuestras pantallas: se acabó el scroll para acceder a nuestros elementos de navegación. Cabeceras fijas o menús lateral anclados serán las estrellas de la pasarela web en este 2012.</p>
<h5>Tipografía enriquecida</h5>
<p>No es estrictamente una novedad, pero es de esperar (y de desear) que en el 2012 se imponga el uso masivo de las nuevas capacidades tipográficas que nos ofrece Google Fonts (Si, de nuevo Google hasta en la sopa) o Cufon. ¡Desterremos la Arial de nuestros nevegadores!</p>
<h5>HTML5, Jquery y CSS3</h5>
<p>Las posibilidades que nos ofrecen actualmente HTML5, Jquery y CSS3, unidas a ciertos movimientos de la industria, parecen seguir apuntando a la lenta pero inexorable agonía de Flash. Si sumamos a esto las reticencias que Google Bot  tiene a la hora de leer los contenidos en Flash debemos concluir que el antaño rey del mambo del interfaz se está convirtiendo en el Urdangarín del diseño web.</p>
<h5>Infografía y pseudo infografía</h5>
<p>El 2011 ha sido el año de graduación de las infografías como vehículo de presentación de información enriquecida. El 2012 se caracterizará por la proliferación de la estética infográfica no estrictamente vinculada con las propias infografías: Iconografías planas, paletas de color restringidas, ingenuidad representativa, macrotipografía, efectos vintage y texturas básicas, ilustraciones vectoriales (a veces a tamaños considerables)…</p>
<div class="image_container aligncenter"><div class="frame" style="width:620px;height:161px;"><a class="image_size_medium image_no_link" title="Diseño infográfico" href="#"><img alt="Diseño infográfico" src="http://www.netteo.es/wp-content/themes/artwork/scripts/timthumb.php?src=http://www.netteo.es/wp-content/uploads/2012/01/Boutique-digital.jpg&amp;h=161&amp;w=620&amp;zc=1" /></a></div><img class="image_shadow" width="626" src="http://www.netteo.es/wp-content/themes/artwork/images/photo_shadow.png"/></div>]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/5-tendencia-de-diseno-web-2012/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Paper Browser: La libreta navegador</title>
		<link>http://www.netteo.es/paper-browser-la-libreta-navegador</link>
		<comments>http://www.netteo.es/paper-browser-la-libreta-navegador#comments</comments>
		<pubDate>Wed, 22 Feb 2012 09:24:04 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Arquitectura de información]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2260</guid>
		<description><![CDATA[Para un fanático de la arquitectura de la información y de las papelerías, como yo, no cabe mayor gozo que este cuadernito que me encontré en mis derivas por la red hace unos días. La cosa es sencilla: Paper Browser es una libreta, de las de toda la vida, que ofrece en sus páginas “marcos...]]></description>
				<content:encoded><![CDATA[<p>Para un fanático de la arquitectura de la información y de las papelerías, como yo, no cabe mayor gozo que este cuadernito que me encontré en mis derivas por la red hace unos días.</p>
<p>La cosa es sencilla: <a href="http://www.raincreativelab.com/paperbrowser/#products" target="_blank">Paper Browser</a> es una libreta, de las de toda la vida, que ofrece en sus páginas “marcos “ de navegadores ya  impresos y un sistema de retícula que ayuda a prototipar a mano elementos de un interfaz web.</p>
<p>Así de primeras parece una muy buena idea para trabajar a cierta distancia (voluntaria u obligada)  de nuestro ordenador habitual, asunto este muy interesante por otra parte: ya pasamos demasiadas horas delante del omnisciente monitor.  ¿Prototipos playeros?, ¿Wireframes campestres? Dicho y hecho.</p>
<div class="image_container aligncenter"><div class="frame" style="width:654px;height:250px;"><a class="image_size_medium image_no_link" title="" href="#"><img alt="" src="http://www.netteo.es/wp-content/themes/artwork/scripts/timthumb.php?src=http://www.netteo.es/wp-content/uploads/2012/01/Paper-Browser_22.jpg&amp;h=250&amp;w=654&amp;zc=1" /></a></div><img class="image_shadow" width="660" src="http://www.netteo.es/wp-content/themes/artwork/images/photo_shadow.png"/></div><h3><strong>Una buena noticia,  una mala noticia y una idea</strong></h3>
<p>La buena: desde la propia página web de Paper Browser se pueden descargar plantillas para que fabriquemos nuestros propios cuadernos.</p>
<p>La mala: El cuaderno en sí no está todavía a la venta <img src='http://www.netteo.es/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  . Se puede hacer una “pre-order”, pero no parece tener efecto alguno. Yo ya les escribí hace un par de semanas y todavía no he tenido noticia de mis ansiados cuadernitos.</p>
<p>Ahora: ¿Para cuándo la libreta de bolsillo para prototipar para i-Phone?,</p>
<p>En fin, cuando consiga mi Paper Browser ya haré un “Review”  en condiciones. Para consolarnos siempre nos quedarán los prototipos de <a href="http://www.balsamiq.com/" target="_blank">Balsamiq…</a></p>
<p><a href="http://www.raincreativelab.com/paperbrowser/#products">http://www.raincreativelab.com/paperbrowser/#products</a></p>
<p><a href="http://www.balsamiq.com/">http://www.balsamiq.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/paper-browser-la-libreta-navegador/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La caja de herramientas del diseñador</title>
		<link>http://www.netteo.es/la-caja-de-herramientas-del-disenador</link>
		<comments>http://www.netteo.es/la-caja-de-herramientas-del-disenador#comments</comments>
		<pubDate>Wed, 22 Feb 2012 09:16:09 +0000</pubDate>
		<dc:creator>Guillermo Alonso del Real</dc:creator>
				<category><![CDATA[Diseño web]]></category>

		<guid isPermaLink="false">http://www.netteo.es/?p=2374</guid>
		<description><![CDATA[Los chicos de BestVendor realizaron una encuesta entre 180 diseñadores y creativos sobre cuales eran sus herramientas preferidas para las distintas tareas que ocupaban sus jornadas laborales. Y estos fueron los resultados (Haz clic sobre la ilustración para ver la infografía a tamaño completo): Me ha llamado la atención que en el apartado de &#8220;Gemas ocultas y...]]></description>
				<content:encoded><![CDATA[<p>Los chicos de <a title="BestVendor" href="http://www.bestvendor.com/" target="_blank">BestVendor</a> realizaron una encuesta entre 180 diseñadores y creativos sobre cuales eran sus herramientas preferidas para las distintas tareas que ocupaban sus jornadas laborales. Y estos fueron los resultados (Haz clic sobre la ilustración para ver la infografía a tamaño completo):</p>
<div class="image_container aligncenter"><div class="frame" style="width:654px;height:724px;"><a class="image_size_medium icon_zoom" title="" href="http://www.netteo.es/wp-content/uploads/2012/01/La-caja-de-herramientas-del-diseñador1.jpg"><img alt="" src="http://www.netteo.es/wp-content/themes/artwork/scripts/timthumb.php?src=http://www.netteo.es/wp-content/uploads/2012/01/La-caja-de-herramientas-del-diseñador_3.jpg&amp;h=724&amp;w=654&amp;zc=1" /></a></div><img class="image_shadow" width="660" src="http://www.netteo.es/wp-content/themes/artwork/images/photo_shadow.png"/></div><p>Me ha llamado la atención que en el apartado de &#8220;Gemas ocultas y aplicaciones destacadas&#8221; mencionen mi apreciada <a title="WhatFont" href="https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm" target="_blank">&#8220;WhatFont&#8221; </a>de enorme utilidad y 100% recomendable.</p>
<address>
<li><a href="http://www.bestvendor.com/" target="_blank">BestVendor</a></li>
<li><a href="https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm" target="_blank">WhatFont</a></li>
</address>
]]></content:encoded>
			<wfw:commentRss>http://www.netteo.es/la-caja-de-herramientas-del-disenador/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
