En una oportunidad previa, mostré una técnica para construir formularios tableless, o sea, sin las famosas tablas que tanto nos ayudaron hace algún tiempo. Sin div’s, solamente label e input fueron necesarios. Bien, en esta ocasión, seguiré con este apasionante […]

Formularios Semánticos: el regreso
13/oct/2006 7

Un layout fijo puede ser más fácil de construir para algunos, ya que todos los elementos están ordenadamente dispuestos, cada uno con su ancho fijo. Reseteando el margin y padding al principio de todos los tags, torna más fácil lograr […]

Layout fijo a elástico en sólo 4 caracteres
5/oct/2006 18

Con este artículo atacaremos directamente la semántica para mejorar la gráfica de nuestro sitio. O sea, no la atacaremos, trabajaremos en conjunto con ella. Si, así queda mejor. La idea de esto, es (en este caso) reemplazar el tag H1 […]

Image Replacement o cómo reemplazar contenido por imagen
25/sep/2006 36

Border, margin y padding tienen ciertas mañas dignas de ser conocidas. Cuando uno llega a manejarlas, el código queda más limpio y es bastante más rápido escribirlo y modificarlo. En este post, que será corto, haré ver 3 detalles importantes: […]

Algunas palabras sobre márgenes y demases
14/sep/2006 7

Creo que este es mi primer artículo sobre diseño en sí. ya era hora de entrar de lleno en mi área. Puedes haber notado que han proliferado 2 características principales en cuanto a diseño en los últimos 5 – 6 […]

Diseño a lo “2.0”
11/sep/2006 7

Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho mas fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un […]

Cargando imágenes con CSS
7/sep/2006 31

Nadie niega el boom que ha tenido Lightbox y todos sus sucedáneos en la manera de desplegar imágenes inline, sin tener que utilizar popup. Ciertamente una de las mejores aplicaciones AJAX existentes. El problema que surge, es cuando lo utilizamos […]

Lightbox + SWF
1/sep/2006 129

Buenos tiempos eran esos donde reinaban los frames… no había que pensar en semántica, preocuparse por compatibilidad… todo se veía en Netscape y Explorer. Eran, como quien dice, browsers carne de perro. Pero ahora son otros tiempos, hay más conciencia […]

Layout Fijo: resucitando los frames
29/ago/2006 25

Este debería de haber sido el primer post de CSSLab, como antes tarde que nunca, traduzco y transcribo 11 misivas que explican porqué no deberías de utilizar tablas para diagramar un sitio. Comencemos: 1. Porque utilizar tablas es una estupidez: […]

El porqué de no utilizar tablas
25/ago/2006 35

Desde Flash MX 2004 que se permite importar información de hojas de estilo CSS para los campos de texto dinámicos de una película Flash. Lo interesante de esto es la capacidad de manejar externamente el estilo del texto que contiene […]

CSS en Flash: sólida pareja
22/ago/2006 12

Es indiscutible las bondades que ha traído la inclusión de Unisys del formato PNG. Lo mejor de él, es la mayor profundidad de colores (miles, aún comprimido) y la facilidad de uso de su canal alfa. Su uso en web […]

PNG’s transparentes en IE6
14/ago/2006 77

Mucho se usa en el diseño web el recurso de los bordes redondeados, principalmente en formas que soportan cajas de texto. Esto se hacía fácilmente utilizando una tabla y varias celdas, y éstas se adaptaban fácilmente al tamaño del contenido. […]

Bordes redondos crossbrowser
8/ago/2006 20

Para todos quienes hemos peleado con IE5, 5.5 y 6, nuestras pesadillas están lejos de terminar… Con el inminente lanzamiento de IE7, Microsoft ha llamado a los desarrolladores a eliminar los hacks creados durante años, ya que supuestamente estarán arreglados […]

Se viene IE7…. ¡huid! (actualizado)
28/jul/2006 6

En un blog al que estoy suscrito via RSS, y el cual recomiendo por el interesante contenido que siempre entregan, surge este interesante artículo, donde se muestra objetivamente (aunque faltan detallles, no deja de ser buena referencia) la evolución que […]

XHTML: un interesante camino
25/jul/2006 2

Seguro uno de los temas más complicados al momento de construir un sitio tableless, se refiere a los float. Entenderlo y saber utilizarlo es un lío. Esto se complica más al momento de hacer que el sitio se vea bien […]

Flotando en la incertidumbre
20/jul/2006 41

Desde hace ya un tiempo se vienen desarrollando cada vez con más frecuencia aplicaciones web dejando de lado la hegemonía que por años tenía Flash, como herramienta de diseño web. Claro, a los clientes les gusta que sus sitios tengan […]

JavaScript, Toolkit y demases
23/jun/2006 15

La hoja de estilos aural es comúnmente utilizado por comunidades no-videntes o deficientes visuales, la cual combina sintetizadores de voz e íconos ‘audibles’. Esto se realiza convirtiendo el documento a texto plano, el cual alimenta a un lector de pantalllas […]

Diseño a oscuras
23/may/2006 4

Un gran lío en esto de entender el CSS es el tema del posicionamiento: static, absolute, fixed e incluso float son usados para diagramar un sitio y su contenido. En el siguiente link se muestra con ejemplos prácticos cómo se […]

Posicionando: ejemplos prácticos
30/mar/2006 1

Envié un estilo para tablas hace no muchos días, y hoy gratamente me doy cuenta que fue bien recibido y publicado en CSS Table Gallery. De ahí mismo se puede echar una mirada al código CSS. Muchas gracias, gente de […]

CSS Table Gallery
27/mar/2006 8

Listamatic, un excelente link donde se muestran variados ejemplos de menúes construídos con <li>‘s: verticales, horizontales, tabbed, experimentales…. con código incluído. Para aprender, y para sacar de aprietos.

Ejemplos de menúes con listas
9/mar/2006 5

Un gran mercado que en Chile está despegando, lentamente dado en parte por el alto costo de la tecnología y los teléfonos móviles que la soportan, es el del webdesign para móviles. En general, del diseño de multimedios orientado para […]

CSS para móviles
7/mar/2006 17

CSSLab

⤷ Categoría CSS