Cuando las llaves de casa las guarda otro

Julio 30th, 2010 | Escrito por: Pablo

llaves usuario¿Recuerdan hace tiempo cuando decíamos que en internet la llave de acceso a nuestra información era nuestro correo electrónico? Facebook y probablemente Twitter vayan a cambiar eso definitivamente.

Hace unos años, no muchos, uno para aplicar a cualquier aplicación online o servicio solo necesitaba un correo electrónico, este email terminaba auspiciando de llave, resguardando detrás toda nuestra identidad online. Por ejemplo la compra de un dominio y un alojamiento web, se puede hacer tan solo una cuenta de correo vinculada a Paypal con esos pocos requisitos ya podremos realizar todas las gestiones necesarias para tener en menos de una hora todo lo necesario para comenzar a trabajar en un nuevo proyecto.

Obviamente que todas nuestras cosas dependan de una dirección de correo electrónico tiene sus puntos positivos como así también negativos. Si analizamos lo negativo de este sistema en caso infortunio de que nuestra cuenta de correo caiga en manos de personas sin escrúpulos prácticamente podrán hacer y deshacer a su antojo. Ya paso muchas veces, en donde con solo tomar el control de nuestra cuenta de correo terminar cambiando hasta titularidad de dominios, etc etc.

Ahora esto esta cambiando, con la aparición de Facebook Connect y Sign in with Twitter, la llave no solo es una cuenta de correo sino que pasa a ser nuestro acceso a Facebook o Twitter, y eso si bien es positivo depende mucho de como este implementado para que se pueda decir que es una solución al tema del resguardo del libre acceso a servicios y aplicaciones.

Ventajas de gestionar accesos con Facebook y Twitter

  • Es fácil, no tendremos que recordar el usuario y contraseña de todos los servicios que utilizamos.
  • Podemos eliminar nuestras cuentas a otros sitios simplemente negando el acceso a la aplicación desde nuestro perfil.
  • Podemos vincular fácilmente nuestra cuenta con servicios de terceros para interactuar entre ellos.

Desventajas de guardar las llaves con Facebook y Twitter

  • No tenemos absoluto conocimiento del alcance de la aplicación de terceros. Por ejemplo cuando habilitamos el acceso de nuestra cuenta con Facebook Connect estamos autorizando al tercero a acceder a nuestra listas de amigos, eso no mucha gente lo sabe, pero la API de Facebook cuando obtiene el permiso deja al desarrollador hacer prácticamente lo que quiere con la cuenta de la persona que da el ok.
  • Dependemos de un tercero para acceder a nuestros servicios.
  • Estamos aceptando que Facebook o Twitter sean un hub de nuestra vida online. Si estos servicios son el epicentro verificador en lugar de un correo estaremos pendientes de que estos servicios se mantengan firmes en cuantos sus politicas de privacidad.

Como podrán ver existen cosas positivas y negativas en las tres alternativas (email, Facebook y Twitter) no obstante existe una tercer alternativa, que es la que más me gusta, y utilizan varios servicios web como por ejemplo Vimeo.

La tercer forma es la de vincular los tres servicios en caso de desearlo, pero dando predominio a uno sobre los otros, en el caso de Vimeo la última palabra la tiene la cuenta de correo, porque uno se registra al servicio como siempre, tan solo con un nombre de usuario, password y email, y luego va agregando accesos sociales, es decir, vincula su cuenta a perfiles, y esta forma es la que más me gusta a mi.

¿Que opinas, te gusta guardar tus llaves fuera de casa?

Entradas relacionadas

Great lake swimmers

Julio 30th, 2010 | Escrito por: Tamara

Es quizás uno de los videos más originales que he visto los últimos tiempos, pero además de su estética tan particular, es una perfecta combinación de ritmo y poesía. Espero los hipnotice como a mi. Buen viernes! :)

Visto en Vimeo.

Entradas relacionadas

