You are currently browsing the ¡Ajipirijou! posts tagged: internec


@SraClima: el clima en twitter.

Ya todos sabrán que existe @DonSaludador y @DonDespedidor, bots de twitter que te saludan.

Quería llegar un poco más lejos creando algo útil, algo que pudieras usar todos los días.
Así nació @SraClima, un bot de twitter que te dice el reporte del clima actual y de mañana.

¡Genial! ¿Cómo funciona?

Para preguntarle el clima, símplemente le haces un reply con el nombre de tu ciudad (y opcionalmente el país).
Ej: @SraClima Chillán o @SraClima Chillán, Chile.

El bot te responderá en los próximos 15 a 30 segundos con algo como esto:

¡Buena!, pero ¿como funciona por dentro?

Cada 15 segundos @sraclima obtiene los replies que le hacen, extrae el nombre de la ciudad y obtiene la información del clima de la Api del Clima de Google.
Luego, obviamente, responde con la información :)

¿Alguna idea? ¿Sugerencia? ¿bug?

Recibo sugerencias para mis bots en bots (arroba) eljojo (punto) net.

El fenónemo Chatroulette

¿Chatroulette? ¿Se come? ¿Aún no sabes lo que es? Bueno, Chatroulette es un sitio web en donde puedes interactuar con cualquier persona a tiempo real, el único requisito es que tengas una webcam instalada. Es muy fácil usarlo, ya que sólo debes tener la webcam, como anteriormente mencionaba, y listo. El sitio, trae incorporado un botón que dice “Next”, por lo tanto puedes ir presionándolo si quieres cambiar de persona, y además a la vez puedes ir chateando  con la gente a través del sistema que viene incorporado al lado. Como ven, es muy simple, y creo que fundamentalmente, esa es la técnica. Porque al ser simple, posibilita muchas cosas, que pueda ser usado por gente de todas las edades, que sepan o no sepan mucho. Y bueno, ahí comienza el dilema. Continue reading →

Por una web mejor, di no IE6

NO IE6Como diseñador web que soy, de los blogs que he hecho y de los sitios que han pedido mi ayuda, tengo que tener en mente en cada diseño se tiene que ver bien en cada explorador que se pueda cruzar en mi camino (eso se llama compatibilidad).

Hace un tiempo cuando me cambié a Firefox, empecé a leer en varios sitios que IE6 debía dejar de existir.  Al principio de todo eso no entendía porque, aun así seguí usando IE6 y Firefox por un tiempo, un largo tiempo (Ingenuo de mi). Al tiempo después cuando empecé a trabajar con HTML en bruto, sin usar un editores gráficos como Dreamweaver, y usar imágenes en formato png alpha, me daba cuenta que no se veía lo mismo en IE6 que en Firefox. Fue ahí cuando empecé a indagar en el tema y quise saber un poco mas…

Todo empieza en el 2001, con la creación de IE6… pero no hay porque citar la historia, ¡vamos directo al grano!

IE6 usa Trident como motor de renderizado, al igual que muchas otras aplicaciones de Microsoft Windows. En los tiempos de hoy un motor de renderizado como Trident, viejo y desactualizado, no alcanza a cumplir con las normativas del W3C. Además de no llevarse muy bien con las imágenes en formato png alpha (las imágenes en formato png con transparencia para los no conocedores) y una serie de bugs con algunos tags de HTML y de CSS actuales (hablo del HTML4 y del CSS2.1 en adelante… ni hablar de HTML5 y de CSS3) que se han ido actualizando con los años, no asi como IE6.

Al tener mas de la mitad del mercado, Microsoft prefirió dedicarle mas tiempo de desarrollo a otras cosas como su sistema operativo o quizás quien sabe a que. Bueno, la cosa es que con el paso del tiempo, fueron apareciendo nuevas tecnologías en la web. Y sitios que de apoco empezaron a optar por estas tecnologías, pero Microsoft aun asi decidió quedarse sobre las rosas no hacer grandes actualizaciones a IE6.

