Posts etiquetados ‘CSS’

En este vídeo veremos el trabajo con imágenes y textos gráficos, como hacer que el contenido se muestre de la forma adecuada a los usuarios, y que al mismo tiempo el contenido sea rastreado por los buscadores.

Veremos diferentes técnicas para lograrlo, como el uso de Flash, JavaScript y PHP, y veremos un ejemplo con el uso de Flash y sIFR, que sin duda es una solución muy adecuada.

Todo se ve en poco más de 13 minutos y en el siguiente vídeo empezaremos con HTML amigable a los buscadores.

Descargar ejemplo

Navegando la Web me encuentro este interesante y útil servicio, que permite que creemos DIVs con esquinas redondeadas fácilmente, incluso permite dar color de fondo, borde y generar gradientes muy fácil y rápidamente.

Su funcionamiento es muy sencillo tan solo proporcionamos el radio de la esquina en pixeles, color de fondo, color de la caja, si es necesario color y tamaño del borde, color para el gradiente, y listo solo pulsamos en el botón para crear RoundedCornr y listo en la siguiente página obtenemos el código HTML y el CSS, así como las imágenes necesarias para lograr el diseño y que se adapte a cualquier navegador.

Enlace: RondedCornr

Chris Brainard desarrolló una herramienta que permite por medio de el uso de jQuery y jCrop, generar el código CSS para un Sprite de una imágen que subamos.

Aquí vemos su funcionamiento, gracias al uso de jCrop podemos seleccionar una porción de la imágen que subimos y la herramienta de Brainard nos proporciona el CSS necesario para su implementación.

Enlace: Sprite creator

Enlace: CSS Sprite creator (Vía Ajaxian)