<?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>Marcos Calatayud &#187; css</title>
	<atom:link href="http://marcos-calatayud.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://marcos-calatayud.com</link>
	<description>Diseño web centrado en el usuario</description>
	<lastBuildDate>Tue, 02 Aug 2011 18:28:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Ultrashock abandona Flash</title>
		<link>http://marcos-calatayud.com/ultrashock-abandona-flash/</link>
		<comments>http://marcos-calatayud.com/ultrashock-abandona-flash/#comments</comments>
		<pubDate>Fri, 26 Nov 2010 19:29:52 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Ultrashock]]></category>

		<guid isPermaLink="false">http://marcos-calatayud.com/?p=280</guid>
		<description><![CDATA[Flash comenzó su época de gloria a partir del boom en su versión 5, llegando a la cima en la versión 8-9 del reproductor, una vez se implantó como estándar de facto para la reproducción de vídeo en Internet. Sin embargo, su avance se ha estancado y su tecnología deja de tener relevancia a cada [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Flash</strong> comenzó su época de gloria a partir del boom en su versión 5, llegando a la cima en la versión 8-9 del reproductor, una vez <strong>se implantó como estándar de facto para la reproducción de vídeo en Internet</strong>. Sin embargo, <strong>su avance se ha estancado</strong> y su tecnología deja de tener relevancia a cada día que pasa.</p>
<p><strong>La desaparición de Flash de la web es inminente</strong>. Al menos tal y como lo conocemos.<strong> Su omnipresencia quedará reducida</strong> seguramente a los banners (hasta que estos puedan ser recreados con estándares abiertos de forma amplia). Hasta aquí nada nuevo.</p>
<p>Con este post, quiero señalar que<strong> </strong><a href="http://www.ultrashock.com"><strong>Ultrashock</strong></a><strong> ha abandonado la tecnología propiedad de Adobe en favor de HTML y CSS3</strong>. De hecho, <strong>prácticamente reniega de ella en su &#8220;about us&#8221;</strong>, donde la nombra de pasada, como un material más que ofrece junto a otro tipo de gráficos.</p>
<p>Ultrashock era (es) u<strong>n sitio de recursos multimedia para el diseño de páginas y aplicaciones web</strong>. Una de sus características <strong>más destacadas eran sus espectaculares intros</strong> realizadas en Flash y sus magníficos tutoriales para dicho programa. ¿Recuerdas cuando las intros en Flash molaban? Yo no, pero servían para mostrar la virtuosidad de unos cuantos manitas que, no vamos a negarlo, impresionaba.</p>
<p>Evidentemente, el cambio de Ultrashock <strong>no es significativo a gran escala</strong> -lo será el día en que Youtube cambie totalmente a HTML5- pero sí <strong>lo es para mí y para muchos diseñadores</strong>.</p>
<p>Los diseñadores, entre los que yo me incluyo hasta 2004, acudíamos a Ultrashock porque Flash era la herramienta que muchos utilizábamos para diseño web. <strong>Si Ultrashock abandona el barco de Flash es porque ya no queda un mercado para el diseño web basado en la herramienta de Adobe</strong> a corto plazo.</p>
<p>Ahora falta que hagan lo propio desde sitios de referencia como <a href="http://www.2advanced.com">2advanced</a>. Cuestión de tiempo.</p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/ultrashock-abandona-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe CS5 y su precio</title>
		<link>http://marcos-calatayud.com/adobe-cs5-y-su-precio/</link>
		<comments>http://marcos-calatayud.com/adobe-cs5-y-su-precio/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 18:11:40 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[pixelmator]]></category>
		<category><![CDATA[precios]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://marcos-calatayud.com/?p=250</guid>
		<description><![CDATA[Hoy Adobe ha anunciado la próxima salida al mercado de su famosa suite de diseño multimedia, Adobe CS5. Para todos aquellos que quieran invertir en tan gran (para lo bueno y para lo malo) suite, les informo de que su precio para la versión más básica es de 1699$ (unos 1250€). La sorpresa viene cuando [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy <a href="http://www.adobe.es">Adobe</a> ha anunciado la<strong> próxima salida al mercado de su famosa suite de diseño multimedia</strong>, <a href="http://www.adobe.com/products/creativesuite/">Adobe CS5</a>.</p>
<p>Para todos <strong>aquellos que quieran invertir en tan gran (para lo bueno y para lo malo) suite, les informo de que su precio para la versión más básica es de 1699$</strong> (unos 1250€). <strong>La sorpresa viene cuando alguien quiera comprarlo aquí en Europa</strong>, puesto que <strong>su precio se dispara a más de 2300€</strong> (unos 2000€ sin IVA).</p>
<p>Nuestro amigo Google nos informa de que, al cambio, <a href="http://www.google.com/search?q=1700+dollars+to+euro&amp;ie=UTF-8&amp;oe=UTF-8">1699$ son 1250€</a>.</p>
<p><strong>¿Alguien en Adobe podría ser tan amable de explicarme por qué esa diferencia de dinero?</strong> El tema de <strong>impuestos no vale</strong>, puesto que sigue siendo muy distinto un precio de otro. <strong>La traducción tampoco</strong> me sirve. Estoy convencido de que <strong>no soy el único que incluso prefiere el software en inglés</strong> (por asuntos relativos a tutoriales, cursos online, etc.).</p>
<p>Yo, por mi parte, e<strong>stoy más que contento con programas de desarrollo web para OSX como <a href="http://www.panic.com/coda/">Coda</a> o <a href="http://macrabbit.com/cssedit/">CSSEdit</a></strong>. Personalmente, creo que son mejores productos en general que <a href="http://www.adobe.com/es/products/dreamweaver/">Dreamweaver</a>. Son más ligeros, concretos, etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/adobe-cs5-y-su-precio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reutilizar código CSS</title>
		<link>http://marcos-calatayud.com/reutilizar-codigo-css/</link>
		<comments>http://marcos-calatayud.com/reutilizar-codigo-css/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 15:05:22 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://marcos-calatayud.com/?p=210</guid>
		<description><![CDATA[Es muy importante plantear bien un proyecto para poder crear código limpio y aseado. Esto ayudará a que el mantenimiento y actualización del sitio web sea rápida, con los beneficios que ello conlleva tanto para la empresa encargada como para el cliente que lo solicite.]]></description>
			<content:encoded><![CDATA[<p><a class="imgPost" href="http://marcos-calatayud.com/wp-content/uploads/2010/01/CSScode.png"><img class="alignleft size-thumbnail wp-image-209" title="CSS code" src="http://marcos-calatayud.com/wp-content/uploads/2010/01/CSScode-150x150.png" alt="" width="150" height="150" /></a>Una de las <strong>grandes ventajas</strong> que ofrece el <strong>uso de </strong><a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada"><strong>CSS</strong></a><strong> para presentar el contenido</strong> de una página web es la posibilidad de <strong>reutilizar parte de código para otras páginas</strong>, o bien rediseñar por completo la página cambiando únicamente la hoja de estilo, manteniendo la información intacta del HTML. <strong>Muestras de reutilización</strong> de un mismo HTML con distinta presentación vía distintas hojas de estilo hay muchas, siendo <strong>una de las más conocidas</strong> <a href="http://www.csszengarden.com/">CSS Garden</a>, que cuenta con muchas variantes.</p>
<p>Cabe aclarar que <strong>la realidad no nos permite aplicar la teoría siempre</strong>, puesto que <strong>un rediseño</strong> de una web <strong>no suele limitarse a un cambio de aspecto</strong>, también acarrean cambios internos en el código.</p>
<p>Hace unos meses, llegó un proyecto en el que <strong>se nos pedía &#8220;duplicar&#8221; una página que ya tenían maquetada y aplicarle ciertos cambios</strong> para adaptarla a los tiempos que corren (un ancho mayor, etc.). Con cierto escepticismo ya que hacía escaso tiempo que me habían encargado un proyecto similar –sin los originales esta vez, y casi que mejor puesto que la original estaba basada en tablas– abrí los archivos y, <strong>¡dichosos los ojos!</strong>, estaba<strong> maquetada muy correctamente en CSS con un HTML bastante aseado</strong> (no todo es maquetar en CSS, ¡la estructura del HTML también debe ser lo más sencilla posible!).</p>
<p>Tras un repaso en mayor profundidad al código, <strong>tardé muy poco en aplicar los cambios</strong> y realizar algunas optimizaciones. <strong>Un código inicial aseado y eficiente ayudó</strong> a que el proyecto saliera adelante rápidamente, con las ventajas que ello conlleva a empresa y cliente.</p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/reutilizar-codigo-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¡No me hagas pensar!</title>
		<link>http://marcos-calatayud.com/dont-make-me-think/</link>
		<comments>http://marcos-calatayud.com/dont-make-me-think/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 11:20:20 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[accesibilidad]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[libros]]></category>
		<category><![CDATA[usabilidad]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://marcos-calatayud.com/?p=194</guid>
		<description><![CDATA[Hace más de un año que leí el magnífico libro sobre usabilidad de Steve Krug &#8220;Don&#8217;t make me think&#8220;. Es un libro que, como su autor indica, se lee en un par de horas. Sin embargo, su contenido es muy denso a la vez que fácil de leer y entender; por ello resulta un poco [...]]]></description>
			<content:encoded><![CDATA[<p>Hace más de un año que leí el <strong>magnífico libro sobre usabilidad</strong> de <strong><a href="http://www.sensible.com/about.html">Steve Krug</a></strong> &#8220;<strong><a href="http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107">Don&#8217;t make me think</a></strong>&#8220;. Es un libro que, como su autor indica, se lee en un par de horas. Sin embargo, <strong>su contenido es muy denso a la vez que fácil de leer</strong> y entender; por ello resulta un poco redundante haberme hecho un resumen a modo de notas rápidas.</p>
<p>Lo que me motiva ahora a hablar de <a href="http://www.uxbooth.com/blog/10-usability-lessons-from-steve-krug’s-dont-make-me-think/">un libro del que se ha escrito</a> tanto -y hace ya mucho tiempo- es que <strong>en un mundo como Internet</strong>, en el que todo sucede tan rápido y pronto acaba obsoleto, <strong>sus palabras son tan vigentes que preocupa</strong> (la segunda edición data de 2006).</p>
<p>El motivo de su vigencia reside en que <strong>la mayoría de los consejos descritos son de sentido común</strong> y, pese a ello, <strong>todavía </strong><strong><a href="http://www.meneame.net/story/web-renfe-no-acaba-convencer-usuarios">siguen sin aplicarse a gran escala</a></strong> -especialmente en España.Para describir el contenido y los consejos, nada mejor que el índice del propio libro:</p>
<blockquote>
<ol>
<li>Don&#8217;t make me think<em>(primera ley de la usabilidad de Krug)</em></li>
<li>Cómo usamos la web realmente<em>(escaneado, satisficiencia&#8230;)</em></li>
<li>Diseño básico de carteles<em>(diseño para escaneado, no lectura)</em></li>
<li>¿Animal, vegetal o mineral?<em>(por qué a los usuarios les gusta hacer elecciones sin pensar)</em></li>
<li>Omite palabras innecesarias<em>(el arte de no-escribir para la web)</em></li>
<li>Señalética y miguitas<em>(diseñando la navegación)</em></li>
<li>El primer paso para curarse es admitir que la Home está fuera de tu control<em>(diseñando la Home)</em></li>
<li>El granjero y el vaquero deberían ser amigos<em>(por qué las discusiones sobre usabilidad son una pérdida de tiempo y cómo evitarlas)</em></li>
<li>Test de usabilidad baratos<em>(por qué el testeo con usuarios es la cura para todos los males de tu página)</em></li>
<li>Usabilidad como cortesía<em>(por qué tu sitio debería ser todo un caballero)</em></li>
<li>Accesibildad, CSS y tú.</li>
<li>Ayuda, mi jefe quiere que haga _____ .</li>
</ol>
</blockquote>
<p>Una lectura muy recomendada, ya que <strong>el sentido común nunca pasa de moda</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/dont-make-me-think/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>APIV</title>
		<link>http://marcos-calatayud.com/apiv/</link>
		<comments>http://marcos-calatayud.com/apiv/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 15:45:06 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=181</guid>
		<description><![CDATA[La Asociación Profesional de Ilustradores de Valencia quería renovar su página web, orientándola a la catalogación de sus asociados y publicación de noticias y artículos.La página está estructurada en XHTML y maquetada con hojas de estilo CSS.Visitar: APIV]]></description>
			<content:encoded><![CDATA[<p>La <strong>Asociación Profesional de Ilustradores de Valencia</strong> quería renovar su página web, orientándola a la catalogación de sus asociados y publicación de noticias y artículos.La página está estructurada en <strong>XHTML</strong> y maquetada con hojas de estilo <strong>CSS</strong>.Visitar: <a href="http://apiv.com">APIV</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/apiv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Montesa</title>
		<link>http://marcos-calatayud.com/montesa/</link>
		<comments>http://marcos-calatayud.com/montesa/#comments</comments>
		<pubDate>Sat, 28 Mar 2009 17:39:26 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hosteleria]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=50</guid>
		<description><![CDATA[Montesa es una empresa dedicada al diseño y creación de productos de hostelería.Querían crear un catálogo de productos atractivo y rápido, pensando en la compra online.El diseño emplea código XHTML y CSS para una maquetación ligera y accesible.Visitar: Montesa]]></description>
			<content:encoded><![CDATA[<p><strong>Montesa</strong> es una empresa dedicada al diseño y creación de <strong>productos de hostelería</strong>.Querían crear un <strong>catálogo de productos</strong> atractivo y rápido, pensando en la <strong>compra online</strong>.El diseño emplea código <strong>XHTML</strong> y <strong>CSS</strong> para una maquetación ligera y accesible.Visitar: <a href="http://www.montesa-hosteleria.com">Montesa</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/montesa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CEEDCV</title>
		<link>http://marcos-calatayud.com/ceedcv/</link>
		<comments>http://marcos-calatayud.com/ceedcv/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 17:27:02 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[educación]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=65</guid>
		<description><![CDATA[El Centre Específic d&#8217;Educació a Distància de la Comunitat Valenciana necesitaba renovar su web para poder ofrecer una mejor atención y servicio a sus estudiantes.Se maquetó la página en XHTML y CSS.Visitar: CEED CV]]></description>
			<content:encoded><![CDATA[<p>El <strong>Centre Específic d&#8217;Educació a Distància de la Comunitat Valenciana</strong> necesitaba renovar su web para poder ofrecer una mejor atención y servicio a sus estudiantes.Se maquetó la página en <strong>XHTML</strong> y <strong>CSS</strong>.Visitar: <a href="http://www.ceedcv.es">CEED CV</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/ceedcv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kalahari</title>
		<link>http://marcos-calatayud.com/kalahari-aventuras/</link>
		<comments>http://marcos-calatayud.com/kalahari-aventuras/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 17:28:06 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[multiaventura]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=67</guid>
		<description><![CDATA[Kalahari Aventuras es una conocida empresa especializada en los deportes de aventura, actividades al aire libre y viajes exóticos situada en el entorno de las Hoces del Cabriel.Necesitaban una web nueva en la que publicar noticias de forma rápida y sencilla y lograr mejorar su posición en buscadores respecto a la competencia.Se crearon unas plantillas en [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Kalahari Aventuras</strong> es una conocida empresa especializada en los d<strong>eportes de aventura</strong>, actividades al aire libre y viajes exóticos situada en el entorno de las <strong>Hoces del Cabriel</strong>.Necesitaban una <strong>web nueva</strong> en la que <strong>publicar noticias</strong> de forma rápida y sencilla y lograr <strong>mejorar su posición en buscadores</strong> respecto a la competencia.Se crearon unas plantillas en <strong>XHTML</strong> y <strong>CSS</strong> que, posteriormente, se adaptaron a <strong>WordPress</strong>, que se usó como <strong>CMS</strong>.Visitar: <a href="http://kalahariaventuras.com">Kalahari Aventuras</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/kalahari-aventuras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>COOCV</title>
		<link>http://marcos-calatayud.com/coocv/</link>
		<comments>http://marcos-calatayud.com/coocv/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 17:29:53 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=71</guid>
		<description><![CDATA[El Colegio Oficial de Ópticos Optometristas de la Comunidad Valenciana quería una web nueva para poder informar de forma más amplia y personalizada a sus colegiados.Se desarrolló una estructura XHTML con hojas de estilo CSS.Visitar: Colegio Oficial de Ópticos Optometristas de la Comunidad Valenciana]]></description>
			<content:encoded><![CDATA[<p>El Colegio Oficial de Ópticos Optometristas de la Comunidad Valenciana quería una web nueva para poder informar de forma más amplia y personalizada a sus colegiados.Se desarrolló una estructura XHTML con hojas de estilo CSS.Visitar: <a href="http://coocv.es">Colegio Oficial de Ópticos Optometristas de la Comunidad Valenciana</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/coocv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tecnourban</title>
		<link>http://marcos-calatayud.com/tecnourban/</link>
		<comments>http://marcos-calatayud.com/tecnourban/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 17:30:50 +0000</pubDate>
		<dc:creator>Marcos</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://localhost:8888/wp/?p=73</guid>
		<description><![CDATA[Tecnourban es una empresa de servicios en los ámbitos urbanístico, medioambiental e inmobiliario.Creé una estructura en XHTML y estilo mediante CSS.Visitar: Tecnourban]]></description>
			<content:encoded><![CDATA[<p><strong>Tecnourban</strong> es una empresa de servicios en los ámbitos urbanístico, medioambiental e inmobiliario.Creé una estructura en <strong>XHTML</strong> y estilo mediante <strong>CSS</strong>.Visitar: <a href="http://tecnourban.com">Tecnourban</a></p>
]]></content:encoded>
			<wfw:commentRss>http://marcos-calatayud.com/tecnourban/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