Burbujas de diálogo vectorizadas

Julio 30th, 2010 | Escrito por: Tamara

La estética de los comics ha resurgido con gran fuerza, y es que considero que en realidad jamás se ha ido. Las burbujas de diálogo también caracterizan esta web 2.0 que se vive hoy, por lo que vemos por todos lados iconos representativos de la participación y voz de los usuarios.

En este caso encontré un enorme pack de burbujas de diálogo y pensamiento con gran variedad de opciones estéticas entre simples y pesadas, que pueden ser utilizadas en una diversa cantidad de aplicaciones.

Descargar Thought and Speech Bubbles | MediaMilitia

Estas burbujas pueden ser incluidas en presentaciones, fotografías, diseño de software o web. Incluso para impresiones pueden resultar muy útiles.

Es un gran paquete que contiene los archivos vectorizados de aproximadamente 100 globos diferentes, que pueden personalizarse y modificarse según las necesidades que requiera el diseño. Además pueden descargarse las imágenes en formato PNG en 300 dpi.

Entradas relacionadas

Galería 3D con efectos en Flash

Julio 29th, 2010 | Escrito por: Tamara

Creo que es la primera vez que me encuentro con una aplicación como esta, CU3OX nos permite realizar una galería dinámica en Flash con efectos de transición en 3D. El programa es gratuito para realizar transiciones, sin límites en la cantidad de imágenes (no he probado más de 10). Lo único que incluye la versión gratuita es una pequeña marca de agua en la esquina, que puede ser eliminado comprando la licencia.

Se pueden obtener imágenes desde nuestras galerías de Flickr, Picassa o Photobucket, además de aquellas que tenemos en nuestra pc. La utilización es realmente muy simple y la variación en orientaciones o cantidad de bloques queda a gusto y necesidad de cada uno.

La publicación se realiza sobre un HTML pero se contienen en una carpeta todos los archivos necesarios, además se pueden modificar las opciones de tipografía, fondos y colores. Agregar descripciones a las imágenes.

Es realmente muy completo y el resultado llamativo. Está disponible para adquirir la licencia de empresas por U$49.- que permite agregar marcas de agua personalizadas. Y si necesitan otra opción pueden ver slider 3D en Flash. CU3OX es una excelente herramienta recomendada por WebResourcesDepot.

Entradas relacionadas

Alternativa a Illustrator online

Julio 29th, 2010 | Escrito por: Tamara

Acabo de descubrir una excelente herramienta para todos aquellos que necesitan si o si realizar imágenes como si lo hicieran desde Photoshop o Illustrator pero no los tienen instalados donde se encuentran.

La plataforma se denomina CloudCanvas, y viene a formar parte de este boom de las aplicaciones que no requieren instalación sino que se manejan absolutamente desde los exploradores.

Si bien no funciona tan dinámicamente como una herramienta instalada, puede perfectamente servirnos para realizar imágenes simples. Y si tienen mucho dominio de estos conocidos programas de diseño, quizás realizar acciones más avanzadas.

CloudCanvas cuenta con la posibilidad de buscar elementos desde ClipArt Library, Google o DeviantART e incluirlas directamente en nuestro lienzo. Y agregar opciones tipográficas gratuitas a través de una fácil instalación.

Se maneja por capas, tiene todos los controles en el tablero, lo que lo hace lo suficientemente amigable para funcionar sin inconvenientes. Una vez terminado nuestro diseño se puede exportar a png de forma rápida, el sistema desplegará una nueva pestaña con la imagen para descargar, algo a tener en cuenta es que solo exporta el contenido vectorial, no así las imágenes que puedan haberse insertado exteriormente, por otro lado, podemos guardar el trabajo automáticamente en nuestras carpetas de Google Docs.

Entradas relacionadas

Trabajar con dos monitores

Julio 29th, 2010 | Escrito por: Pablo

