Gracias por haber revolucionado el triste panorama del los navegadores desde hace 5 años y te deseo que te cuides mucho ahora que eres un programa madurito, mucho cuidado con la memoria y entrenaté para ir más rápido!

Comparte este post

Is IE8 perfect. No, it isn’t. But neither is any other browser. Is IE8 better than IE7? You bet! To me, that’s enough reason to release it.

No lo digo yo, lo dice Peter-Paul Koch, una de las personas con más autoridad en el tema de navegadores tras probar la RC1 de IE8

Y ciertamente, empiezo a estar de acuerdo. IE8 sigue la senda iniciada con IE7 respentando estándares, mejorando velocidad de renderizado, interpretando Javascript… mientras Firefox, su principal competidor sigue cuesta abajo con unos consumos de memoria y recursos del sistema inadminisibles! Si no fuera por Firebug creo que acabaría no arrancándolo nunca.

Comparte este post

Pero creo que la noticia no es esa. Lo importante es que los usuarios de Linux o de Mac seguimos esperando a que la empresa que quiere hacer accesible la información a todo el universo haga accesible su navegador a una parte de la galaxia, al menos.

PD: si, estoy resentido con Google y cada vez me cae peor.

Comparte este post

Actualización!: Anieto2k publica un hack que permitiría utilizar esta técnica en todos los navegadores. 

Esta semana he leído dos artículos (artículo 1, artículo 2) donde unidos a la palabra maquetación se usan términos como “Table”, “Cell” o “Row”. ¿Qué pasa? ¿Se ha vuelto a poner de moda la maquetación basada en tablas? Evidentemente no, esto no tiene vuelta atrás aunque todavía haya demasiados sitios webs table based.

La idea central de estos artículos es la posibilidad de poder aplicar a elementos que no son tablas propiedades de éstas. Esto se hace mediante los valores “table”, “table-cell” y “table-row” de la propiedad display. Se vuelve a hablar de esto ahora que Internet Explorer 8 admite y funciona con estos valores, aunque no lo hace de forma totalmente correcta (hablamos de la beta 2).

En la práctica lo que esto supone es que podemos hacer un elemento HMTL como, por ejemplo, un DIV, tenga el comportamiento de una tabla. Es decir, sin hacer atentados semánticos podemos aprovechar las propiedades de la maquetación con tablas. Un claro caso de uso es poder hacer algo que trae de cabeza a cualquier maquetador CSS: que un conjunto de elementos flotantes tengan una altura común. Dos imágenes valen más que 2.000 palabras

Caso 1: (ver html)

Caso 2: (ver html no en Internet Explorer < 8)

Para el segundo caso lo que hemos hecho es usar en los siguientes valores de la propiedad display:

• display: table->le dice al elemento que se comporte como una tabla.
• display: table-row-> le dice al elemento que se comporte como una fila de una tabla
• display: table-cell->  le dice al elemento que se comporte como una celda de una tabla

Ojo, por si no has leido atentamente: esta técnica se podrá usar cuando la gente

Más sobre este tema:

• http://www.quirksmode.org/css/display.html#table
• http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/

Comparte este post

Para desarrolladores web decir que Mozilla sigue avanzando en la adopción de estándares en su navegador. Respecto a propiedades CSS hay interesantísimas novedades como:

• Font-Face: esta propiedad nos permitirá llamar a fuentes que no sean del sistema desde nuestra hoja de estilos y en navegador se encargará de renderizarla. Firefox se une a Opera y a Webkit (safari) en este movimiento que es uno de los más esperados por los diseñadores web. Sobre fuentes en la web no debéis perderos el artículo en A List Apart.
• moz-text-shadow: sombras para texto.
• moz-box-shadow: sombras para cajas.
• moz-border-image: bordes basados en imágenes.
• Avances en los layouts en columnas: -moz-column-rule, -moz-column-rule-width , -moz-column-rule-style, y -moz-column-rule-color
• word-wrap: esperada propiedad que ahora empieza a estandarizarse… ¿Ya podremos dividir palabras?
• moz-transform y moz-transform-origin: que nos permitirán rotar, escalar y mover elementos mediante CSS

