<?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>Elías Sierra &#187; Diseño Web</title>
	<atom:link href="http://www.eliassierra.com/category/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.eliassierra.com</link>
	<description>Diseño web, Desarrollo web, SEO, SEM, WordPress y Negocios Online...</description>
	<lastBuildDate>Mon, 10 Oct 2011 19:34:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<meta xmlns="http://www.w3.org/1999/xhtml" name="robots" content="noindex,follow" />
		<item>
		<title>Tabs con CSS y jQuery</title>
		<link>http://www.eliassierra.com/desarrollo-web/tabs-con-css-y-jquery/</link>
		<comments>http://www.eliassierra.com/desarrollo-web/tabs-con-css-y-jquery/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 04:37:46 +0000</pubDate>
		<dc:creator>elfleat</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tips de CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://www.eliassierra.com/?p=166</guid>
		<description><![CDATA[Uno de los elementos de interfáz más prácticos y comunmente utilizados son los tabuladores, las pequeñas pestañas o etiquetas sobre un cuadro de contenido que te permiten cambiar fácilmente entre las opciones para ver lo que buscas organizadamente. Hoy trabajando en un proyecto necesité implementar un tabulador, y, siendo jQuery de mi preferencia, he encontrado éste script que quiero compartir, es muy fácil de implementar y el resultado final es perfecto. Puedes ver el demo [...]]]></description>
			<content:encoded><![CDATA[<p>Uno de los elementos de interfáz más prácticos y comunmente utilizados son los tabuladores, las pequeñas pestañas o etiquetas sobre un cuadro de contenido que te permiten cambiar fácilmente entre las opciones para ver lo que buscas organizadamente.<span id="more-166"></span></p>
<p>Hoy trabajando en un proyecto necesité implementar un tabulador, y, siendo jQuery de mi preferencia, he encontrado éste script que quiero compartir, es muy fácil de implementar y el resultado final es perfecto.</p>
<p>Puedes ver el <a href="http://www.sohtanaka.com/web-design/examples/tabs/">demo</a> funcionando o puedes ver éste <a href="http://craftyman.net/tabs-css-simples-con-jquery/">tutorial </a>para implementarlo tú mismo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eliassierra.com/desarrollo-web/tabs-con-css-y-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Servicio de Hosting en Barranquilla (Alojamiento Web)</title>
		<link>http://www.eliassierra.com/diseno-web/servicio-de-hosting-en-barranquilla-alojamiento-web/</link>
		<comments>http://www.eliassierra.com/diseno-web/servicio-de-hosting-en-barranquilla-alojamiento-web/#comments</comments>
		<pubDate>Tue, 01 Mar 2011 20:09:54 +0000</pubDate>
		<dc:creator>elfleat</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Utilidades]]></category>

		<guid isPermaLink="false">http://www.eliassierra.com/?p=160</guid>
		<description><![CDATA[Antes de contratar un servicio de Hosting es recomendable darse la tarea de indagar en las distintas alternativas que puedan surgir para comparar y decidir qué proveedor será el más indicado. La capacidad, el ancho de banda, cantidad de dominios y sistema administrativo que ofrecen las empresas de hosting son de los factores más importantes a la hora de tomar una desición; sin embargo muchas veces pasa desapercibido un factor clave: un soporte técnico confiable [...]]]></description>
			<content:encoded><![CDATA[<p>Antes de contratar un <strong>servicio de Hosting</strong> es recomendable darse la tarea de indagar en las distintas alternativas que puedan surgir para comparar y decidir qué proveedor será el más indicado.</p>
<p>La <strong>capacidad</strong>, el <strong>ancho de banda</strong>, <strong>cantidad de dominios</strong> y sistema administrativo que ofrecen las empresas de hosting son de los factores más importantes a la hora de tomar una desición; sin embargo muchas veces pasa desapercibido un factor clave: un <strong>soporte técnico</strong> confiable y con experiencia en la web actual.<span id="more-160"></span></p>
<p>Hoy quiero hacer una recomendación a una empresa de hosting que abre sus puertas en la ciudad de <strong>Barranquilla </strong>- Colombia; ofreciendo únicamente servicio especializado en<strong> hosting de calidad</strong> internacional que, con clientes en <em>California, Florida, México DF, España y el Atlántico colombiano</em>, se encuentra en expansión con la visión de evolucionar la calidad del servicio anticuado ofrecido en Colombia, a estándares y precios dignos de un país en desarrollo.</p>
<p><a title="Hosting en Barranquilla" target="_blank" href="http://www.sierrahost.net"><strong>SierraHOST.net</strong></a> se caracteriza por ofrecer un<strong> único plan de hosting</strong>, llamado: <strong>SierraPLAN</strong>; y es comprensible que se pregunten<em>: ¿Cómo puede un solo plan suplir las necesidades de todas las pymes y empresas medianas y pequeñas de un país? </em>Y la respuesta es sencilla una vez tomamos en cuenta las características del servicio:</p>
<ul>
<li><strong>Precio: $150.000 anuales</strong> <small>(Nunca antes hubo un servicio de tal calidad a tan bajo precio!)</small></li>
<li><strong>Capacidad de Alojamiento: Ilimitada</strong> <small>(No mide la cantidad de espacio consumida por sus clientes)</small></li>
<li><strong>Ancho de Banda: Ilimitado</strong> <small>(Por exceso de visitas nunca tendras cobros adicionales)</small></li>
<li><strong>Bases de Datos: Ilimitadas</strong></li>
<li><strong>Usuarios FTP: </strong>Ilimitados</li>
<li><strong>Cuentas de Correo:</strong> Ilimitadas</li>
<li><strong>Sistema Administrativo: cPanel </strong>+ Fantastico <small>(Total control de tu hosting 24/7)</small></li>
<li><strong>Dominios: Ilimitados</strong> <small>(Puedes alojar todos los dominios de tu compañía que requieras)</small></li>
<li><strong>Servicio al Cliente: 24/7 en Español </strong>via e-mail <small>(Soporte tecnico personalizado)</small></li>
<li><small>Y más&#8230;</small></li>
</ul>
<p>Te invito a informarte sobre el servicio en la página de <a title="Alojamiento Web en Barranquilla" href="http://www.sierrahost.net" target="_blank">www.sierrahost.net</a> y a contactar al equipo, que encantado se encargará de solventar cualquier duda que tengas al respecto.</p>
<div id="_mcePaste" class="mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;"><small>obro</small></div>
]]></content:encoded>
			<wfw:commentRss>http://www.eliassierra.com/diseno-web/servicio-de-hosting-en-barranquilla-alojamiento-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Generador de degradados estilo Photoshop online en CSS</title>
		<link>http://www.eliassierra.com/desarrollo-web/generador-degradados-online-css/</link>
		<comments>http://www.eliassierra.com/desarrollo-web/generador-degradados-online-css/#comments</comments>
		<pubDate>Sun, 24 Oct 2010 08:04:21 +0000</pubDate>
		<dc:creator>elfleat</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tips de CSS]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.eliassierra.com/?p=116</guid>
		<description><![CDATA[Personalmente a la hora de maquetar un sitio web, algunas de las imágenes de fondo que utilizo para las &#60;divs&#62;  son simples degradados verticales u horizontales, repetidos continuamente sea horizontal o verticalmente para dar el efecto y mantener ligero el tiempo de carga de la web. Sin embargo ahora es posible mediante CSS mostrar degradados sin utilizar imágenes, mejorando más aún el tiempo de carga sin sacrificar la calidad visual de nuestro proyecto. Herramienta online [...]]]></description>
			<content:encoded><![CDATA[<p>Personalmente a la hora de <strong>maquetar un sitio web</strong>, algunas de las<em> imágenes de fondo</em> que utilizo para las &lt;divs&gt;  son simples <strong>degradados </strong>verticales u horizontales, repetidos continuamente sea horizontal o verticalmente para dar el efecto y mantener ligero el<strong> tiempo de carga</strong> de la web.</p>
<p>Sin embargo ahora es posible mediante <strong>CSS </strong>mostrar degradados <strong>sin utilizar imágenes</strong>, mejorando más aún el tiempo de carga <strong>sin sacrificar la calidad visual </strong>de nuestro proyecto.</p>
<h2>Herramienta online para generar degradados en CSS</h2>
<p>La herramienta que encontré para <a href="http://www.colorzilla.com/gradient-editor/">generar el CSS de los degradados</a>, es de los creadores del reconocido plugin para Firefox <strong>ColorZilla</strong>, y al entrar en la web verán distintos degradados muy agradables a la vista, ya listos para usar, así como les brindará la posibilidad de generar su propio<strong> degradado personalizado</strong>.</p>
<h3>Ejemplo de degradado con CSS</h3>
<p>Pondré un pequeño ejemplo a continuación para que vean lo bien que puede lucir.</p>
<div style="color:white; padding: 12px; background: #3b679e; /* old browsers */ background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* webkit */filter: progid;">Hola Mundo</div>
<p>Y aquí el código fuente del CSS asignado al div:</p>
<pre class="brush: css; title: ; notranslate">
div{
color:white;
padding:12px;
background: #3b679e; /* old browsers */
background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* firefox */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e),  color-stop(50%,#2b88d9), color-stop(51%,#207cca),  color-stop(100%,#7db9e8)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* ie */
}
</pre>
<p>A simple vista, pareciera que hubiera utilizado imágenes, no?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eliassierra.com/desarrollo-web/generador-degradados-online-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Cómo crear un favicon .ico transparente con Photoshop</title>
		<link>http://www.eliassierra.com/diseno-web/crear-favicon-ico-transparente-photoshop/</link>
		<comments>http://www.eliassierra.com/diseno-web/crear-favicon-ico-transparente-photoshop/#comments</comments>
		<pubDate>Thu, 30 Sep 2010 15:25:01 +0000</pubDate>
		<dc:creator>elfleat</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.eliassierra.com/?p=97</guid>
		<description><![CDATA[Debes saber que sólo por el hecho de tener Photoshop no significa que puedas crear tus propios favicons sin recursos adicionales. Sin embargo traigo el tip para agregarle ésta característica a tu Photoshop actual; ya si luego deseas, puedes también agregar tu favicon.ico a tu wordpress. Primero que todo recuerda que la medida regular de un favicon es 16&#215;16, una vez tengas lista tu imagen descarga ICO (Windows Icon) Format, el plugin que te permitirá [...]]]></description>
			<content:encoded><![CDATA[<p>Debes saber que sólo por el hecho de tener <strong>Photoshop </strong>no significa que puedas<strong> crear tus propios favicons</strong> sin recursos adicionales. Sin embargo traigo el tip para agregarle ésta característica a tu Photoshop actual; ya si luego deseas, puedes también <a title="Agregar Favicon a WordPress" href="http://www.eliassierra.com/wordpress/agregar-favicon-ico-wordpress/">agregar tu favicon.ico a tu wordpress</a>.</p>
<p>Primero que todo recuerda que la medida regular de un favicon es<strong> 16&#215;16</strong>, una vez tengas lista tu imagen descarga <a title="Plugin de Photoshop para guardar .ico" href="http://www.telegraphics.com.au/sw/" target="_blank"><strong>ICO (Windows Icon) Format</strong></a>, el plugin que te permitirá guardar archivos en formato <strong>.ico</strong></p>
<p>Una vez descargado, descomprime la carpeta y copia el archivo <em>ICOFormat.8bi </em>a:</p>
<blockquote><p>C:\Archivos de programa\Adobe\<strong>Adobe Photoshop CS4\Plug-ins\File Formats</strong></p></blockquote>
<p>Recuerda que ésa dirección podría cambiar según el <strong>idioma de tu windows </strong>y <strong>versión de Photoshop</strong>, así que si no la encuentras a la primera, simplemente serciórate antes de consultar.</p>
<p>Una vez listo nuestro archivo, simplemente abrimos nuestra imagen en Photoshop y le damos &#8220;<strong>Guardar Como&#8230;</strong>&#8221; y seleccionamos de la lista <strong>Windows ICO</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eliassierra.com/diseno-web/crear-favicon-ico-transparente-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

