<?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>Diseño Web &#8211; MarcosBL</title>
	<atom:link href="https://blog.marcosbl.com/area/diseno/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.marcosbl.com</link>
	<description>Maestro de nada</description>
	<lastBuildDate>Sat, 05 Apr 2014 05:49:04 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://blog.marcosbl.com/assets/cropped-avatar-32x32.png</url>
	<title>Diseño Web &#8211; MarcosBL</title>
	<link>https://blog.marcosbl.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Efecto CSS hover pentagonal</title>
		<link>https://blog.marcosbl.com/efecto-css-hover-pentagonal/2184/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Sat, 05 Apr 2014 05:49:04 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<guid isPermaLink="false">http://marcosbl.com/blog/?p=2184</guid>

					<description><![CDATA[<p class="lead"></p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/efecto-css-hover-pentagonal/2184/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p><a href="http://codepen.io/MarcosBL/pen/HemBa/"><img fetchpriority="high" decoding="async" src="https://blog.marcosbl.com/assets/KBxOjx1.png" alt="" width="492" height="543" class="aligncenter size-full wp-image-2185" srcset="https://blog.marcosbl.com/assets/KBxOjx1.png 492w, https://blog.marcosbl.com/assets/KBxOjx1-271x300.png 271w" sizes="(max-width: 492px) 100vw, 492px" /></a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Efecto hover para elementos de ecommerce</title>
		<link>https://blog.marcosbl.com/efecto-hover-para-elementos-de-ecommerce/2182/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Sat, 05 Apr 2014 05:40:40 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">http://marcosbl.com/blog/?p=2182</guid>

					<description><![CDATA[<p class="lead"></p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/efecto-hover-para-elementos-de-ecommerce/2182/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p><a href="http://codepen.io/MarcosBL/pen/ndsmi"><img decoding="async" src="https://blog.marcosbl.com/assets/Ecommerce_Product_Display_Free_CSS3_Hover_Effect.jpg" alt="" width="500" height="333" class="aligncenter size-full wp-image-2183" srcset="https://blog.marcosbl.com/assets/Ecommerce_Product_Display_Free_CSS3_Hover_Effect.jpg 500w, https://blog.marcosbl.com/assets/Ecommerce_Product_Display_Free_CSS3_Hover_Effect-300x199.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Inteligentes técnicas de Optimización PNG</title>
		<link>https://blog.marcosbl.com/inteligentes-tecnicas-de-optimizacion-png/1396/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Wed, 02 Sep 2009 22:39:49 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips & Tweets]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=1396</guid>

					<description><![CDATA[<p class="lead">Inteligentes técnicas de Optimización PNG es un artículo muy interesante que nos enseñará varias formas de reducir el tamaño de nuestras imágenes hasta en un 80% , sin perder un ápice de calidad.</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/inteligentes-tecnicas-de-optimizacion-png/1396/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p><strong><a href="http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/?1">Inteligentes técnicas de Optimización PNG</a></strong> es un artículo muy interesante que nos enseñará varias formas de reducir el tamaño de nuestras imágenes hasta en un 80% , sin perder un ápice de calidad.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>15 trucos CSS básicos que DEBES conocer</title>
		<link>https://blog.marcosbl.com/15-trucos-css-basicos-que-debes-conocer/1279/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Sun, 19 Jul 2009 22:37:14 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips & Tweets]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=1279</guid>

					<description><![CDATA[<p class="lead">En el blog de Themeforest nos encontramos un buen artículo con 15 trucos CSS básicos que DEBES conocer, aclaratorio y muy bien explicado.</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/15-trucos-css-basicos-que-debes-conocer/1279/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>En el blog de <strong><a href="http://blog.themeforest.net/">Themeforest</a></strong> nos encontramos un buen artículo con <strong><a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/">15 trucos CSS básicos que DEBES conocer</a></strong>, aclaratorio y muy bien explicado.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Flowplayer &#8211; El reproductor Flash definitivo</title>
		<link>https://blog.marcosbl.com/flowplayer-el-reproductor-flash-definitivo/1179/</link>
					<comments>https://blog.marcosbl.com/flowplayer-el-reproductor-flash-definitivo/1179/#comments</comments>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Tue, 02 Jun 2009 15:08:32 +0000</pubDate>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=1179</guid>

					<description><![CDATA[<p class="lead">Si tu intención es un pequeño reproductor para efectos de sonido, te recomenaría otras soluciones, pero si lo que quieres es un reproductor embebido al que pasar videos, música, podcasts, etc&#8230; sin duda FlowPlayer es la tuya. Open Source (GPL 3) Soporte completísimo para Skins Todos los componentes son plugins, puedes personalizar no sólo el aspecto, sino el comportamiento del&#8230;</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/flowplayer-el-reproductor-flash-definitivo/1179/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Si tu intención es un pequeño reproductor para efectos de sonido, te recomenaría otras soluciones, pero si lo que quieres es un reproductor embebido al que pasar videos, música, podcasts, etc&#8230; sin duda <strong><a href="http://flowplayer.org/">FlowPlayer</a></strong> es la tuya.</p>
<ul>
<li>Open Source (GPL 3)</li>
<li>Soporte completísimo para Skins</li>
<li>Todos los componentes son plugins, puedes personalizar no sólo el aspecto, sino el comportamiento del mismo</li>
<li>Plugins Flash y Plugins Javascript, ambos pueden controlar aspecto y comportamiento del reproductor</li>
<li>Documentación API para JavaScript y ActionScript 3.0</li>
<li>Streaming HTTP</li>
<li>Pseudostreaming con Apache, ASP/.NET, lighttpd y ngingx</li>
<li>RTMP streaming con Adobe Flash Media Server, Wowza y Red5</li>
<li>Scripting personalizado utilizando Javascript</li>
<li>Foros de Soporte mantenidos por la comunidad</li>
</ul>
<div class="ac"><a href="http://flowplayer.org/"><img decoding="async" src="https://blog.marcosbl.com/assets/flowplayer.jpg" alt="flowplayer" title="flowplayer" width="500" height="229" class="alignnone size-full wp-image-1180" srcset="https://blog.marcosbl.com/assets/flowplayer.jpg 500w, https://blog.marcosbl.com/assets/flowplayer-300x137.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></div>
<div class="ac"><a href="http://flowplayer.org/"><img loading="lazy" decoding="async" src="https://blog.marcosbl.com/assets/flowplayer2.jpg" alt="flowplayer2" title="flowplayer2" width="500" height="272" class="alignnone size-full wp-image-1181" srcset="https://blog.marcosbl.com/assets/flowplayer2.jpg 500w, https://blog.marcosbl.com/assets/flowplayer2-300x163.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></a></div>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.marcosbl.com/flowplayer-el-reproductor-flash-definitivo/1179/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Aplicación del API de Pixlr</title>
		<link>https://blog.marcosbl.com/aplicacion-del-api-de-pixlr/1006/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Mon, 23 Mar 2009 15:47:00 +0000</pubDate>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips & Tweets]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=1006</guid>

					<description><![CDATA[<p class="lead">Interesante POST de Desarrolloweb sobre la aplicación del API de Pixlr, una aplicación via web de retoque de imágenes, que ahora podremos utilizar desde nuestras aplicaciones. Es la continuación de su anterior POST Introducción a la API de Pixlr.</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/aplicacion-del-api-de-pixlr/1006/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Interesante POST de Desarrolloweb sobre la <strong><a href="http://www.desarrolloweb.com/articulos/documentacion-api-pixlr.html">aplicación del API de Pixlr</a></strong>, una aplicación via web de retoque de imágenes, que ahora podremos utilizar desde nuestras aplicaciones. Es la continuación de su anterior POST <a href="http://www.desarrolloweb.com/articulos/introduccion-api-pixlr.html"><strong>Introducción a la API de Pixlr</strong></a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cambiando colores al texto seleccionado</title>
		<link>https://blog.marcosbl.com/cambiando-colores-al-texto-seleccionado/995/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Wed, 18 Mar 2009 12:00:33 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=995</guid>

					<description><![CDATA[<p class="lead">No todos los navegadores lo soportan, ni es que sea el colmo de la usabilidad, pero al menos es curioso y quizá te guste&#8230; Agrega esto a tu hoja de estilos&#8230; $3 Para cambiar el color de fondo de tu página al seleccionar con el ratón&#8230; En principio, sólo está soportado el color de texto y de fondo. Puedes probarlo&#8230;</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/cambiando-colores-al-texto-seleccionado/995/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>No todos los navegadores lo soportan, ni es que sea el colmo de la usabilidad, pero al menos es curioso y quizá te guste&#8230;</p>
<p><strong>Agrega esto a tu hoja de estilos&#8230;</strong></p>
<pre class=$1prettyprint $2>$3</pre>
<p><strong>Para cambiar el color de fondo de tu página al seleccionar con el ratón&#8230;</strong></p>
<div class="ac"><img loading="lazy" decoding="async" src="/blog/assets/selection-color.jpg" alt="selection-color" title="selection-color" width="266" height="69" class="alignnone size-full wp-image-996" /></div>
<p>En principio, sólo está soportado el color de texto y de fondo. Puedes probarlo en este mismo blog, seleccionando cualquier texto.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>101 Plantillas y Diseños XHTML/CSS</title>
		<link>https://blog.marcosbl.com/101-plantillas-y-disenos-xhtmlcss/994/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Wed, 18 Mar 2009 11:48:55 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips & Tweets]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=994</guid>

					<description><![CDATA[<p class="lead">1st Web Designer ha seleccionado por nosotros nada menos que 101 Plantillas y Diseños XHTML/CSS gratuítos de alta calidad.</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/101-plantillas-y-disenos-xhtmlcss/994/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/">1st Web Designer</a> ha seleccionado por nosotros nada menos que <strong><a href="http://www.1stwebdesigner.com/resources/101-high-quality-css-and-xhtml-free-templates-and-layouts-part-1-2/">101 Plantillas y Diseños XHTML/CSS</a></strong> gratuítos de alta calidad.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ocho interesantes trucos CSS para tus enlaces</title>
		<link>https://blog.marcosbl.com/ocho-interesantes-trucos-css-para-tus-enlaces/993/</link>
					<comments>https://blog.marcosbl.com/ocho-interesantes-trucos-css-para-tus-enlaces/993/#comments</comments>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Wed, 18 Mar 2009 11:44:02 +0000</pubDate>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips & Tweets]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=993</guid>

					<description><![CDATA[<p class="lead">En Designer Daily encontraremos Ocho interesantes trucos CSS para mejorar la usabilidad de tus enlaces.</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/ocho-interesantes-trucos-css-para-tus-enlaces/993/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>En <a href="http://www.designer-daily.com/">Designer Daily</a> encontraremos <strong><a href="http://www.designer-daily.com/8-css-tips-for-better-linking-1424">Ocho interesantes trucos CSS</a></strong> para mejorar la usabilidad de tus enlaces.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.marcosbl.com/ocho-interesantes-trucos-css-para-tus-enlaces/993/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Escalado bicúbico de imágenes</title>
		<link>https://blog.marcosbl.com/escalado-bicubico-de-imagenes/990/</link>
		
		<dc:creator><![CDATA[MarcosBL]]></dc:creator>
		<pubDate>Wed, 18 Mar 2009 11:41:10 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<guid isPermaLink="false">http://www.propiedadprivada.com/?p=990</guid>

					<description><![CDATA[<p class="lead">Si usas width o height en tus desarrollos web para escalar imágenes (algo que por otra parte no deberías hacer), te fijarás que en Internet Explorer (Usado por el 90% de tus clientes probablemente, y por desgracia), las imágenes se ven «comolculo«. Esto es debido al modo de escalado usado por defecto por IE, y es bastante sencillo de solucionar:&#8230;</p><p class="more-link-p"><a class="btn btn-danger" href="https://blog.marcosbl.com/escalado-bicubico-de-imagenes/990/">Leer más &#8594;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Si usas <strong>width</strong> o <strong>height</strong> en tus desarrollos web para escalar imágenes (algo que por otra parte no deberías hacer), te fijarás que en Internet Explorer (Usado por el 90% de tus clientes probablemente, y por desgracia), las imágenes se ven «<strong>comolculo</strong>«. Esto es debido al modo de escalado usado por defecto por IE, y es bastante sencillo de solucionar:</p>
<blockquote><p>img { -ms-interpolation-mode: bicubic; }</p></blockquote>
<div class="ac"><img loading="lazy" decoding="async" src="/blog/assets/bicubic.jpg" alt="bicubic" title="bicubic" width="521" height="204" class="alignnone size-full wp-image-992" srcset="https://blog.marcosbl.com/assets/bicubic.jpg 521w, https://blog.marcosbl.com/assets/bicubic-300x117.jpg 300w" sizes="auto, (max-width: 521px) 100vw, 521px" /></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
