Si hay alguien leyendo este blog a quien no haya insultado... me disculpo.

Evita los hacks en tu CSS

Después de publicar el meme de la validación del blogroll y leer los comentarios de algunos usuarios (especialmente diarioTHC) recordé que tenía desde hace ya tiempo ganas de comentarles cómo evitar los hacks que no validan en su CSS para Internet Explorer (que es el que practicamente abarca todos los hacks que conocemos).

La idea y razón es sencilla: menos código y siguiendo los estándares web.

(Continuar leyendo)

IE, Wordpress y comentarios en CSS

Acentos o no acentos...

Quise escribir esto ahora antes de que se me olvide ponerlo antes. Tomenlo como la voz de la experiencia: Wordpress + IE6 + Acentos en los comentarios de CSS = MALO. Llevo cerca de 5 horas peleandome y rompiendome la cabeza con el rediseño. ¿La situación? IE6 ignoraba completamente el código CSS que debía aplicar a un contenedor. El código XHTML era correcto, el CSS también; Firefox, Opera, IE7 lo mostraban correctamente. Incluso el archivo index.html que contenia el layout (sin pasar a Wordpress) era mostrado correctamente. ¿Qué estaba mal? IE6 - parecía ignorar qué hacer con ciertos divs y uls que tenía en el diseño. Y fue hasta hace unos 5 minutos que dí con la solución. Y para dar con la solución, primero hay que dar con el problema:

(Continuar leyendo)

CSS Box Links

CSS Box Links

Siempre me han maravillado los menus que se conforman por cajas y, al pasar el mouse sobre ellas, puedes dar click y obtienes un bonito efecto :hover. El problema es que, el 90% de estas cajas son a base de javascript; lo cuál limita mucho nuestra accesibilidad. Hace tiempo que no veo este tipo de menús, por lo que me había olvidado completamente de ellos...

... hasta que, leyendo a The CSS Guy me encuentro con un tutorial que trata precisamente de esto; pero de nuevo, utiliza javascript (aunque es bien usado, y si está desactivado, no se compromete la accesibilidad; pero si el estilo). Me di a la tarea de crear mi propia versión de links en elementos de caja (osease, podrán aplicar esta técnica a cualquier div, li, p, etc.) aunque, de nuevo, no es lo mismo para todos los navegadores. Como siempre, les dejo el demo para que vean de qué trata antes de aventarse todo el tutorial.

(Continuar leyendo)

Un nuevo XHTML?

HTML 5?

Platicando con el buen xmax hace algunos días me comentaba de una idea que tenía para modificar el HTML que actualmente conocemos. Su idea es básicamente poder crear tus propias tags (como con el XML) y usarlas dentro de tus documentos. Les dejo el archivo que me ha enviado (aunque creo que sería HTML 5 y no 4 como el le ha llamado, pero en fin :P ) y espero dejen sus opiniones. A mi me ha parecido interesante, pero una modificación tan grande sería un gran problema de compatibilidad además de eliminar completamente al XML del mapa.

Descargar archivo "Concepto HTML4"

Actualización

Puse mal el link... jo, mis disculpas. Ya está arreglado.