» css

Se acaba de presentar la tercera edición del evento webero por excelencia en España: Fundamentos Web. Se celebrará nuevamente en Oviedo, Teatro Filarmónica, entre el 3 y el 5 de octubre. Algo más de información (poca por ahora) en la web del congreso.

Por lo que parece el formato será el habitual: 2 días de conferencia, 1 día de taller y la ya clásica espicha.

En breve empezaremos todos a intentar adivinar los ponente, criticar a los que no nos gustan y vienen, quejarnos de los que nos gustan y no vienen. Para esto tras la finalización del congreso de año pasado se creó una Wiki, no oficial, donde podenos proponer lo que nos parezca sobre el congreso (para editar usuario: fw05 pass: fundamentos). Por favor, usémosla y con seriedad.

La primera sorpresa de este año: un concurso

Para conmemorar los el décimo aniversario de las CSS se ha puesto un marcha un concurso consistente en diseñar cambiar los colores, tipografía, tamaños y disposición de los elementos mediante hojas de estilo (CSS2) la web de esta edición. Tenemos hasta el 13 de mayo para presentar nuestras propuestas.

P.D.: estoy de blow blogging forzado y casi total pero esta noticia merece su post… Saludos a todos

Imaginemos que todos las empresas que desarrollan navegadores se ponen de acuerdo para que sus próximas versiones (x.0) todos presenten la misma implementación para CSS 2.1. ¿Qué aspectos y características de las CSS 2.1 querrías que estuviesen forzosamente en esa implementación?

Es la pregunta que Molly E. Holzschlag hace en su blog y que cualquiera puede responder a través de los comentarios (el blog está en inglés pero sé de buena tinta que Molly entiende el español bastante bien).

Algunos de los que contestamos apostamos por la implementación de los pseudo elementos :content y :after y a partir de ahí Molly vuelve a pedir nuestra opinión ¿Qué contenido generarías [con esos pseudo-elementos]?.

A esta segunda ya hay respuestas muy interesantes de gente como Bryan Suda o Richard Ishida.

Yo, por ejemplo, usaría, si funcionasen en IE, estos pseudo-elementos para añadir separadores como la coma o el pipe a las listas no numeradas y no tener que añadirlo dentro del "li" ya que realmente no se trata de contenido. Además si eso lo combinamos con el selector ":last-child" podríamos hacer que todos los elementos de una lista terminen con una coma excepto el último. Esto acabaría con la guarradilla de programación que muchos hemos hecho para comprobar si un elemento el último (o el primero) de un array para añadirle (o no) un separador.

Este ejemplo funciona en Firefox y en Opera:

Aprovechad... Responded a Molly que hoy mismo empieza a trabajar para Microsoft y seguro que va a hacer mucho por que IE respete los estándares!

[Vía Ajaxian] Chris Constandinou nos ofrece una interesante aplicación web para generar layouts basados en css. A través de esta espectacular sistema puedes configurar la maqueta de tu web muy fácilmente.

El interfaz es sencillo y cómodo. Primero defines la estructura general de la maqueta eligiendo los sigui

• Alineación del contenedor (Container alignment)
• Centrada
• Izquierda
• Escala del contenedor (Container scale):
• no scale: pondrá las medidas del body con tamaños absolutos (px)
• text zoom: pondrá las medidas del body con tamaños remativos (em)
• Tamaño del contenedor (Container size)
• Pequeña (640px)
• Mediana (760px)
• Grande (900px)
• Extra grande (1000px)
• Fluido
• Personalizado

Una vez definida la estructura general se pueden ir añadiento más elementos dentro del contenedor con los niveles de anidación que deseemos. Para cada uno de estos elementos se puede definir el número de columnas, hasta 4 y con distintas combinaciones de tamaños.
Si no tienes demasiada experiencia y/o conocimientos de maquetación seguro que __layouts te saca de más de un apuro. Al lector experimentado en estas lides es posible que no le resuelva demasiado y posiblemente la escasa semántica del código generado le molestará.

Prueba __Layouts

Related Link: layouts for your myspace profile are available at all4myspace.com. Find more than 105,000 myspace layouts.

Ya se puede descargar la versión Alpha 2 de Firefox 3. No espereis grandes novedades y tened en cuenta que está en versión Alpha.

A nivel de interaz prácticamente ninguna novedad, lógico en este tipo de versiones. Tengo la intención hacer algunas pruebas sobre todo relativas a su soporte para CSS 3 aunque una primera prueba sobre su soporte de los nuevos selectores muestra alguna mejora.

Estos son los resultados con el test de selectores de css3.info:

• Firefox 3: de 43 selectores 32 ok, 4 con bugs y 7 no soportados
• Firefox 2: de 43 selectores 26 ok, 10 con bugs y 7 no sportados