Ya hace más de dos años que trabajo con dos pantallas, la de mi macbook y una externa, y tengo que confesar que si me pongo a pensar podría asegurar que fue una de mis mejores inversiones sin lugar a duda.

Trabajar con dos pantallas puede parecer engorroso al comienzo, pero una vez que nos acostumbramos difícilmente podamos volver atrás. Y con lo económicas que se volvieron las pantallas de LCD creo que nadie debería volver a trabajar con una sola, al menos no si quieres ser más productivo.

Para el que nunca utilizo una segunda pantalla le resumo brevemente como es el funcionamiento.

Conexiones físicas

Si estas utilizando una portátil es casi seguro que vas a tener en uno de los lados un conector VGA que se utiliza para conectar un dispositivo como puede ser un proyector, un lcd o bien un monitor. La apariencia de este conector es la siguiente:

conector vga

Mientras que las Mac pueden traen un conector mini-dvi que tiene el siguiente aspecto:

conector mini dvi

En la actualidad existen varios tipos más de conexiones, pero por lo general las más utilizadas son las descriptas en las dos imágenes de arriba. Ademas entre estas conexiones siempre existen los accesorios para transformar por ejemplo una salida mini-dvi a VGA, etc.

Lo importante es que conozcan que tipo de salida tiene su portátil, y que tipo de entradas tiene disponibles su pantalla externa para poder comprar el accesorio para lograr una conexión exitosa.

Aclaro que hasta a las computadoras de escritorio se les puede conectar al menos una segunda pantalla, solo es necesario tener dos conectores en su parte posterior. Si no la tienen disponible pueden adquirir una segunda placa de video en cualquier tienda de informática.

Configuración

En todos los sistemas operativos existe la opción de configurar una segunda pantalla externa, y si bien hay varios modos de configuración en mi caso recomiendo utilizar el escritorio ampliado o extendido, que logra como se podrán imaginar, emular una extensión física de nuestro escritorio, algo que seria como unir las dos pantallas con un lado en común.

Por ejemplo esta es la captura de la configuración de una pantalla extendida en Windows 7 que me paso Tamara:

configuracion pantalla extendida

Y aquí como se ve la configuración de pantalla en Mac OS X 10.6.4

configuracion pantalla mac osx

Como se puede ver la configuración en los dos sistemas operativos es realmente muy similar. Las cosas a destacar son:

  • Podemos configurar las resoluciones de cada pantalla de manera independiente.
  • Se puede seleccionar la ubicación física de cada pantalla, por ejemplo si la pantalla se encuentra a derecha o izquierda de la otra pantalla, esta función es importantísima porque maximiza la virtud de tener la pantalla extendida, siendo mucho más simple nuestra adaptación.
  • Podemos seleccionar que pantalla va a ser la primaria y cual la secundaria. Por lo general la pantalla primaria es donde están las barras del sistema operativo, etc.

¿Porque va a mejorar mi productividad tener dos pantallas?

La gran mejora pasa principalmente por tener más espacio para trabajar, voy a citar dos ejemplos que me resultan buenos para mostrar las virtudes de contar con una segunda pantalla.

1. Cuando escribo sobre una aplicación online puedo trabajar en el editor de texto en una pantalla mientras en la otra tengo un explorador abierto y voy observando las características de la aplicación ahorrando mucho tiempo por no tener que ir cambiando de ventana activa. Ademas puedo citar múltiples fuentes sin la necesidad de hacer ningún cambio.

2. Al programar. Esto es para mi lo mejor. Puedo tener en las dos pantallas todos los programas que utilizo sin ningún problema, ademas de tener un navegador dedicado a visualizar los cambios. Ademas al tener dos pantalla puedo variar los brillos de los mismos para tener en una pantalla el código con menos brillo y las imágenes en otra con un brillo y configuración mas apropiados.

Les aseguro que hay infinidad de cosas que con dos pantallas son mucho más simples, tengo diseñadores amigos que no pueden directamente volver a trabajar con una sola pantalla.

