Hace un tiempo ya se me contactó a través de este mismo sitio para una breve entrevista para el blog de Luis Alarcón, diseñador web de Perú. El motivo fue “un estudio acerca del perfil del Diseñador Web actual y quisiera que compartieras tu experiencia al respecto, respondiendo 2 breves preguntas”-según sus propias palabras, y agrega- “forma parte de un pequeño estudio que realizo al respecto entre profesionales, estudiantes e instituciones dedicadas diseño web en distintos países”. Pues, un honor haber sido considerado y aportar con mi experiencia. Los enlaces a continuación:

Un Microformato es una forma de agregar significado semántico a un contenido web que use HTML o XHTML, lo que hace que la información quede indexada. Más específicamente, son porciones de código estándar con el objetivo de insertar contenido semántico aprovechando atributos existentes (como id, class o rel). Para ello se asignan valores a estos atributos que, aparte de darles estilos mediante CSS, puede generar procesos por parte de agentes de usuario (por ejemplo los buscadores). Los Microformatos son abiertos para que cualquiera pueda utilizarlos, y permiten información de contacto, relaciones sociales, direcciones, coordenadas, etc.

Fijándome en las estadísticas de CSSLab, me dí cuenta de que un gran número de visitas a este sitio desde buscadores viene desde la consulta css menú horizontal. Este tema es algo que [se ha tocado hace bastante tiempo][1]. Pero nunca está de mas reforzarlo, y ofrecer mejor material a quienes necesitan de este recurso. Además es bueno de que los usuarios hagan esta búsqueda, hace pensar de que tienen interés de aprender la manera correcta de crear menúes.

Para todos es conocido el [modelo de caja][1] y cómo la propiedad border juega un papel importante en ello. Para los que no, un brevísimo resumen: cualquier borde que definas a través de CSS, te es sumado al ancho y alto de la caja que lo contenga (entre otras propiedades). Si no ha quedado claro aún, insisto que te tomes un tiempo para [leer el artículo sobre ello][1]. La idea es mostrar una técnica donde a través de una imagen contenida dentro de un link, podamos hacer que el border al momento del :hover no interfiera con la caja contenedora de la imagen. O sea, en vez de ser externo, que se despliegue hacia dentro de la imagen. Primero, un ejemplo de lo que ocurre comúnmente:

El tema del nuevo diseñador/desarrollador se viene arrastrando desde hace mucho tiempo y es constantemente nombrado en los artículos de este mismo sitio. Pero bien, ¿cuál de ellos soy, o me considero? ¿Con cuál me identifico, o qué rol practico? Actualmente la línea es delgada, y suele sucederle a muchos profesionales dedicados a la web. Soy diseñador gráfico de papel, pero actualmente lo que menos hago es diseñar. Aunque no programo (salvo algunas líneas de JS) me dedico a hacer marcado XHTML estricto. Y creo que para esto, los profesionales idóneos son los diseñadores, porque suelen tener otra sensibilidad al momento de considerar colores, formas, optimizar imágenes y aspectos de navegabilidad. Y leyendo un artículo, me sumerjo en una nueva pregunta: ¿Deben los diseñadores escribir código? Pues la respuesta para la mayoría sería que “no, son creativos y tienen otros roles”. Pero es algo que se ha valorado mucho últimamente en las empresas web, y que se puede llevar sin dejar de lado la creatividad, utilizándola para encontrar soluciones diferentes a los problemas que se encuentran a medida que se construye un sitio. Con las hojas de estilos, podemos utilizar lo mejor del buen gusto para realizar buen código. Por lo que creo que mi respuesta debería ser un sí rotundo.

Anoten un error más de despliegue por parte de IE6, por si no se han convencido de que este browser ha sido uno de los peores de la historia de la informática de todos los tiempos. Este es un problema muy específico pero habitual que involucra cajas flotantes (por eso lo habitual) y la definición de su margen. Cuando defines un float para una caja contenedora hacia un lado y luego le das un margin en esa misma dirección, lo que hace IE6 es simplemente duplicarla. Así nomás, sin pedir permiso.

Modificando una página, me encontré con esto. Sin comentarios.

#24 – 10 Diciembre 2007 Sigue enviando tu sitio construído con estándares. Además, puedes publicarlo en el [nuevo tema de los foros][1], donde pueden opinar todos de tu estilo gráfico, o código generado. [1]: http://www.csslab.cl/foros/viewforum.php?f=5 “Enlace en CSSLab a “Foros - Muestra de Sitios””

Como verán, hasta las Hojas de Estilo en Cascada tienen descendencia. A través de CSS podemos reconocer las etiquetas que en la estructura HTML pertenecen o están contenidas dentro de otra etiqueta, y aplicarles estilos determinados. En CSS estos se llaman Selectores Descendentes. Pero me gustaría dejar claro desde el principio que 2 de estos selectores no funcionan en IE6. ¿Y para qué sigo escribiendo sobre esto? -podrían preguntarse. Bueno porque es una manera muy útil de manejar estilos, y porque esto refuerza que IE6 apesta como browser. Espero algún día que este navegador sea borrado completamente de la faz de la tierra y podamos utilizar todos los estándares habidos y por haber, sin preocuparnos por el soporte. Bueno, hecho los descargos.

Relativo a un proyecto en que estoy y del cual han [salido][1] [otros][2] [interesantes][3] [artículos][4] [anteriores][5], creé un plugin de jQuery para agregar íconos a los links que sean relativos a descargas de diferentes tipos de documentos, a links externos (target="_blank"), a direcciones de e-mail (“mailto:”) y a links de impresión (“window.print”). Como surgió la necesidad, y no encontré ninguno que hiciera eso en la página de plugins de jQuery, me puse a hacer el mio propio.