Es decir, han arreglado 6 bugs relativos a los selectores, todos ellos relativos a la selección de elementos por sus valores en atributos:

• E[attribute=value]
• E[attribute~=value]
• E[attribute|=value]
• E[attribute^=value]
• E[attribute$=value]
• E[attribute*=value]

Si quereis probadlo, bajo vuestra responsabilidad, aquí os dejo los enlaces.

• Microsoft Windows 2000 o superior
  
• MacOS X 10.3.9 o superior
  
• Linux

Tal y como dice Roger Johansson aunque se han escrito rios de bits sobre el tema aún se siguen viendo dudas y preguntas en foros y blogs sobre el problema del modelo de caja en css (css box model) y sitios donde se ve que está incorrectamente aplicado. El autor hace un magnífico post con una explicación clara del problema y sus soluciones.

Internet Explorer and the CSS box model

Ya aprovechando que las css cumplen 10 años y que todavía hay muuucha gente que no se entera os recomiendo que veais la seleccion que hacen en Smashing Magazine: las 50 webs basadas en css más bonitas del 2006. Como siempre no estarán todas las que son e incluso alguna de las que están no son del todo... pero vale la pena.

No se si cantarselo a las CSS que me enterado por varios sitios (blog posible, Andres Nieto, Web Standars Projects y W3C oficina española) de que han cumplido 10 años, o a mi mismo que acabo de recordar que hoy cumplo muchos más (33!)... Y por que no? este blog ha cumplido 2 años hace unos días y todo blog que se considere tal debe celebrar con entusiasmo y alboroto su cumpleaños.

Lo que veo muy claro es las CSS son mucho más viejas que yo relativamente si tenemos en cuenta la vida media en la tecnologia respecto al mundo real. Y no puedo más que pensar lo de siempre: son demasiados años para una especificación capital en el desarrollo web y sus padres ya tenían que haber alumbrado una sustituta hace tiempo. Respecto a mi... una vez que pasé de lo treinta empezó a darme un poco más igual el tema xD.

El inMundo acaba de lanzar el rediseño de su site.

No soy experto en usabilidad por lo que no ahondaré en el tema, pero a primera vista no parece que hayan mejorado mucho en ese aspecto y en Cadius lista de correo de profesionales de la usabilidad comienzan a arreciar las críticas.

Lo primero que veo es que está optimizado para 1024... a 800 no encaja demasiado bien. Todavía hay un buen porcentaje de gente con 800x600 (por las estadísticas de mis sitios entre el 15 el 20%). Ellos sabrán
La navegación por categorías... en la zona de cabecera... bueno ya no les caben más elementos. ¿Pero es que no leen el New York Times? a ver si vamos aprendiendo. ¿no es mucho más interesante para el usuario un enlace a "lo más popular" que el de "internacional"?

Un detalle interesante. El buscador, elemento básico donde los haya, permite buscar en Google y dentro del periódico; por defecto está seleccionado buscar en Google!! pero vamos a ver, señores/as, para buscar en internet una usuario no irá directamtente a Google y, en todo caso, no debería buscar por defecto dentro del periódico y como opción secundaria (en mi opinión absurda), buscar en Google?.

¿Estándarés? decenas de errores para XHTML 1.0 transicional... ¿Para que ponen ese doctype?

• Muchas etiquetas sin cerrar
• sintaxis deficiente.
• Imágenes sin atributo alt a porrillo.
• Javascript no va en Cdata
• Uso continuo de entidades de código no admitidas

Accesibilidad: escasa... las WAI por el forro, desde luego. Las descripciones alternativas de los contenidos que no son texto brillan por su ausencia. Curiosamente ponen a disposición del usuario una herramienta muy interesante, Rosa, que lee la noticia y permite tanto oirla on-line como descargarla en Mp3. Contando con esa tecnología ¿tanto costaría hacer una versión accesible basada en ese sistema de lectura?

Seguramente han echado una pasta en el rediseño y opino que con un poco de más ciudado podrían haber cubierto mucho mejor aspectos como la utilización de estándares, accesibilidad del contenido y mejoras de la usabilidad.

Pues eso... es el post número 100... parece mentira con lo poco que escribimos. Hay que celebrarlo, esto es mucho más importante que mi cumpleaños, el día que saqué el carnet de conducir y aquel en el que, todavía no se bien como, terminé mi carrera... 100 posts!!! (hay que ser friki... ).

Me entero por qweos.net de que Zeldman ha terminado la segunda edición de su poco conocida obra Designing With Web Standards. Por lo que entiendo que dice en su blog se trata de una revisión con bastantes novedades y un buen lavado de cara. Haya cambiado poco o mucho... lo acabaremos comprando en Amazon (¡Ya se puede reservar!) cuando se publique y en alguna otra librería (porqué no en topbooks xD) cuando lo editen en español.