Antes pudo considerarse un lujo, pero con el bajón de precios en las pantallas hoy trabajar con una pantalla adicional es casi una obligación. Mi consejo es: compren una segunda pantalla, es una inversión que rápidamente se amortiza.

Entradas relacionadas

Consejos para dejar de fumar

Julio 28th, 2010 | Escrito por: Pablo

dejar fumarDentro de muy poco tiempo se cumplen 2 años que deje de fumar, pase de fumar 40 cigarrillos por día, a no fumar ninguno, sin mal humor, sin demasiadas preocupaciones, simplemente abandone el vicio. Quizás el enfoque con el que decidí abordar el tema de la adicción al tabaco fue lo que realmente me permitió dejarlo, y como los beneficios son importantes decido compartir con ustedes mi experiencia.

Lo primero y principal que debo decir es que nunca pensé en la salud para dejar de fumar. Y si bien es la razón numero uno para que muchas personas dejen de fumar no fue la mía en lo absoluto, el cigarrillo es un vicio terrible para nuestro cuerpo, no obstante y al menos en mi situación, no fue para nada un motivo para abandonar al tabaco. Por lo que si eres un fumador que utilizas la muletilla “mi abuelo fumaba 100 cigarrillos por día y vivió hasta los 90 años” mis consejos van a seguir teniendo vigencia, porque desde ya confirmo que no están relacionados directamente con la salud.

Para dejar de fumar uno podría tomar todo el proceso como la sucesión de tres grandes etapas:

  • La preparación.
  • Meses mientras dejamos de fumar.
  • La superación.

Preparación

Entender porque fumamos

¿Alguna vez pensaste en las razones por las que te llevas un cigarrillo a la boca? Probablemente tengamos muchas en común, por ejemplo: tranquilidad, porque es una compañía, costumbre, etc. Entender el porque fumamos es uno de los primeros pasos para abandonar el habito, lo más extraño de esto, es que seguramente a medida que listes motivos vas a encontrar que la respuesta a los mismos no esta estrechamente relacionadas con el cigarrillo. O quizás si, pero probablemente no sea una razón tan solida e importante como para justificar ser un fumador.

Demonizar al tabaco no sirve

Cuando comencé a pensar en dejar de fumar leí bastantes artículos para abandonar el mal habito, puedo decir casi con total certeza que en un porcentaje mayor al 70% las justificaciones eran “porque el cigarrillo es malo para la salud por x aspectos” y si bien es verdad, también es verdad que a muchas personas el tema de la salud no les llega. No esta bien, pero pasa, a mi me pasaba.

Hay que entender una cosa que es muy simple. El fumar es malo para la salud y para los que nos rodean, dejarlo puede parecer difícil, pero lo es aún mucho más cuando hacemos que el cigarrillo se convierta en un monstruo imposible de franquear. Por lo que mi recomendación es simple, intenten dejar de fumar lo mejor que puedan, pero tampoco se rece una Biblia de motivos científicos para abandonarlo. Por lo general estas razones no son palpables y no transmiten un mensaje directo hacia nuestra conciencia.

Las razones para dejar de fumar tienen y deben ser mucho más simples. Ya lo dijimos muchas veces, lo simple es mejor. Yo deje de fumar simplemente porque el olor me molestaba, sentirme olor a tabaco en la ropa directamente hizo que abandonar el cigarrillo sea simple, en mi cabeza la respuesta a las ganas de fumar era simple “simplemente no tengo ganas de tener ese olor horrible en la ropa” y funciono de maravillas, y como dije al principio fumaba 40 cigarrillos o más religiosamente.

Si te funciona hablar de razones medicas o de lo monstruoso que es el cigarrillo para la humanidad, bienvenido sea, pero te aseguro que es mucho mas simple decirse a uno mismo “la verdad que no fumo porque me tiene cansado toser por la mañana” que rezarse los 2000 motivos relacionados al cáncer.

