Lo ví y me gustó #7 – 16 Febrero 2006

Lo ví y me gustó #6 – 13 Enero 2006

La corriente actual nos dice: «no uses tablas al diagramar un sitio web…» Pero si están bien utilizadas, siguen siendo de gran ayuda, ya que su compatibilidad con browsers es por años y por versiones comprobadas. En el siguiente link, se muestra la forma correcta de utilizarlas. Si quieres seguir utilizando tablas, en esta galería se muestran buenos estilos que se pueden integrar a un tabla. Atrévete y envía el tuyo.

#5 – 16 Diciembre 2005 Gracias a todos los aportes en ‘Envía tu Sitio’. El criterio que ocupo al revisar un sitio, es que primero, sea construído en CSS (aunque no completamente); que gráficamente sea atractivo, y que se vea bien en diferentes browsers y plataformas (no importa q sea o no válido por W3C).

#4 – 2 Diciembre 2005

Cuando creamos un nuevo documento HTML en nuestro editor favorito, no nos fijamos que se agregan un par de líneas de código que por ignorancia desconocemos, pero tienen gran importancia a la hora de renderizar la página y validar su estructura. En este momento, nos referiremos al DOCTYPE y los DTD.

Un buen uso al CSS en un sitio web, es teniendo múltiples hojas de estilo con diferentes apariencias; así el usuario puede escoger el que más le plazca, según su ánimo, o como sea. A esto se le puede agregar en un JavaScript que cambie según la hora (día, noche), estación (verano, invierno), etc. Las posibilidades son muchas. Vamos al grano. Primero, se necesita llamar las 2 hojas de estilo: la principal (stylesheet) y la opcional (alternate stylesheet). <link rel="stylesheet" type="text/css" href="normal.css" title="normal"><br / <link rel="alternate stylesheet" type="text/css" href="oscuro.css" title="oscuro">

Al diseñar para la web, cada uno tiene sus mañas y sus costumbres. Actualmente, el mayor uso que se le da a la hoja de estilos, es para estilizar textos, dado el temor de diseñadores en meterse en este estraño mundo de códigos desconocidos, y que se sabe, que no es simple de implementarse. Un gotoAndPlay(); es el mismo desde Flash Player 5 a 8, Win o Mac; position: relative; puede no funcionar igual en IE, Firefox, Win, Mac… un lío. Un tema recurrente e importante de mencionar, se refiere sobre las medidas usadas para referirse a la tipografía desplegada en un sitio web. Algunos usan px, otros em. Incluso pt….. A continuación, una definición de cada uno, sus pros y contras:

#3 – 22 Noviembre 2005

Cuando hacemos un rollover, lo usual es tener 2 o más imagenes cortadas iguales, pero con diferentes estilos (otro color, forma, sombra, etc) y cuando construimos el código que la hace funcionar, se usa comunmente: #menu a {<br /      background: url("boton.gif") top left no-repeat;<br / }<br / #menu a:hover {<br /      background-image: url("boton_over.gif");<br / }<br / #menu a:active {<br /      background-image: url("boton_activo.gif");<br / } A continuación, muestro una manera simple de ahorrar la carga de la imagen (gif o jpg). En realidad no es magia lo que haremos, solamente un truco que en vez de cargar una nueva imagen al hacer el hover, se trabajará por sobre una misma imagen, la que contendrá todas las instancias necesarias. Entonces lo bueno es que esta imagen se cargue completa la primera vez, y al hacer el hover, ésta se desplazará lo necesario para que muestre donde se encuentre la parte correspondiente a esa istancia; lo mismo si tiene un active. Pero le agregaremos algo más.