Algunos de los comentarios de este artículo de 456 Berea Street me han llegado al alma. Después de más de 5 años en el mundillo del desarrolo web he visto reflejada mi experiencia y frustraciones así que me ha parecido buena idea traducirlo, libremente con mi inglés nivel survival, para compartirlo con la comunidad hispanoparlante. No dice nada nuevo ni ofrece claves para el futuro pero sí expone un par de verdades como puños;

Microsoft e Internet Explorer vs. estándares web

Después de leer el artículo de de Chris Wilson Microsoft, IE and the Web Standards Project me gustaría intentar explicar el sentiemiento que como defensor de los estándares web y profesional web he tenido hacia el Internet Explorer de Microsoft.
En primer lugar creo que es genial ver al Group Program Manager del equipo del Internet Explorer Platform de Microsoft decir lo siguiente, eso sí, en su blog personal:

Sí, tengo el poder de promover el cambio. Sí, continuaré aumentando el apoyo a los estándares en IE, y hacer mejor la web. Ese es mi trabajo, mi máxima, mi visión y mi pasión. El día que no lo sea lo dejaré. El día que el desarrollo de la plataforma basada en estandares en IE caiga en punto muerto otra vez lo dejaré.

¡Fantástico! Chris, si estás leyendo esto, ¡espero que nunca te veas en la necesidad de dejar tu trabajo!

Ahora permíteme explicar porqué no estoy precisamente gritando a los cuatro vientos mi apoyo a Microsoft ahora que el Internet Explorer va a ser por fin actualizado.

• Microsoft, al no mantener el Internet Explorer al día de los avances del desarrollo hacia la era de los estándares web abiertos ha causado a los profesionales del desarrollo web de todo el mundo un montón de problemas alargando el tiempo de desarrollo (a la par que reducía los beneficios). Y ha provocado muchos dolores de cabeza y úlceras estomacales en gran medida por el increiblemente frustrante comportamiento de Internet Explorer. Si el navegador de internet con más bugs de la historia de la Web no hubiera sido también el dominante dudo mucho que los profesionales web se hubieran molestado con ello.
• Dejando aparte los problemas de Internet Explorer, creo que la razón más importante del cinismo y escepticismo de los profesionales web hacia cualquer cosa que venga de Microsoft es la misma falta de respeto con la que Microsoft nos ha estado tratando. Durante años hemos estado implorando mejoras del Internet Explorer, la respuesta que recibimos fue: "Ustedes no son nuestros clientes".
• Quiero libertad para elegir. Cualquier cosa que pueda ayudar a evitar que Internet Explorer vuelva a dominar completamente el mercado de los navegadores debe ser apoyado por todas y cada una de las personas que quieran poder elegir qué ordenador usar, que sistema operativo usar y que navegador web usar. Si se permite que un único navegador web de una compañía privada domine se restringirá la libertad de elegir. Muchos desarrolladores web son ignorantes y perezosos, y tomarán cualquier atajo que puedan. Si esos atajos significan dejar fuera a gente no les importará a menos que el número de personas sea suficiente para afectar a sus ganancias.
• Soy usuario de Mac así que Internet Explorer no es para mí en absoluto. Sólo lo uso con propósitos de testeo.
• Honestamente no creo que Internet Explorer 7 sea lo suficientemente bueno. Es mucho, mucho mejor que Eplorer 6 eso seguro, pero pasará mcuho tiempo antes de que se ponga al día y alcance el nivel de Firefox, Safari y Ópera. Ahora entiendo que la gente del equipo de IE no tienen la culpa de eso, hay presupuestos y fechas límite que afectan tanto como pueden. Pero saber eso no ayuda ¿o sí? Estoy seguro que la gente de Apple, Mozilla y Ópera también tienen presupuestos y fechas límite y aún así trabajan para crear navegadores que se apoyan mucho más en los estándares web. ¿Cómo es posible?

Por eso si te has estado preguntando porqué no aprovecho la oportunidad para decir "¡Venga Microsoft! ¡Bravo por el IE 7!" Ahora ya lo sabes.

Y si Roger Johansson de 456B.St. se cuestiona lo que tardará el Explorer en ponerse al nivel de Firefox y Ópera hace unos días en Kriptópolis se hacían eco de las declaraciones de John Dvorak a PC Magazine en las que afirmaba que el Explorer ha sido el error más grave de Microsoft, nada les ha hecho invertir tantos recuros para cubrir la ingente cantidad de agujeros de seguridad que generó en Windows. Según Dvorak el navegador de Microsoft tiene los días contados.

Recordemos, más que nada por chinchar, que Microsoft patrocina el Fundamentos Web 2006