Códigos Fuente de CSS

Este código de CSS, muestro como modificar el formato de un checkbox por uno definido por nosotros mismos.
Podemos definir que el texto quede tachado al estar seleccionado.

La utilización de sprites, es una técnica para mejorar la velocidad de carga de las páginas webs. Esta técnica consiste en colocar en una sola imagen todo el conjunto de imágenes que vayamos a utilizar en nuestra web, para luego ir cogiendo la parte de la imagen que necesitemos mostrar.
Funciona en todos los navegador a excepción de IE8 y anteriores.

En este simple código, se visualiza como crear un salto de página cuando vayamos a imprimir nuestros reportes o documentos desde nuestra página web

Código que muestra como centrar un div en el centro de la pantalla, tanto verticalmente como horizontalmente.
Probado en IE 5,6,7, Firefox 2 y Opera 9.

Este simple ejemplo, muestra como centrar de manera horizontal y vertical un texto dentro de un div

Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.



Este código lo he desarrollado para contestar una pregunta del foro de HTML.

Este simple código muestra como mover de izquierda a derecha el logo mientras tenemos el ratón encima de la imagen de manera indefinida.

Como en la definición de un iframe no se puede poner un valor con porcentaje, aquí se muestra la manera de como hacerlo añadiendo el iframe dentro de un div.
Es muy útil para utilizar en diseños responsive.

Este ejemplo, muestra como utilizar dos iframes que ocupen el 20% y 80% de la pantalla.

Este código muestra como dibujar una flecha hacia la derecha, izquierda, abajo y arriba con HTML y CSS3 sin utilizar ninguna imagen.

Aquí os muestro un sencillo ejemplo de como hacer un menú desplegable para ser utilizado en smartphones y tabletas.
El despliegue del menú se realiza con jquery