CSS: Trabajando con espacios en blanco

Cuando trabajamos con espacios en blanco sobre html lo normal es que nuestro navegador los elimine, interpretando sólamente aquellos que aparecen entre palabras. Para mí eso es perfecto, pero habrá quien añore el preformato tipo procesador de texto, para vosotros aquí tenéis una solución con css. La propiedad white-space te permite manejar los espacios en blanco a tu antojo ¿Cómo? Simple, con un mismo ejemplo os demuestro su funcionamiento, el código que voy a usar es el mismo, cambiaré solo la propiedad en css. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet mauris et sapien sollicitudin semper…

Leer más

SEO básico, o como aplicarlo con la cabeza

No quiero decir que tengamos que aplicarlo a base de cabezazos contra la pantalla del ordenador, que hay quién es capaz de hacerlo o al menos a más de uno nos entran ganas después de ver que no obtenemos resultados. Sino que podemos aplicar SEO sin tener muchos conocimientos, simplemente pensando un poquito y utilizándo la lógica. Pero primero vamos con lo primero ¿Qué significa SEO? La palabra SEO son las siglas de Search Engine Optimization (Optimización para Motores de Búsqueda) o lo que mucha gente entiende como ESO que se hace para que mi web aparezca la primera en…

Leer más

Cheat Sheet, descúbrelo de un vistazo

Flickr: Cheat Sheets Me encanta las Cheat Sheet, las referencias rápidas, las hojas de trucos o como queráis llamarlas. Yo soy de las que se acuerdan del argumento de la película pero no recuerda el título, por lo que muchas veces me acuerdo del funcionamiento de funciones, propiedades, etc, pero no recuerdo el nombre de las mismas. Por eso tengo siempre a mano unas cuantas hojas de referencia rápida, cuando te bloquees, solo tienes que dar un vistazo a la hoja apropiada y.. ¡Tachán! Habrá vuelto a tu memoria ;) Algunas de las que tengo en mis favoritos son: –…

Leer más

Inserta videos de youtube con HTML Válido

El código que indican en youtube para insertar el video en tu página web, es un completo desastre, intenta pasar tu web por el validador w3c cuando tengas un video de youtube insertado y verás como explota xD El código que nos da youtube es el siguiente: <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/5AFasYNOifk&amp;hl=es&amp;fs=1&amp;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5AFasYNOifk&amp;hl=es&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> Y algunos de los errores que nos devuelve el validador son: – General entity hl not defined and no default entity. – Attribute type exists, but can not be used for this element. – Attribute allowscriptaccess is not…

Leer más

CSS: Dar estilo a nuestros formularios sin tablas ni párrafos

Hace unos días os explicaba como crear un formulario estructurado, accesible y válido según los estándares w3c, si lo leísteis os habréis dado cuenta de que no está dentro de una tabla ni contiene etiquetas de párrafos. Al principio puede parecer muy complicado darle un poco de forma sin ninguna etiqueta de las de siempre, pero tenéis que saber que si hay una etiqueta (da igual la que sea) hay un estilo aplicable con css, y en nuestro formulario accesible no tenemos <p> pero sí <label>. Si no aplicamos ningún estilo, nuestro formulario aparecería de la siguiente forma: Flickr: form1…

Leer más