Así que te propongo algo simple: Busca una sola razón, que sea poderosa, y recordala cuando tengas ganas de encender un cigarrillo. Ya con eso estarás bien. Dejar de fumar es mucho más simple de lo que parece.

Pensar en el cigarrillo no es buena idea

Si estamos intentando dejar algo lo peor que podemos hacer es estar pensando todo el día en el. Por lo que es una buena idea intentar alejar nuestra mente del vicio. Es más simple de lo que parece, el pensamiento tiene la característica de venir por oleadas que se iran disipando en cuanto pase el tiempo. A veces simplemente necesitamos desviar nuestra atención hacia otra cosa para automáticamente mandar al olvido al mal habito.

Nuestros ambientes: libres de humo

Si realmente vas a dejar de fumar, tienes que obligatoriamente limpiar tu casa y si tienes la posibilidad, tu ambiente de trabajo. Eliminar cualquier cosa que este relacionada al tabaco, limpiar bien los objetos como telas que se impregnan de nicotina, arrojar a la basura cualquier cenicero, etc. En mi casa tire todos los ceniceros, si me visita un fumador, debe fumar afuera, porque me olvidaba de comentar (tampoco se puede fumar adentro) :P

Dejar de fumar sin buscar un reemplazo

cigarrillos electronicos¿Cigarrillos electrónicos? ¿Tener un lápiz en la mano? cosas así no sirven en lo absoluto, uno busca dejar un mal habito, y la solución es arrancarlo de raíz y no reemplazarlo por otro menos dañino o que nos mantenga entretenidos. Ademas existe una cuestión practica y lógica detrás de esto, si nosotros necesitamos soplar un cigarrillo electrónico para dejar de fumar vamos a estar recordando a cada instante que estamos intentando dejar de fumar. Eso no sirve. Las razones sirven: No fumo porque odio tener los dientes amarillos, No fumo porque no me soporto subiendo escaleras y muriendo a cada peldaño. Esos motivos son suficientes, son reales, y no nos hacen ver estúpidos.

En mi caso probé utilizar los parches de nicotina. Mucha personas dicen que son efectivos, a mi no me sirvieron para otra cosa que tirar dinero, encima de que son carísimos son una solución parcial, y que resulta tremendamente molesta. Cuando finalmente logre de fumar lo hice sin ningún accesorio. Tener una razón personal y real es lo mejor que puedes hacer.

Meses mientras dejamos de fumar

Premiarse con lo ahorrado


Al menos en Argentina fumar cada día sale más caro (por suerte) yo se que muchos dirán, que no es nada grave pagar por día una moderada cifra por mantener la nicotina en cuerpo, pero les comento que si ustedes juntan el dinero ese destinado a fumar lo más probable es que cada tantos meses se pueden hacer un lindo regalo, unas buenas zapatillas, una camisa, o bien hacer un buen regalo y quedar bien con alguien especial.

Es solamente una consecuencia de abandonar el mal habito. Hagan la prueba y verán que gastar ese dinero en nosotros es mucho más agradable que ayudar a algún magnate de la industria tabacalera a ser más millonario.

Disfrutar el dejar de fumar

Al contrario de lo que mucha gente dice, dejar de fumar es placentero. Es simple, uno se siente mejor a medida que camina la ruta de abandonar el tabaco. Nadie deja de fumar y se siente peor que cuando fumaba, eso hay que disfrutarlo, es una motivación increíble.

El secreto es tomar conciencia de estas mejoras, dejar de fumar para el estado de animo es como duplicarle la RAM a nuestra computadora. Ademas lo más probable es que estéticamente notemos cambios a las pocas semanas.

Ser positivo

Dejar un mal habito se trata de un proceso por el cual vamos a quitar algo de nuestras vidas que nos afecta negativamente. Mantenerse positivos es indispensable. Somos humanos y es normal que podamos decaer o por momentos pensar en lo que estamos intentando hacer no sirve para nada, por lo que tener la mente conectada a nuestra meta es indispensable.

