Un claro ejemplo de creatividad en Css3 y mal desarrollo de Microsoft

Stephen Carver es un diseñador/desarrollador norteamericano. 

Y ANTES DE QUE SIGAS LEYENDO:
SI ESTÁS AQUI CON INTERNET EXPLORER, ve directamente al final de este post a la zona EXPLORER, en caso contrario no entenderás nada… pues lo que veas en tu monitor querido usuario y lo que comentamos nosotros.., no se corresponderá.

continuo….Stephen Carver es un diseñador/desarrollador norteamericano. 

Y no tiene manías, no tiene ningún reparo en diseñar con absoluta libertad sin mirar hacia Ie y sus restricciones. Evidentemente el chico debe tener su cartera de clientes muy afianzada para permitirse ese lujo..

Su sitio web es una clara y genial demostración de lo que podemos hacer con css3 y de una forma muy sencilla, sencilla técnicamente, otra cosa es la genialidad de diseñar como lo ha hecho.

CSS3

Stephen publica su sitio web desarrollado con CSS3, diseñando mediante la técnica GRID, los contenidos se muestran de una forma visualmente muy funcional, la navegación es muy buena, pero para permitirse el uso de fuentes gigantes y otras pequeñas en distintas resoluciones de monitor, necesita poder adaptar el contenido.

ADAPTANDO EL CONTENIDO

Cada pequeña parte, fondo, imagen o texto se reposiciona cuando la ventana del navegador modifica su tamaño, consigue que todas las resoluciones obtengan una versión idéntica del sitio a pesar de usar esas tipografías y cajas negras tan grandes:

          









 



















Incluso su logotipo se recoloca pasando de estar a la derecha (todos respetamos los resultados del eye tracking de google…) a colocarse en el centro arriba…todo un detalle.

Pues igual con el fondo de imagen, los menús del header, los contenidos del footer, el pie de página es una delicia de detalles….todo adquiere vida propia para ofrecer al usuario la visión EXACTA que el diseñador quiere para su sitio. Genial.

El código es sencillo, como siempre en muchos grandes proyectos la dificultad estriba en la idea y no en el desarrollo.

Este hombre no pierde una, dispone de una de las codiciadas cuentas Dribble, publica su lista de deseos de Amazon, nos conecta via Tumblir y más y más redes….

INTERNET EXPLORER Vs. Css3

al grano… y después de la excitación de disfrutar de un bonito y bien hecho trabajo, es cuando abrimos nuestro paralells (esto es toda una declaración de intenciones) para ver la web de Stephen con los ojos de Microsoft. 

Y que esperabas! ya sabemos que no lee Css3! pero viendo un sitio tan simple y bien hecho, cuesta creer que el 56% de los usuarios en España no vayan a verlo bien! Pensarán que hay un error, que no funciona, que que sitio más deprimente.. que frustante..

Si estás en Explorer verás algo parecido a esto:



· sin fondo
· sin lineas de separacion punteadas
· sin recolocación de obtetos
· si suavizado de fuentes

Gracias Microsoft por innovar, por ayudarnos a mejorar, por permitirnos dar cada día más en nuestro trabajo, por motivarnos.

¿como vamos a ofrecerle a un cliente algo realmente nuevo con Css3? no se lo ofrecemos, aunque puede más nuestra imaginación que Microsoft y con Css2 podemos dar muchísimo de nosotros mismos todavía, y lo que haga falta. La tecnología quedará para nuestra práctica y entretenimiento.

Tengo otro post preparado, pero ese son palabras mayores, el GURU del CSS en España (y parte del mundo!!) 
En breve comentamos su ultimo experimento: animación solo con css, nada de javascript ni flash, ni html5, con calidad realista y por 1Kb!


STEPHEN CARVER está aquí