Posts Tagged ‘CSS’

Contenido Accesible

Wednesday, June 2nd, 2010

Hoy por un tweet llegue al siguiente post de ALT1040: Dejamos de usar flash y antes de ponerme de troll a comentar en este blog que ya esta por demas conocido de sensacionalista, quise escribir este post por que curiosamente hace unos dias leia un post en 456 berea Street que habla sobre accesibilidad y lo común que es encontrar personas que no entiendan que el problema no esta en flash:

A common misconception is that in order to make a website accessible you have to abstain from using JavaScript or Flash. Almost every time I hold a workshop on Web standards and accessibility there is at least one participant who believes that accessibility limits what they can do on the Web by telling them to stay away from anything that isn’t pure HTML

http://www.456bereastreet.com/archive/201005/accessibility_does_not_prevent_you_from_using_javascript_or_flash/

totalmente cierto, me ha tocado tantas veces debatir con personas clavadisimas en HTML/CSS (que ironicamente saben menos  de web o estandares que yo, casi todos apple fan boys) y me doy cuenta que no ven el problema de fondo…

Facebook

Cual es el éxito de facebook?

Core APIs

Facebook SDKs

Advanced APIs

Si quieren hacer su aplicacion para html, fbml, javascript, ajax, flash, android o iphone pueden hacerlo, si ingresan con un symbian, blackberry o iphone a facebook.com siempre podran acceder a su contenido, eso se llama crear CONTENIDO ACCESIBLE, que mas da si el home esta en flash o ajax como ahora cuando puedes verlo desde cualquier dispostivo? de esa versatilidad es de donde surgen las nuevas ideas y el avance… pero de todas formas, al igual que a flash,  hay trolls queriendo destruir facebook.

El contenido accesible es tu responsabilidad

Mi sitio esta hecho en flash, concretamente papervision3d y modificadores en 3d, sin embargo, si ustedes entran desde un blackberry, iphone, symbian, ipad o lo que quieran, podran continuar viendo el contenido, tanto en ingles como en español, tiene el SWF Address para poder guardar o usar el historial de tu navegador pero por supuesto hacer todo eso me tomo tiempo, el cual muchos  diseñadores web quieren ahorrarse vendiendo el discurso de “Flash no es accesible” para solo vender una famosa instalacion de 5 minutos de wordpress mas otros 15 minutos cambiandole el header y el background.

Hay otros que toman el lado de eliminar flash/silverlight/unity3d o hasta javascript por capricho,   pero donde queda el avance en eso? que seria de facebook si restringieramos sus opciones a HTML? es como decir que dejemos de hacer musica electronica por que no es accesible ya que necesita luz y computadoras para funcionar, entonces tendriamos que regresar a hacer musica solo con piedras y madera, asi de exagerado es el discurso de dejar de usar flash. Un musico que domina tanto la electronica como la musica clasica es similar a un desarrollador que domina flash y html, sabe cuando utilizar cada una de las opciones sin perder el mensaje, y sacar el mayor provecho de ambas incluso combinadolas.

¿Estamos en tiempo de estandares?

Hace tiempo encontré esta animación: http://www.optimum7.com/css3-man/ que se vendia por no usar flash (¿apoco flash es solo animacion?)  y al entrar desde mi firefox me salio el mensaje de:

You must use safari or chrome to view this animation

¿Cuanto tiempo falta para que el porcentaje de usuarios que ahora tiene flash tenga un navegador con CSS3 o HTML5? ¿Cuanto tiempo llevo para que dejaran de usar internet explorer 6?  ¿que va a pasar cuando usemos la etiqueta de video de html5 y el usuario tenga bajar un navegador para poder ver el contenido? ¿sigue siendo ACCESIBLE? ¿seguiremos optando por subir videos Youtube que ya tiene incorporado todo un sistema para hacer nuestros videos accesibles sin importar el formato en que lo subamos?

Es muy comun escuchar: “Con SVG, CANVAS, HTML5, CSS3,  JAVASCRIPT puedes hacer lo mismo que con Flash” pero no es tan facil como parece…

Veamos Youtube, tienes un player en flash que incluye subtitulos,anotaciones, publicidad.. un player embedeable donde puedes ver sugerencias, favoritear y hasta buscar ¿eso podria hacerse con html5 y javascript? probablemente si pero con cientos de lineas mas de codigo para igualar toda la funcionalidad que ahora tiene con flash y aun asi, con cualuiera de estas 2 alternativas aun tendrias la opcion de ver los videos desde cualquier dispositivo pues Youtube en este momento entiende bien el concepto de Contenido Accesible y ademas sabe lo importate que es no frenar el avance.

Podria seguir pero creo que ya deje mi punto claro, solo que no habia hablado del tema apple/flash/html5/trolls

A common misconception is that in order to make a website accessible you have to abstain from using JavaScript or Flash

LESS – leaner CSS

Wednesday, June 17th, 2009

less

http://lesscss.org/

Recuerdan que hace unos dias les hablaba de CSS orientado a objetos, pues creo que esto es lo que mas se acerca, no lo conocía, lo probaré y les cuento..

Rip IE6

Thursday, May 14th, 2009

ripie6

http://www.ripie6.com/

Cada vez encuentro mas la pregunta: ¿Cuando debo dejar de trabajar para IE6? y la respuesta casi siempre es la misma: YA!!

Solia ser de los que aún diseñaban para 800 x 600 y poco a poco los propios clientes empezaron a pedirme los diseños “mas grandes”, y como no soy fan de los diseños liquidos ahora todo lo hago a 1024, pues bien, como las resoluciones, sistemas operativos y hardware,  los navegadores tambien avanzan, porque seguir preocupandose por IE6?

A veces pienso que el poco porcentaje que aún usa  IE6 son los obsesivos diseñadores de CSS solo por reto o que se yo, si es asi les recomiendo meterse a hacer Javascript, por que con IE 8 a la puerta, MS dejando de dar soporte a XP y tantos buenos navegadores en el mercado, no sé que mas necesitan para olvidarse de ie6

CSS Orientado a Objetos

Monday, April 20th, 2009

http://www.slideshare.net/stubbornella/object-oriented-css?type=powerpoint

Esta presentación me ha gustado mucho, en especial algunos puntos como:

Reuso Casi Inexistente. Cierto, regularmente cuando alguien me pasa un sitio con su CSS termino rehaciendolo

Especificar Elementos. Algunos “expertos” olvidan el termino “Cascading” y hacen selectores bastante complejos, cuando con una mejor arquitectura se podria hacer lo mismo

En fin, no me gusta parecer clásico enfermizo del CSS pero lo utilizo muchisimo y ultimamente he tratado de aplicar algunos conceptos de POO a mis CSS por lo que esta presentación viene perfecto, estoy totalmente de acuerdo en el Wishlist, ¿Se imaginan poder extender una clase de otra ? ¿Suena familiar no? aunque yo agregaria el poder definir variables y ya teniendolas hasta un operador ternario, creo que es mucho pedir pero asi evitariamos el uso intrusivo de Javascript. Si yo hiciera css3 haria todo eso en vez de bordes redondeados 🙂

Les recomiendo que si solo usan CSS contacten a su programador mas cercano para que les hable de POO 🙂

CSS Naked Day : Update

Wednesday, April 8th, 2009

Como cada año participando en el CSS Naked Day.

Recuerdo que cuando salió fuí de los pocos que participó, hoy después de algunos años hay miles de sitios dentro 🙂

Si yo fuera sitio web hoy me tocaria estar encueradillo por la ciudad, aunque seguramente seria un sitio flash, jajaj

Update: Regresamos el diseño 🙂