FutureBox, un LightBox sin Javascript...Siguiendo la línea de optimización de páginas Web os presento un efecto parecido al Lightbox, para resaltar imágenes (pasar de thumbnails a tamaño completo sin recargar la página) pero sin el uso de Javascript, solo CSS3 por lo que su tamaño será considerablemente menor. El proyecto se llama FutureBox y tiene muy buena pinta, podéis [...]
Recopilación de técnicas CSS3...Me encantan estos listados donde podemos ver hasta 30 técnicas CSS3 de lo más espectacular y la forma de conseguirlo.
Personaliza tus formularios Web...Las limitaciones de los formularios HTML básicos son notorias, pero siempre podemos utilizar librerías externas para darles un toque de distincción. Gracias a Andrés disponemos de una genial recopilación de 24 trucos para personalizar nuestros formularios.
Valida y optimiza tu código CSS...Hoy mismo he tratado un aspecto importante en el CSS de una página, evitar la cache en las hojas de estilo, ahora voy a hablar de cómo podemos obtener un código óptimo y lo más importante, válido. Disponer de un CSS válido es casi tan importante como disponer de un HTML válido y debería ser [...]
Evitar cache en hojas de estilo...Creo que de esto ya he hablado alguna vez, aunque me referí a ello como evita la cache en páginas web estáticas y dinámicas. En aquel caso proponía una forma dinámica para generar números aleatorios que pasados como parámetros a un fichero provocaba que el navegador lo interpretase como un documento diferente y evitara usar [...]
Eliminar superposición de enlaces en Firefox...No sé si lo habréis notado, pero cuando pulsamos sobre un enlace en Firefox se crea a su alrededor un recuadro con línea discontinua. Personalmente no me gusta nada, ya tengo el CSS para destacar sobre que parte de mi página se ha hecho click y no necesito que Firefox lo remarque. Para evitar esto [...]
Menu de navegación con CSS...Si no sabes cómo darle ese toque de estilo a tu página prueb a seguir este tutorial (en inglés) para crearte un bonito menú de navegación con pestañas en css.
Inherit en CSS con Internet Explorer...Como siempre, tengo la manía de hacer todas mis aplicaciones Web en Firefox y luego comprobarlas en Internet Explorer. Cual ha sido mi sorpresa cuando al ejecutarla en este curioso navegador muchos de los enlaces no tenían el color adecuado, en vez de ello tenían el típico azul como si no se hubiera definido ninguno. [...]
Esquinas redondeadas con CSS y Jquery...Otra sencilla manera de conseguir ese efecto de esquina redondeada en nuestras páginas es utilizar rounded Corners with Jquery.
Técnicas CSS sprites en WordPress...CSS sprite es una técnica por la que todas las imágenes de una página se juntan en una sola, y mediante CSS podemos mostrarlas donde queramos exactamente igual que si fueran únicas. Ya conocía este método cuando programaba scripts en IRC, pero hasta ahora nunca le había dado importancia en Web hasta que el otro [...]
