Un mail del buen viciao2k3 me ha impulsado a escribir este post. Seguramente como diseñadores web les ha pasado que intentan hacer un layout con columnas y tienen sus fondos para cada columna y todo bello; pero al momento de ponerle el contenido te das cuenta de que las columnas no se expanden al mismo tiempo. Y te dices a ti mismo "Muy bien... iré a mi hoja de estilos y agregaré height: 100% a todas las columnas y ¡listo!" Y después de aplicar el cambio te das cuenta de que no es así. "¿Pero qué caraj..." Si si, conozco bien la sensación. ¡Pero no más! Aquí les pongo las tres técnicas infalibles para lograr ese tan deseado efecto y que varias veces ha sido llamado "el santo grial del CSS" (junto con el layout de tres columnas).
(Continuar leyendo)
Mañana 5 de Abril metal.ize y gran parte de la web (al menos la web que vale la pena ver) se desnudará completamente y mostrará su <body>. Como seguramente saben, el 5 de Abril se celebra el CSS Naked Day, osease, el día que quitamos los vínculos a nuestros CSS de nuestra web y dejamos la pura estructura a la vista. ¿El objetivo? Sencillo, promover los Estándares Web.
(Continuar leyendo)
Cuando estaba codificando el diseño de metal.ize se me ocurrió la idea de hacerlo líquido. Obviamente, esto lo quería lograr sin el uso de tablas y quería que fuera compatible con la mayor cantidad de navegadores posible. Debo decir que fue bastante complicado encontrar un método fiable, fácil y que no requiriera de hacks. Es por eso que quiero compartir con ustedes la técnica que usé.
(Continuar leyendo)
Y bueno... tras un pequeño tropezón emocional, aquí ando de vuelta. 
Ahora para continuar con mi pequeña meta a corto plazo y, como lo prometí, ahora toca hablar de lo que es el contenido semántico. Y para empezar, un ejemplo. Como pueden apreciar en la imagen (¡cierren la boca! 
), las boobs (senos, pechos, tetas, campanas, ubres o como carajos quieran) están entre las tags <tits></tits>. Será un chiste sexista, vulgar y extremadamente gracioso de mal gusto, pero es un excelente ejemplo de lo que es el contenido semántico.
(Continuar leyendo)
Me he tardado (maldita vida), pero por fin he encontrado algo de tiempo para trabajar en una sección que quería tener desde el principio. Mi objetivo a corto plazo es tener una base de datos de todas las tags de HTML que existen, sus atributos, sus usos semánticos, la manera de estilizarla... en fin, todo lo que quisieran/necesitaran saber sobre alguna tag.
Para lo mismo, primero tengo que explicar ¿Qué carambas es HTML? Y eso es precisamente lo que hago en esta entrada. Hablaré sobre lo que es el HTML, su historia, su uso, cómo IE metió su cuchara cuando no debía de hacerlo, su evolución a (X)HTML... en fin, todo lo que sé de este lenguaje.
(Continuar leyendo)