También se avanza muchísimo en selectores CSS:

• :nth-child
• :nth-last-child
• :nth-of-type
• :nth-last-of-type
• :first-of-type
• :last-of-type
• :only-of-type

Y en HTML, lo más destacable es la implementación de dos de los elementos que antes se van a incorporar en los navegadores de nueva generación: video and audio

A otros niveles, también destaca la incorporación definitive de sistema de Geolocalización para el navegador: Geolocation, avances en el elemento Canvas de HTML5 y también en SVG y DOM.

Como decía al principio del post: seguimos avanzando en la incorporación de estándares avanzados… que siga la guerra!

Comparte este post

Opera sigue siendo un magnífico navegador: rápido, fácil de usar y siempre con interesantes adelantos, pero por alguna razón que se me escapa, su uso es absolutamente residual… ni siquiera lo yo ni los geeks que visitáis este blog lo usáis (eso me dice analytics). Solo por esto se merecen post de promoción tan cutrecillo como este.

Comparte este post

Era inevitable y posiblemente será necesaria la aparición de un filtro o hack css que nos permita aplicar una determinada regla CSS que solamente entienda el nuevo navegador de Google, Chrome. El que presentamos a continuación también funciona en Safari, dado que ambos usan el motor de Webkit.

El hack se basa en el selector CSS "E:nth-of-type(n) " que selecciona el elemento (E) situado en la posición (n) de nuestro documento. Por ejemplo, div:nth-of-type(3) aplicaría la regla que definamos al tercer div que aparezca en nuestro documento. Con esta explicación espero que entendáis porqué funciona el siguiente filtro:

En este caso los div con un class "caja" del primer elemento "body" de nuestro documento se verán con fondo azul únicamente en Chrome y Safari.

Si queréis el codigo completo para probar...

Comparte este post

• Firefox: 56.79%
• Inernet Explorer: 18,58%
• Chrome: 18,23%

Un vistazo rápido a otras webs mucho más generalistas y a cuyas estadísticas tengo acceso indican un uso de Chrome de un 1% y con Firefox manteniéndose entre el 16 y el 20%.

Insisto...soys unos geeks!

Comparte este post

El problema es que un atacante malintencionado puede engañar al usuario para que se descarge una aplicación Java y esta se ejecuta sin avisarle de que puede ser peligroso, sin advertencia alguna, vamos (demo no peligrosa aquí). A partir de aquí un hacker inteligente puede hacer que dicho programa Java simule una aplicación windows y engañarle para que acepte acciones potencialmente peligrosas.

Apple ya arregló este problema para Safari, pero parece que a Google se le ha escapado este problema, por lo que es muy probable que tengamos una nueva versión o algún parche en breve... pero desde luego no va a quedar muy bien.

Comparte este post

Error 500

Lo siento por quienes se quejan de que "todo los blogs de tecnología están hablando de Chrome", creo que es como quejarse de que todos los blogs de fútbol hablasen de la Eurocopa. En juego está parte del futuro de la web...

Olga Carreras:

Lo siguiente que he buscado y me ha decepcionado no encontrar es alguna opción de accesibilidad (sin contar con la habitual posibilidad de incrementar o disminuir el tamaño de letra de las páginas).

Genbeta

Google quiere apostar fuerte por Chrome y lo demuestra haciendo algo que pocas veces se ve, modificando la página de inicio del buscador y mostrando un enlace para su descarga.

Css3.info

Chrome is based on the same version of Webkit as Safari 3.1 so should in theory have the same level of CSS support, although based on the very brief usage I’ve had of it so far it seems that text-shadow and @font-face aren’t working.

Google Dirson

La empresa de Bill Gates es el líder en el software de PC y quiere poco a poco 'atacar' la WWW, y Google es el líder de la WWW y quiere poco a poco 'atacar' el software de PC. Dos caminos opuestos que se cruzan en el navegador web...

Edans

El movimiento de Google, en realidad, es un auténtico sistema operativo: no compite con Firefox...

Comparte este post