Archive for the ‘CSS’ Category

Aprendiendo a programar

Tuesday, September 11th, 2007

Gracias a Blogultura me he enterada de unos buenos enlaces de manuales de: HTML, CSS, JavaScript, PHP, ASP y JAVA. Los mismos se encuentran muy bien explicados, cuentan con foros por si te quedo alguna duda, son gratis y en español

YAML desarrollando layouts a base de CSS

Saturday, September 8th, 2007

 

yaml YAML desarrollando layouts a base de CSS

La peculiaridad de esta herramienta es que te permite desarrollar los layouts directamente desde tu navegador. Puedes seleccionar la cantidad de columnas que deseas utilizar y editar su tamaño, editar elementos básico como el header y el footer, etc.
Puedes ver un preview de cómo es la herramienta o descargarlo, es gratis.

Fuente: Blogmundi

Generando bordes redondeados

Tuesday, August 28th, 2007

 

corner Generando bordes redondeados

Spiffy Corners es una herramienta generadora de bordes redondeados. La misma te genera un CSS y un HTML para que no tengas la necesidad de utilizar un codigo javascript o alguna imagen para esto.

Fuente: IsoPixel

Como evaluar tu sitio web en 30 segundos

Monday, August 20th, 2007

Esta técnica es sencilla y puede ser desarrollada por cualquiera. No es necesario que seas un desarrollador para entender o ejecutar este sencillo examen.

Este test te ayudará a responder las siguientes preguntas:
¿El sitio web trabaja con el CSS apagado?
¿El sitio web trabaja con el javascript deshabilitado?
¿El sitio web utiliza tablas para hacer la diagramación en lugar de utilizar CSS?
¿Toda la información esencial se encuentra en HTML?
Si existe algun tipo de código extra, ¿la información que no es esencial se encuentra en HTML?
¿El sitio web se encuentra todo en FLASH?
¿Existe algún contenido oculto?
¿Se utiliza alguna función para reemplazar una imagen?

Para contestar estas preguntas es necesario que descargues las siguientes aplicaciones. ¡Y listo!

Internet Explorer:
Internet Explorer Developer Toolbar

Firefox:
Web Developer 1.1.3

Fuente: Standardzilla

Eliminando los contornos con CSS

Monday, August 13th, 2007

Gracias a unjimpe nos llega este tutorial, de como eliminar los bordes de los vínculos utilizando el CSS.

Los contornos son unas lineas punteadas que aparecen cuando se han seleccionado los enlaces, estos contornos se muestran alrededor de los enlaces para resaltarlos e indicar que el enlace tiene el foco. Estos contornos se pueden controlar con estilos mediante la propiedad outline.

outline Eliminando los contornos con CSS

Esta propiedad tiene tres parámetros con el cual podemos controlar su apariencia: ancho, estilo y color, como se muestra a continuación.

  1. outline: ancho estilo color;

Los valores para estas propiedades son:

  • ancho: thin (fino), medium (mediano) o thick (grueso).
  • estilo: none, dotted, dashed, solid, double, groove, ridge, inset, outset.
  • color: el cual es el código hexadecimal del color (Ej: #666666).

Luego por ejemplo si tenemos un enlace al cual deseamos que al ser seleccionado tenga un contorno de color rojo solido de un pixel de ancho se tendría el siguiente código:

  1. href=“index.php” style=“outline:thin solid #CC0000;”>Home

Pero si deseamos que todos los enlaces de nuestra página tengan esta misma propiedad, creamos un estilo de la siguiente forma:

  1. a { outline: thin solid #CC0000; }

Finalmente si deseamos que no se muestre ningún contorno, pues en la mayoría de los casos es un elemento visual que deseamos no mostrar el código sería el siguiente:

  1. a { outline: none; }

curiosidades, mitos, leyendas, videos divertidos, chistes