Ser positivo incluye no escuchar a las personas (la mayoría de las veces) y esto es común, cuantas veces escuchamos como respuesta cuando comentamos que dejamos de fumar “uh” “es muy difícil” “que bueno, pero te va a costar muchísimo” son todas respuestas que nos hacen dudar. Inclusive respuestas negativas nos pueden hacer dudar de nuestra capacidad.

Precaución sería mi consejo. Inclusive es buena practica no comentarle a todo el mundo que estamos dejando de fumar. Queda a criterio de cada uno.

La superación

Nunca perder de vista el objetivo

Dejar de fumar es algo que se empieza y que prácticamente nunca se termina, y si bien uno va logrando olvidarse del cigarrillo cada tanto puede tener esa sensación o ganas de fumar al menos uno. No hay que olvidar que nuestro objetivo es abandonar al tabaco para siempre, por lo que tenerlo presente siempre es bueno, de esa forma hasta en el peor momento de desesperación o stress estaremos preparados para no fumar.

Cambiar un mal hábito por uno bueno

Ya eres un ex fumador, ahora que tal si aprovechas la energía que antes te robaba el cigarrillo y comienzas a ejercitarte. Dejar el cigarrillo es un logro personal, es una forma de demostrarnos a nosotros mismos que podemos cambiar para mejor, si logramos quitar un mal habito, que tal proponerse incluir un buen habito en nuestra vida?

Entradas relacionadas

Galería de extensiones para Safari

Julio 28th, 2010 | Escrito por: Tamara

Lejos quedaron las épocas en las que debíamos conformarnos con lo que un explorador nos ofrecía, sin la posibilidad de adosar herramientas ni nada por el estilo. Considero que la competencia ha fomentado el desarrollo y las mejoras, algunas veces con más éxito que en otras.

Y si bien la multiplicidad de exploradores ha complicado la vida de desarrolladores web, es bien cierto que todos los que hemos abandonado Internet Explorer hace tiempo, nos hemos hecho amigos de las extensiones, ya sea porque es más rápido contar con herramientas mediante las cuales no precisemos abrir nuevos programas y todo lo hacemos desde un solo lugar.

En este caso Apple ha lanzado (finalmente) su galería de extensiones para su explorador, Safari Extensions, según lo que comentan son aplicables a Safari 5.0.1 y utilizan la última tecnología HTML5, CSS3 y JavaScript.

La galería de extensiones forma parte del sitio de Apple, por lo que considero que se encuentra avalada formalmente. Se dividen por categorías tales como: novedades, compras, herramientas de búsqueda, redes sociales, entretenimiento, productividad, marcadores, seguridad, herramientas RSS, entre muchas otras.

Entradas relacionadas

Pinceles para Photoshop de esferas texturadas

Julio 28th, 2010 | Escrito por: Tamara

Es la primera vez que las encuentro y es que en realidad uno pueden hacer esferas con Photoshop según lo necesitemos. Pero la verdad, creo que la calidad es excelente y la estética que logran los motivos aplicados es gratamente original.

Las esferas son muy especiales a la hora de utilizar en diseños, en mi caso, suelo utilizarlas en diseños 3D para alguna que otra instalación. Son complicadas de llevar a la realidad, pero no por eso hay que evitar incluirlas.

Descargar Patterened Spheres | MediaMilitia

Puede ser un gran desafío lograr que queden armónicas en un diseño, pero el resultado seguramente será llamativo y con personalidad dinámica extrema.

El set es algo pesado (casi 40 Mb) ya que incluye una serie de 23 pinceles para Photoshop con estas esferas en alta resolución. También están disponibles para descargar las imágenes en formato .PNG de 300dpi (según lo que comenta su autor).

Me han inspirado a hacer algunas cosas, por lo que espero les resulten útiles también.

Entradas relacionadas

