<?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>web69.es &#34;La actualidad del web 2.0&#34; &#187; css</title>
	<atom:link href="http://www.web69.es/index.php/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web69.es</link>
	<description>blogs, comunidades, css, rss, scripts, google, diseño, noticias....</description>
	<lastBuildDate>Thu, 08 Jul 2010 09:21:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Como redondear las esquinas de un DIV con jquery.corners</title>
		<link>http://www.web69.es/index.php/2010/02/23/como-redondear-las-esquinas-de-un-div-con-jquery-corners/</link>
		<comments>http://www.web69.es/index.php/2010/02/23/como-redondear-las-esquinas-de-un-div-con-jquery-corners/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 12:10:07 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[java script]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.web69.es/?p=129</guid>
		<description><![CDATA[Después de descartar realizar las esquinas redondeadas de mis diseños con capas usando imagenes, css propietario y diferentes trucos, he encontrado en http://blog.timersys.com/ la manera de hacerlo con jquery. La sorpresa es que también se puede usar en imagenes, un efecto que puede quedar batante bien y así nos ahorramos tirar del photoshop. Con el [...]]]></description>
			<content:encoded><![CDATA[<p>Después de descartar realizar las esquinas redondeadas de mis diseños con capas usando imagenes, css propietario y diferentes trucos, he encontrado en <a href="http://blog.timersys.com/jquery/como-redondear-las-esquinas-de-un-div-con-jquery-corners/">http://blog.timersys.com/</a> la manera de hacerlo con jquery. La sorpresa es que también se puede usar en imagenes, un efecto que puede quedar batante bien y así nos ahorramos tirar del photoshop. Con el código y la actualización que nos ofrecen en este blog el script es compatible con IE y firefox.</p>
<p><a href="http://blog.timersys.com/jquery/como-redondear-las-esquinas-de-un-div-con-jquery-corners/"><img class="alignleft" title="equinas redondas" src="http://blog.timersys.com/wp-content/uploads/2009/07/rounded.jpg" alt="" width="458" height="450" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2010/02/23/como-redondear-las-esquinas-de-un-div-con-jquery-corners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crea esquinas redondeadas o grandientes con CSS</title>
		<link>http://www.web69.es/index.php/2009/11/26/crea-esquinas-redondeadas-o-grandientes-con-css/</link>
		<comments>http://www.web69.es/index.php/2009/11/26/crea-esquinas-redondeadas-o-grandientes-con-css/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 10:00:49 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.web69.es/index.php/2009/11/26/crea-esquinas-redondeadas-o-grandientes-con-css/</guid>
		<description><![CDATA[Desde está web podremos general el código css necesario para realizar esquinas redondeadas en nuestras capas. http://www.roundedcornr.com/]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="Esquinas redondeadas" src="http://www.roundedcornr.com/images/logo.gif" alt="" width="463" height="49" /> Desde está web podremos general el código css necesario para realizar esquinas redondeadas en nuestras capas. <a href="http://www.roundedcornr.com/">http://www.roundedcornr.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2009/11/26/crea-esquinas-redondeadas-o-grandientes-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como convertir tu diseño PSD a XHTML</title>
		<link>http://www.web69.es/index.php/2009/11/26/como-convertir-tu-diseno-psd-a-xhtml/</link>
		<comments>http://www.web69.es/index.php/2009/11/26/como-convertir-tu-diseno-psd-a-xhtml/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 08:52:44 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.web69.es/?p=110</guid>
		<description><![CDATA[He  encontrado estos videotutoriales de como pasar los diseños web´s creados en photoshop a hojas de estilos CSS, son 3 vídeos que están bastante bien. Y para los que ya estamos iniciados en esto del diseño web no es muy complicado de entender. El único pero&#8230; es que están en ingles ))]]></description>
			<content:encoded><![CDATA[<p><a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><img class="alignleft" title="de PSD a XHTML" src="http://nettuts.s3.amazonaws.com/114_psdToHTML/200x200.jpg" alt="" width="200" height="200" /></a>He  encontrado estos <a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/">videotutoriales</a> de como pasar los diseños web´s creados en photoshop a hojas de estilos CSS, son 3 vídeos que están bastante bien. Y para los que ya estamos iniciados en esto del diseño web no es muy complicado de entender. El único pero&#8230; es que están en ingles <img src='http://www.web69.es/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ))</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2009/11/26/como-convertir-tu-diseno-psd-a-xhtml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paletas de colores para tu web</title>
		<link>http://www.web69.es/index.php/2008/11/17/paletas-de-colores-para-tu-web/</link>
		<comments>http://www.web69.es/index.php/2008/11/17/paletas-de-colores-para-tu-web/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 12:47:10 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://web69.es/index.php/2008/11/17/paletas-de-colores-para-tu-web/</guid>
		<description><![CDATA[http://colorbe.com/ otro practico sitio que nos ayudara a encontrar las paletas de colores ideales para usar en nuestros proyectos. El sitio posee un gran número de paletas diseñadas por usuarios las cuales podremos utilizar como referencia, o bien si nos animamos, podremos crear nuestras propias combinaciones para compartirlas luego con ellos. Si desean buscar algunos [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://xyberneticos.com/wp-content/uploads/2008/10/colorbe.jpg" alt="" width="449" height="231" /></p>
<p><a href="http://colorbe.com/">http://colorbe.com/</a> otro practico sitio que nos ayudara a encontrar las paletas de colores ideales para usar en nuestros proyectos. El sitio posee un gran número de paletas diseñadas por usuarios las cuales podremos utilizar como referencia, o bien si nos animamos, podremos crear nuestras propias combinaciones para compartirlas luego con ellos. Si desean buscar algunos tonos específicos, es realmente simple, podemos hacerlo mediante el buscador de color u observando la nube de Tags que clasifica a cada uno de ellos, y ver si encontramos la gama de color que nos gustaría utilizar. Si damos con los colores deseados, los seleccionaremos y obtendremos uno por uno el Código Hexadecimal que forman esa paleta.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2008/11/17/paletas-de-colores-para-tu-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zoomy.js &#8211; Otra alternativa para generar tus lightbox</title>
		<link>http://www.web69.es/index.php/2008/11/17/zoomyjs-otra-alternativa-para-generar-tus-lightbox/</link>
		<comments>http://www.web69.es/index.php/2008/11/17/zoomyjs-otra-alternativa-para-generar-tus-lightbox/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 12:25:31 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>

		<guid isPermaLink="false">http://web69.es/index.php/2008/11/17/zoomyjs-otra-alternativa-para-generar-tus-lightbox/</guid>
		<description><![CDATA[Zoomy.js otra atractiva para generar lightbox. Pesa tan solo 4k y depende de Prototype Javascript Framework y Scriptaculous (effect.js , dragdrop.js) para funcionar. El efecto realizado por Zoomy.js es el de los tradicionales lightbox, hacer un zoom al dar click sobre las imágenes, solo que con la ventaja que al cargar las imágenes de antemano, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cssrevolt.com/upload/files/zoomy/"><img src="http://www.cssrevolt.com/upload/files/zoomy/css/zoomy.jpg" alt="" width="200" height="60" /></a></p>
<p><a href="http://www.cssrevolt.com/upload/files/zoomy/">Zoomy.js</a> otra atractiva para generar lightbox. Pesa tan solo 4k y depende de <a href="http://prototypejs.org/">Prototype</a> Javascript Framework y  <a href="http://script.aculo.us/">Scriptaculous</a> (effect.js , dragdrop.js) para funcionar. El efecto realizado por Zoomy.js es el de los tradicionales lightbox, hacer un zoom al dar click sobre las imágenes, solo que con la ventaja que al cargar las imágenes de antemano, no hay retraso cuando se produce el Zoom. Además de forma opcional podremos mostrar un titulo o añadir la opción de cerrar las ventanas de forma manual.</p>
<p>Ver Mi <a href="http://xyberneticos.com/demos/zomy/">demo</a> &#8211; <a href="http://xyberneticos.com/demos/zomy/zomy.rar">Descarga</a> Demo &#8211; Web Oficial <a href="http://www.cssrevolt.com/upload/files/zoomy/">Zoomy</a> &#8211; Fuente <a href="http://www.anieto2k.com/2008/10/28/zoomyjs-lightbox-ligero-con-prototype-y-scriptaculous/">Anieto2k</a></p>
<p><strong>Opciones </strong>:</p>
<ul>
<li> <strong>ppearDuration</strong>: Permite determinar cuantos segundos deseamos estén muestras ventanas abiertas una vez realizado el zoom. (valor por defecto: 0,5 segundos).</li>
<li> <strong>closeButton</strong>: Mostrar o no el botón cerrar (valor por defecto: false).</li>
<li> <strong>draggable</strong>: Arrastrar y mostrar el botón Cerrar (valor por defecto: false).</li>
<li> <strong>hideCaption</strong>: (default value: false).</li>
</ul>
<p>Fuente y más información en: <a href="http://xyberneticos.com/index.php/2008/11/03/zoomyjs-otra-alternativa-para-generar-tus-lightbox/">http://xyberneticos.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2008/11/17/zoomyjs-otra-alternativa-para-generar-tus-lightbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Algunos Trucos CSS para evitar las incompatibilidades entre IE y Firefox</title>
		<link>http://www.web69.es/index.php/2008/09/30/algunos-trucos-css-para-evitar-las-incompatibilidades-entre-ie-y-firefox/</link>
		<comments>http://www.web69.es/index.php/2008/09/30/algunos-trucos-css-para-evitar-las-incompatibilidades-entre-ie-y-firefox/#comments</comments>
		<pubDate>Tue, 30 Sep 2008 12:49:45 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[formulario]]></category>

		<guid isPermaLink="false">http://web69.es/index.php/2008/09/30/algunos-trucos-css-para-evitar-las-incompatibilidades-entre-ie-y-firefox/</guid>
		<description><![CDATA[He encontrado este artículo en http://www.elguruprogramador.com.ar y me ha parecido interesante para los problemas que encontramos entre los diferentes navegadores a la hora de aplicar los estilos. Autor: Robinson Hack CSS para Internet Explorer 7 Particularmente soy bastante reacio a utilizar hacks CSS en mis diseños, principalmente porque me gusta que validen, aunque como sabemos [...]]]></description>
			<content:encoded><![CDATA[<p><em>He encontrado este artículo en <a title="El guru programador Argentina." href="http://www.elguruprogramador.com.ar/articulos/mejorando-la-apariencia-de-los-formularios-utilizando-css.htm" target="_self">http://www.elguruprogramador.com.ar </a>y me ha parecido interesante para los problemas que encontramos entre los diferentes navegadores a la hora de aplicar los estilos.</em></p>
<p>Autor: <strong>Robinson</strong></p>
<p>Hack CSS para Internet Explorer 7</p>
<p>Particularmente soy bastante reacio a utilizar hacks CSS en mis diseños, principalmente porque me gusta que validen, aunque como sabemos que no lo hagano cambia en anda el aspecto visual en el navegador. Sin embargo, creo que es bueno conocerlos por si en algún momento sea necesario utilizarlos.</p>
<p>Con la última versión de Internet Explorer, es decir, la 7, los diseñadores tenemos un nuevo problema ya que no todo se ve igual que en Firefox ni que en IE6, por lo que a veces es necesario realizar modificaciones sólo para este navegador. Un hack conocido es el de colocar un asterisco delante de la propiedad CSS y así sólo será reconocida por Internet Explorer 6 y 7. Algo así:</p>
<p><span style="color: #ff6600;">body {<br />
background: #fff; /* Todos los navegadores */<br />
*background: #000; /* IE6 e IE7 */<br />
}</span></p>
<p>Es decir, en Firefox, Opera y los demás navegadores el fondo será blanco, pero en Internet Explorer 6 y 7 el fondo será negro, ya que lee la propiedad con el asterisco, cosa que los demás navegadores pasan por alto. Es importante la ubicación, es decir, la propiedad con el asterisco debajo de la normal (respetando la cascada).</p>
<p>Otra opción que se utiliza para dar diferentes estilos a navegadores es el uso de !important lo cual es aceptado por Firefox, IE7 y los demás navegadores, pero no por IE6. Por lo que se utiliza cuando no queremos dar cierta propiedad a IE6. Lo bueno de esto es que si valida y así se usa:</p>
<p><span style="color: #ff6600;">body {<br />
background: #fff !important; /* Firefox, IE7 y los demás */<br />
background: #000; /* IE6 y anteriores */<br />
}</span></p>
<p>Firefox, IE7, Opera, Safari y los demás tendrán fondo blanco, pero IE6 tendrá fondo negro. Ahora para crear un hack exclusivo para IE7 combinamos estas dos técnicas que hemos repasado. Es decir, agregando un asterisco e !important a la propiedad. Lo hacemos de la siguiente manera:</p>
<p><span style="color: #ff6600;">body {<br />
background: #fff !important; /* Firefox y los demás */<br />
*background: #000 !important;  /* Sólo IE7 */<br />
*background: #ccc; /* Sólo IE6 */<br />
}</span></p>
<p>De esta forma podremos lograr 3 estilos direfentes dependiendo el navegador que estemos usando, es decir, en el primer caso, Firefox y los demás navegadores tendrán fondo blanco, Internet Explorer 7 fondo negro e Internet Explorer 6 fondo gris.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2008/09/30/algunos-trucos-css-para-evitar-las-incompatibilidades-entre-ie-y-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crea formularios para tu web facilmente</title>
		<link>http://www.web69.es/index.php/2008/07/25/crea-formularios-para-tu-web-facilmente/</link>
		<comments>http://www.web69.es/index.php/2008/07/25/crea-formularios-para-tu-web-facilmente/#comments</comments>
		<pubDate>Fri, 25 Jul 2008 11:27:01 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://web69.es/index.php/2008/07/25/crea-formularios-para-tu-web-facilmente/</guid>
		<description><![CDATA[Si estas buscando la forma de hacer un formulario de una forma sencilla y con buenos resultados pForm es la aplicación online que estabas buscando. A través de la interfaz de pForm podremos elegir entre diferentes diseño e incorporarle los campos que deseemos que incluya nuestros formulario como nombre, dirección, mensaje o incluso adjuntar archivo [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://web69.es/wp-content/uploads/2008/07/formulario.gif"><img class="aligncenter size-medium wp-image-53" title="formulario" src="http://web69.es/wp-content/uploads/2008/07/formulario-300x195.gif" alt="Crea tu formularios en 3 click." width="300" height="195" /></a></p>
<p>Si estas buscando la forma de hacer un formulario de una forma sencilla y con buenos resultados <strong><a href="http://www.phpform.org/" target="_blank">pForm</a></strong> es la aplicación online que estabas buscando.<br />
A través de la interfaz de <a href="http://www.phpform.org/" target="_blank"><strong>pForm</strong></a> podremos elegir entre diferentes diseño e incorporarle los campos que deseemos que incluya nuestros formulario como nombre, dirección, mensaje o incluso adjuntar archivo y una vez listo solo tenemos que descargarlo y agregarlo a nuestro blog o web.</p>
<p>Fuente:<br />
<a href="http://www.zarqun.com/" target="_blank">ZaRQuN.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2008/07/25/crea-formularios-para-tu-web-facilmente/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recopilación de 30 excepcionales técnicas y ejemplos realizados con css</title>
		<link>http://www.web69.es/index.php/2008/05/08/recopilacion-de-30-excepcionales-tecnicas-y-ejemplos-realizados-con-css/</link>
		<comments>http://www.web69.es/index.php/2008/05/08/recopilacion-de-30-excepcionales-tecnicas-y-ejemplos-realizados-con-css/#comments</comments>
		<pubDate>Thu, 08 May 2008 06:33:00 +0000</pubDate>
		<dc:creator>filly</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://web69.es/index.php/2008/05/08/recopilacion-de-30-excepcionales-tecnicas-y-ejemplos-realizados-con-css/</guid>
		<description><![CDATA[En six revisions (ingles) han realizado una recopilación de 30 buenos ejemplos realizados con css para aplicarlos en nuestras web´s. Desde como realizar bordes redondeados, galerías de fotos, formularios hasta menús, etc&#8230; todos son bastante útiles.]]></description>
			<content:encoded><![CDATA[<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sixrevisions.com/images/04-24-2008_css_code_snipplets/01_hoverbox_image_gallery.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px;" src="http://sixrevisions.com/images/04-24-2008_css_code_snipplets/01_hoverbox_image_gallery.jpg" alt="" border="0" /></a>En <a href="http://sixrevisions.com/css/30_css_techniques_examples">six revisions</a>  (ingles) han realizado una recopilación de 30 buenos ejemplos realizados con css para aplicarlos en nuestras web´s. Desde como realizar bordes redondeados, galerías de fotos, formularios hasta menús, etc&#8230; todos son bastante útiles.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.web69.es/index.php/2008/05/08/recopilacion-de-30-excepcionales-tecnicas-y-ejemplos-realizados-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
