¡Ah, pero no es soportado por IE6!
Mmm súper bueno, pero IE6 no lo permite…
Mejor eso no, no se va a ver en IE6…
Paralelo a esa conciencia de la que les mencionaba, han surgido corrientes más duras que mantienen proyectos que pretenden enterrar IE6 de la faz del mundo, y hasta le han dado fechas a su obituario. Mediante banners ó scripts (me incluyo con killIE), se pretende hacer notar al usuario de IE6 que hay mejores opciones; porque precisamente esa es la principal razón de porqué IE6 aún es un browser a considerar: la gran mayoría de sus usuarios no saben que existen otros, ya que fue el navegador por defecto que venía instalado en sus PC’s. Esa ignorancia nos ha afectado, y es nuestro deber hacerles ver que existen otras opciones mucho mejores, que pueden afectar su experiencia de navegación.
Personalmente he tomado una desición y postura hace un poco más de 1 año respecto a este tema: Les explico a los clientes las razones, les doy los argumentos necesarios, pruebas, estudios, estadísticas a la fecha para justificar que ya no ofrezco soporte para Internet Explorer 6.
¿Locura, no? Pues me explico.
- Ya no me limito para crear nuevas experiencias a través del diseño. Por ejemplo, utilizo PNG’s transparentes, aunque agrego un PNGfix por deferencia sólo para usuarios de ese browser.
- No me limito con las pseudo-class y selectores avanzados. los estilos degradarán bien, pero no como se verá en mejores browsers.
- Como he adquirido a través del tiempo la experiencia y la virtud de maquetar sitios cross-browser casi sin diferencias, no utilizo hacks ni comentarios condicionales.
- Utilizo librerías JS para efectos varios, pero no puedo hacer que se comporte igual como se ve en Firefox ó Safari; IE6 simplemente no puede con algunos efectos y animaciones.
Como pueden haber entendido, el sitio se verá bien tanto en IE6 como en los browsers modernos (no hay esfuerzo extra en eso), pero no tan bien y no como quisiera; ése es el soporte que ya no ofrezco y esa es mi lucha por educar al cliente y al usuario de ello.
Espero cada uno pueda dar lo suyo para que podamos evolucionar a mejores tecnologías, donde con menos esfuerzos en solucionar problemas podamos poner más energía en entregar satisfacciones. ¡HTML5 se viene, le tengo fe!
Links:
]]>
Hace mucho que debería haber escrito algo sobre este tema, pero esta espera ha sido mejor ya que he podido profundizar mi opinión al respecto. La última vez que recuerdo que un término inventado se haya tergiversado tanto y aún así puesto tan de moda fue comenzando el milenio, con AJAX que aún vende como pan caliente. Pero ahora me he llegado a asustar del mal entendido que abunda en el sector, y cómo gente relacionada con el marketing venden productos y aplicaciones como 2.0 y que no tienen nada que ver con el concepto original del mismo. Mucha de la culpa la tenemos nosotros quienes nunca definimos bien su significado ó los alcances del concepto.
Primero, me gustaría listar algunas ideas de lo que NO es la Web 2.0:
- Web 2.0 NO es AJAX, jQuery, Mootools, script.aculo.us ó Dojo; estos elementos soportan una nueva manera de mostrar el contenido de la Web, no la hacen
- Web 2.0 NO es RSS, pero sí cómo ésta ayuda a la llegada de la información más rápida y limpia al usuario que la pide
- Web 2.0 NO se trata de tecnología
- Web 2.0 NO se trata de programación
- Web 2.0 NO son elementos gradientes, que parezcan plástico o con reflejos; por lo tanto NO se trata de diseño
- Web 2.0 NO es Orkut, Facebook, MySpace, MSN y demases. Medios sociales han existido desde las BBS donde se compartían archivos; ICQ, IRC…
Este término fue acuñado por Tim O’Reilly y su equipo sólo para denonimar al conjunto de charlas (Web 2.0 Conference) que estaban dando a inicios del 2004; por lo tanto se ha concluído que es un término meramente comercial para fundar la web, para ayudar a que la internet fuera nuevamente rentable luego del burbujazo de las .com del 2001. Pero quiero ir más allá de eso. Me gustaría mostrar y explicar el fundamento real de la era anterior, la denominada Web 1.0 y la en superación, Web 2.0 para una pronta Web 3.0.
Es todo sobre información
Compartir información, aumentar el conocimiento a través del colectivismo, agregar valor singular mediante acciones comunitarias. Eso resume lo que significa realmente Web 2.0. Se trata de aumentar el conocimiento, el valor real de la información a través de lo que cada uno de nosotros, usuarios, podemos aportar.
Es el trabajo que se ha hecho con Wikipedia, la controvertida enciclopedia más completa y actualizada en la historia de la humanidad. Es lo que cada uno de los usuarios aportan para aumentar esta información, mediante la experticia de cada uno de ellos.
Es lo que se hace con del.icio.us, donde cada uno aporta lo que le interesa mediante links y se comparte a través de las etiquetas (tags)que se agregan a cada una de ellas. Ya no tienes tus bookmarks para tí sólo en tu browser; ahora los compartes para aumentar el conocimiento colectivo a través de tus intereses.
Son los comentarios de los weblogs, donde se construyen contenidos mucho más interesantes a partir de las opiniones de los lectores (muchas veces me entretengo más leyendo los comentarios que los propios artículos).
Es dejar que la web la construya el usuario, y no el editor frívolo detrás de una pantalla y que mediante el teclado ingresa texto que es inequívoco e irrestricto, lo que sería una definición simplificada de Web 1.0.
Ya por el otro lado, tenemos la hipotética Web 3.0, ó Web Semántica, donde la información es procesada mediante metadatos por máquinas (webservices) que entienden y satisfacen los requerimientos de los usuarios y de otras máquinas que usan contenido web; deriva de la visión romántica de Tim Berners-Lee de una web universal de intercambio de información, datos y conocimiento. Pero nuevamente, son ideales que poco a poco van tomando forma.
Por supuesto que el tema da para mucho más, pero con esto dejo zanjado las ideas que se están malinterpretando en el medio. Finalmente cada uno es quien los maneja como quiere, pero cada uno también es responsable de lo que crea. Y todos sabemos lo que sucede cuándo se especula mucho sin argumentos que lo fundamenten… los cimientos terminan por ceder.
Links:
]]>Textmate
Tras años de ser esclavo de Dreamweaver desde su versión 1.0 (y confieso haber pasado hasta por Microsoft Frontpage), me rendí ante su potencia en demasía. Era mucho software y poco el provecho que le sacaba: no necesito templates, behaviors y menos aún componentes. Me gusta hacer las cosas a mano y que ningún editor me ensucie el código; sólo así logré sacarme de la cabeza el ‘facilismo’ y aprender realmente a escribir código fuente como la gente. Lo bueno de Textmate es que es liviano de utilizar, versátil y aún así te ayuda a escribir código, entregándote ‘tips’ si se te olvida alguna sentencia en el lenguaje que quieras.
Photoshop
Oh sí, un editor de imágenes que de seguro Chuck Norris usa. Consume más memoria RAM que el mismo Sistema Operativo (fue una de las causas directas por las que dupliqué la memoria de mi laptop), pero tiene de todo lo que se me ocurra y no tengo que recurrir a otros softwares para nada; lo que se me antoje en el diseño lo aplico con Photoshop. No hay caso con Fireworks ni Illustrator; los PSD’s de mis diseños pesan 50mb como mínimo pero no me importa.
Pipette
Lejos uno de los freeware más útiles que he encontrado. Pippette logra de manera rápida y fácil el color en hexacromía RGB de lo que tengas en tu monitor.
Transmit
Llega la hora de subir tu sitio y probarlo en ese FTP que es más lento que una tortuga; con Transmit he logrado una simbiosis de años y no me falla. Si hay error es del servidor o de la conexión, pero nunca de Transmit. He probado incluso Coda pero no me gustan las llaves suizas: cada producto que sea el mejor para cada función.
Safari, Firefox, Opera, IE4OSX
Safari por lo rápido de Webkit; Firefox por lo masivo; Opera por lo estricto y IE4OSX porque no puedo sacarme a IE6 e IE7 de encima…
Adium
Para mantener contacto con personas reales de carne y hueso, nada mejor que un multi-mensajero que soporta GTalk, Jabber, MSN, AIM, Yahoo! Messenger, .Mac, Bonjour y ICQ entre muchos otros. Te ahorras RAM y espacio en tu escritorio, y es freeware.
iTunes
No puedo vivir y menos trabajar sin música, sino no tengo estímulo para hacer bien las cosas. iTunes me ordena bastante bien mis músicas y mis playlists, además de sincronizarla con mi iPod. Todo lo que necesito.
pd. Por si no se han fijado, utilizo desde hace años plataforma Mac…
]]>
Por eso lanzo oficialmente CSSLab Worx, un pequeño espacio donde puedan ofertar empleos relacionados siempre con oficios IT. Hay categorías ya seleccionadas, y están las principales ciudades de habla hispana incluídas. Hago el llamado general a que usen y abusen de este nuevo servicio, es para uds. Cualquier defecto que encuentren o sugerencia, porfavor háganmelas llegar.
[actualización]
Si quieres agregar un bloque con los avisos de CSSLab Worx (como el gris que está en todas las páginas de CSSLab), ya están redactadas las instrucciones.
]]>]]>
La receta:
- IE6 con Crossover (liviano, no instala todo Win)
- IE7 con Parallels (ver instrucciones)
- Safari 2 (nativo)
- Firefox 2
- Opera
Soporta los siguientes selectores:
- parent > child
- [attr], [attr="value"], [attr~="value"]
- :hover, :active, :focus (for all elements)
- :first-child, :last-child, only-child, nth-child, nth-last-child
- :before/:after/content:
- :lang()
- does not alter the document structure
- supports the W3C box model in both standards and quirks mode
- supports fixed positioning
- supports overflow:visible
- supports min/max-width/height
- standardies forms behavior
- supports PNG alpha transparency
- works for Microsoft Internet Explorer 5+ (Windows only)
Aún está en alpha, y personalmente no lo he probado. Si alguien lo hace, ruego comentar sus resultados.
IE7 { css2: auto; }
]]>
Un interesante recurso utilizado por diseñadores es de utilizar bordes redondeados para delimitar secciones en sus sitios web. En CSS no es tan simple lograrlo, a veces implica utilizar más de un DIV contenedor para abrir y cerrar los bordes, además de que nos impide que éstos sean líquidos (o elásticos). navegando, me encuentro con 2 soluciones que se ven bien prometededores, y son realmente crossbrowser (no como en el que publiqué hace un tiempo, donde al parecer tiene problemas con IE6).
Spiffycorners
Even More Rounded Corners With CSS
]]>Envía tu sitio construído en HTML+CSS