Tutorial de uso de Data:URLs

Julio 27th, 2010 | Escrito por: Pablo

Desde que escribí el tutorial básico de CSS Sprite fui aprendiendo que optimizar un sitio web tiene más de maña y voluntad que de dificultad. La relación es bien simple, a más conocimientos sobre la utilización de las técnicas apropiadas, más fácil se resuelven los posibles problemas de rendimiento.

Las CSS Sprites es una técnica que están ampliamente difundida en internet, no obstante, para muchos desarrolladores esta técnica será reemplazada en un futuro por la inserción de imágenes directamente en el código, sin necesidad de hacer llamadas externas, y es justamente lo que vamos a charlar y aprender a utilizar en esta entrada.

Comencemos. El esquema de datos data: URI esta definido en las normas del grupo de trabajo en ingeniería de Internet RFC 2397 y permiten embeber directamente en la misma línea de datos pequeños elementos, es decir, como si estuviésemos colocando una ruta externa.

La sintaxis es la siguiente:

data:[<mediatype>][;base64],<data>

En el caso que nos compete, es decir, la inserción directa de imágenes en nuestro sitio web, especialmente desde las hojas de estilo la forma de lograr este objetivo seria la siguiente:

1. Codificación de la imagen en base64. Para eso simplemente hacemos una llamada a la función PHP base64_encode combinada con file_get_contents de la siguiente forma:

<?php echo base64_encode(file_get_contents("smile.png")) ?>

El resultado del ejemplo será una imagen (cursos.png) codificada en base64, es decir una serie de caracteres que visualmente asustan :P

2. Definir el mediatype y confirmar la codificación utilizada. Para ejemplificar eso vamos a insertar la imágen del ejemplo anterior.

<img src="data:image/png;base64,<?php
echo base64_encode(file_get_contents("smile.png")) ?>" alt="smile" />

Y listo, notar que utilice la función solo para evitar tener que copiar y pegar la imagen codificada, pero para fines prácticos pueden ver un ejemplo en linea, les recomiendo que miren directamente el código fuente para ver como la imagen es colocada en una sola linea y sin hacer llamadas externas.

¿Compatibilidad con navegadores?

Los navegadores que soportan perfectamente el uso de data: url son:

  • Firefox
  • Opera 7.2 o superior
  • Safari
  • Netscape
  • IE 8 comienza a dar soporte.

Lamentablemente Internet Explorer 5-7 no dan soporte.

Ventajas de la utilización de la técnica Data:URLs

Evitamos hacer solicitudes HTTP, por consiguiente vamos a ahorrar recursos. Y esto a diferencia de los CSS Sprite es una ventaja porque realmente no hacemos siquiera una llamada, algo que impresiona porque es llevar al extremo el ahorro de recursos.

Desventajas

  • La representación en base64 de una imagen es más pesada en términos de bytes con respecto a la imagen en binario. En Website Optimization calcularon que las imágenes son entre un 39-45% más pesadas.
  • Existe una limitación de la longitud según la RFC que varia según el navegador utilizado. Por norma estamos hablando de 1024 bytes, aunque en este aspecto los navegadores son mas permisivos, por ejemplo Firefox (que es un buen amigo del programador) soporta data urls de 100K :D
  • Es algo incomodo del punto de vista de la actualización, cada vez que modifiquemos algo vamos a tener que re-codificarlo, un trabajo simple pero aburrido si se tiene muchas imágenes.

Conclusión

La utilización del esquema de data:urls debería ser moderada y con muchísima precaución, en mi opinión nunca van a reemplazar a los CSS Sprite por cuestiones de comodidad, y aunque pueda automatizarse el proceso de codificación esto también conlleva un consumo de recursos.

No obstante puede ser muy buena idea su utilización combinada con CSS Sprite. O bien en sitios que no tienen prácticamente imágenes más allá de alguna utilizada para estilizar una lista, o similar.

Entradas relacionadas