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

CSS: background-position el gran desconocido

La verdad es que no es tan tan desconocido, pero el título queda mas bonito poniéndolo así xD A la hora de añadir una imagen de fondo a un elemento mediante css tenemos varias opciones para organizarlas, lo primero que tenemos que tener en cuenta es que esta propiedad debe añadirse a un elemento bloque, por lo que si es un enlace (a) debemos añadirle la propiedad: display:block. Un ejemplo básico, tenemos una imagen de 100x100px y la queremos poner como fondo: #ejemplo { width:100px; height:100px; background-image:url(iconos.gif); } Pero podemos complicarlo un poquito más, vamos a crear un archivo que…

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

CSS: Deja constancia de tu trabajo

Suele pasar que tengas varias versiones de tus hojas de estilos y surja la duda de cuál es la más reciente. Para solucionar esto, y para facilitar un poco el trabajo a quienes tengan que editar tu hoja de estilos, que mejor que dejar una nota al comiendo del archivo, especificando unos cuantos datos básicos. Puedes añadir la fecha de creación del documento, o sólamente la fecha de última actualización, tu nombre e información de contacto (web / email) para que si en un futuro debe editarlo otra persona y tenga una duda sepa a quién acudir (puede que quieran…

Leer más

No os asustéis, hoy es el día del CSS desnudo

Si acabas de descubrir que mi blog se ve horrorosamente soso, no te preocupes no me ha dado la locura, simplemente me he unido a la iniciativa CSS Naked Day (día del CSS desnudo). Durante las 24 horas el 9 de abril (España), mantendré el blog sin estilos (css) para reivindicar con ello un buen uso de los estándares web. Si quieres unirte a la causa, aquí tienes toda la información necesaria.

Leer más