El tema principal, ya que de seguro ya deben estar medios enrredados con todo esto La cosa final aquí es que, Trident no renderiza el codigo igual que el resto de los navegadores actuales lo haría, además de generar varios bugs en las páginas, los cuales tienen una solución, los llamados “hacks” son pequeñas porciones de código que ayudan a IE6 a renderizar mejor el html/css.
El problema de esto es que, aunque no lo crean, demora su tiempo en implementarse en el diseño, puesto que no solo cambia la forma en que IE6 ve la pagina, sino en que como los demás navegadores la ven. A largo plazo uno termina diseñando paginas para IE6 y se queda sin posibilidad de usar las nuevas tecnologías, lo cual va atrasando el avance a una mejor web.

Es por esto, que muchos sitios han optado por dejar de dar soporte a IE6. Sitios como Youtube y Dailymotion que están apuntando a las tecnologías del hoy mañana y al formato libre de vídeo. O como Google que simplemente empezara a cesar el soporte de a poco en sus servicios.

¿Como hay que hacer?

En internet hay varias soluciones al problema que llamamos IE6, muchas de ella dan como resultado cambiarse de navegador (Firefox, Safari, Opera o Chrome entre otros) o actualizar a la versión mas reciente, como lo es IE 8. Otras es poner un pequeño código que sólo se ‘activa’ en IE6 que muestra un mensaje advirtiendo al usuario el error que comete al usar IE6.

Código de Ejemplo:


Obteniendo algo como esto…
NO IE6 (2)Para mas códigos visita IE6 no more.

Ahora el reto esta en hacer que la gente conozca porque comprenda que  para poder progresar a una web mejor y mas accesible a todos, tenemos que dejar de lado IE6 y empezar a usar las nuevas tecnologías , las cuales explicare si me dan el tiempo de  hacerlo. No es solo por el bien de los diseñadores y programadores web, sino por el bien general.

Por una web mejor y más digna, di ¡NO IE6!

Mis Addons Favoritos para Firefox

Me encanta Firefox, ¿a quién no? (conozco a varios, pero pshh), la cosa es que una de mis características favoritas de este navegador son los Addons.
Al usar Firefox tienes literalmente millones de addons (de hecho 44 millones) a tu disposición.

Hice una lista con los addons que uso todos los días, en caso de que alguien no los conozca o quiera mejorar un poco la calidad de su navegación.

Adblock Plus: Un Clásico.
Este Addon básicamente quita la publicidad de tu navegación. Así de simple. Todos esos enlaces de publicidad molestos desaparecen.
Algo interesante respecto a este Addon es que, al quitar la publicidad en flash, ciertas páginas tienden a cargar más rápido.

Personas: Estiliza tu Navegador.
¿No eres de esas personas que le pone temas a su navegador? Yo tampoco. Para nosotros existe Personas, un complemento que le pone pseudo-temas a Firefox. Los botones se mantienen igual, lo que cambia es la pura imagen de fondo.
Con más de 30,000 personas (temas) a tu disposición, puedes cambiar el tema cada 20 minutos y no se repetirían en un año.
Toda la galería de personas está disponible en http://getpersonas.com

Delicious Bookmarks: Sincroniza Delicious con Firefox.
Si usas el servicio de bookmarks Delicious, este addon es indispensable para ti.

Morning Coffee: revisa tus sitios frecuentes con un solo click.
Cuando me meto al pc en las mañanas, abro Twitter, GMail y Facebook. Morning Coffee lo hace con un sólo click.
Le configuro los sitios que quiero que abra y lo hace sólo, incluso puedo definir ciertos sitios por día de la semana.

Firebug: Desarrollo de Sitios Web.
Si trabajas creando/editando sitios web, acabas de conocer a tu nuevo mejor amigo.
El uso que mas le doy es editar css/html en el momento y la consola de javascript, aunque tiene muchas funciones más.
Más información en http://getfirebug.com

Better Flickr y Better Youtube: colección de scripts de grasemonkey que hacen más agradable la navegación en estos sitios.

Diccionario Español México: para evitar las mala ortografía.
No se por qué, todavía no está disponible el diccionario español méxico para Firefox 3.6

Este es un resumen de los Addons que utilizo todos los días en Firefox.
Abrí una colección en http://addons.mozilla.org/es-ES/firefox/collection/eljojo por si los quieres buscar más tarde.

Si quieres buscar mas addons, hazlo en http://addons.mozilla.org.

¿Se me fue algún addon? ¿Cuales usas tu?
Coméntalo abajo.