Archivo para la categoría ‘Internet

Para diseñadores y programadores IE6 es una de las peores lacras que ha sufrido la web desde hace años pero el problema es que la gran mayoría de los usuarios no lo ven como un problema sino que simplemente lo utilizan porque todavía a día de hoy creen que es la mejor y única alternativa para navegar en Internet.

Sinceramente para mi desarrollar un sitio web para que sea compatible con los diferentes navegadores y en especial Internet Explorer 6 no es una tarea divertida, no conozco a ningún profesional que disfrute desarrollando para IE6 y eso seguramente se deba a su pobre soporte de CSS y a que es un navegador lento e inseguro.

Para los usuarios el gran problema es que las funcionalidades de esta versión del navegador se han quedado obsoletas.

Hace ya muchos años que existe una alternativa idónea a IE6, Firefox, pero es muy difícil que los usuarios se acostumbren a instalar y utilizar un navegador que no viene instalado por defecto en su sistema operativo.

Durante 7 años ha sido el navegador más utilizado lo que provoca que un gran número de ordenadores aún sigue instalado, en muchos de estos ordenadores los usuarios no son los administradores y no tienen más remedio que utilizarlo.

A día de hoy tenemos gran cantidad de alternativas:

Google deja de dar soporte dentro de poco a IE6

Google ha anunciado en su blog para empresas que dejará de dar soporte a IE6 dentro de poco tiempo, muchas otras empresas ya han dejado de soportar a los navegadores más antiguos, como IE6, al igual que lo hizo Youtube y Flickr, las empresas se están empezando a dar cuenta finalmente de la carga que es seguir soportando un navegador como IE6.

Logotipo de GoogleGoogle presenta una nueva aplicación para dispositivos Android, se llama Google Goggles y es una aplicación de búsqueda visual que nos permite realizar búsquedas utilizando una imagen en vez de letras, una manera muy innovadora de buscar y que puede parecer venida del futuro. El proceso es sencillo se hace una foto con la cámara del teléfono y la aplicación tratará de devolver el resultados de búsqueda relevantes.

Cuando se realiza una consulta de búsqueda visual, Google Goggles descompone la imagen en varias partes y las contrasta con otras de una gran base de datos para ver si encuentra alguna coincidencia. Cuando la encuentra, devuelve términos de búsqueda relevantes para esa imagen. Goggles actualmente es capaz de reconocer decenas de millones de imágenes, entre ellas lugares, obras de arte famosas y logotipos.

Para hacer una consulta sobre un lugar ni siquiera necesitas hacer una foto, basta con abrir Google Goggles y sostener el teléfono frente al lugar que te interesa. Utilizando el GPS del dispositivo y la brújula, Goggles reconocerá de qué sitio se trata y te mostrará el nombre en el visor de la cámara. Y si quieres obtener más información, sólo tienes que pulsar en el nombre.

Google Goggles está disponible en inglés en todo el mundo y se puede descargar de forma gratuita desde el Android Market.

Un vídeo vale más que mil palabras

Todos estamos de acuerdo en que uno de los mayores problemas a los que nos enfrentamos habitualmente los desarrolladores es lograr una rápida carga de nuestro sitio web, en cuanto vamos añadiendo funcionalidades nos vamos encontrando con ralentizaciones en la carga del sitio por lo que debemos encontrar el equilibrio entre las funcionalidades y la velocidad de carga del sitio.

Hay diversos estudios que han demostrado que una buena velocidad del sitio web nos lleva a un aumento de la actividad y retención de usuario, ademas que nos permite una reducción de costes en todos los sentidos.

Algunos consejos para aumentar la velocidad de un sitio web

  1. Realiza pocas peticiones HTTP
  2. Haz uso de CDN (Content Delivery Network)
  3. Añade una etiqueta para hacer expirar tus cabeceras, Expires header
  4. Habilita la compresión por Gzip
  5. Pon el CSS al principio de todo
  6. Pasa los archivos JS al final
  7. Evita los comentarios CSS
  8. Pon tu CSS y tus archivos JS en archivos externo
  9. Reduce las consultas DNS
  10. Optimiza y minimiza el código de tus archivos JS
  11. Evita las redirecciones
  12. Elimina los scripts duplicados
  13. Configurar los ETags

A todos estos consejos tenemos que añadir que sin duda es necesario en primer lugar un servidor rápido, el servidor es la pieza clave para que un sitio web cargue rápido sin duda lo mejor será conseguir un hosting pago que te ofrece mayor velocidad y soporte, pero en caso de no tener dinero suficiente, y tengas que alojarte en uno gratuito, prueba muchos y decídete por el que más rápido te parezca.

Herramientas para acelerar nuestro sitio web

Herramientas de Google Webmaster

Google Webmaster ha lanzamo recienteme una funcionalidad llamada: Rendimiento del sitio, una función experimental en las Herramientas para webmasters que te muestra información sobre la velocidad de tu sitio y sugerencias para hacerlo más rápido.

Encontrarás datos sobre la rapidez de carga de las páginas, así como de su evolución en el tiempo; una comparación entre el tiempo de carga de tu sitio y de otros sitios; ejemplos de páginas concretas con sus tiempos de carga reales; y sugerencias de Page Speed, que pueden ayudar a reducir la latencia que perciben tus usuarios.

Page Speed

Google lanzó hace un tiempo Pagespeed, una herramienta que llevan desarrollando muchos años y que utilizan ellos mismos para optimizar sus sitios, es más o menos una competencia a YSlow de Yahoo! del que hablamos en el siguiente punto.

Al instalarlo se integra a Firebug y al ejecutarlo, Pagespeed nos dará diversos consejos y parámetros que podemos tomar en cuenta para mejorar el desempeño de carga de nuestro sitio, y de lo más interesante incluso genera versiones optimizadas de las imágenes que tengamos para que las reemplacemos y utilicemos para reducir así también la carga.

La documentación es excelente y merece la pena instalarla para experimentar.

Ambas noticias agregan mucho valor de parte de Google a la web, y ya las veo como opciones imprescindibles en un futuro.

YSlow, analizador de rendimiento web

Si quieres poner en práctica estos consejos y ver como poco a poco vas consiguiendo agilizar la carga de tu sitio no dudes en instalarte YSlow.

Este plugin de Yahoo llamado YSlow para Firebug (en Firefox) es sin duda una herramienta que todo webmaster debería tener funcionando en su navegador.

Para acceder a todas sus posibilidades hay que instalar primero Firebug y luego YSlow. Una vez instalado, se capturan todos los datos relativos a las páginas y sus elementos. Hay información sobre Rendimiento, Estadísticas y Componentes.

Para los que aún no conozcan Firebug decir que es una extensión que te ayudará a desarrollar, evaluar y depurar sitios web, controlando el CSS y HTML en tiempo real, midiendo el tiempo de carga para optimizar la página o corrigiendo los posibles errores Javascript.

El pasado 24 de Noviembre, junto a mi socio Alejandro Sánchez Blanes, dimos una charla en Iniciador Málaga (Empezar desde 0 sin inversión inicial), la idea era contar un poco nuestra experiencia sobre cómo desarrollar un producto, resultados-Futbol.com , desde 0 y hacerlo madurar poco a poco con recursos limitados, creo interesante compartir en esta entrada los puntos claves que creemos nos ha permitido crecer este primer año de vida.

Empezar desde 0 = Start-up

Las start-up son empresas que empiezan de 0 con pocos recursos, en general, las start-up no son compañías orientadas al servicio, sino que se centran en crear un producto, para asociarlo quizás a grandes compañías orientadas a servicios, para poder ambas escalar más rápidamente. El término es aplicable a mucho tipo de empresas y no necesariamente tecnológicas.

Los ejemplos más famosos de start-up son Google y Apple aunque en España tenemos buenos ejemplos como son: Loquo y Panoramio.

¿Cómo identificar una start-up?

Es una empresa con grandes posibilidades de crecimiento

  1. Sin modelo de negocio
  2. Sin gastos
  3. Sin subvenciones
  4. Sin inversiones
  5. Sin burocracia
  6. Sin asesores
  7. Sin pagar publicidad

¿Claves para crear una start-up?

  1. La idea
  2. El equipo
  3. Ejecución de la idea
  4. Austeridad

La idea

- No se necesita una idea brillante, ya que la gran mayoría de los proyectos exitosos mejoran un servicio ya existente.

- Las ideas hay que contarlas y pedir consejo ya que al exponer la idea consigues que la gente la critique o la cuestione.

El equipo

- Equipo reducido

- Con experiencia profesional previa y apasionado de su trabajo

- Joven y flexible

Ejecución de la idea

- Desarrollo ágil, sacar versiones lo más rápido posible

- Escalar rápidamente con recursos limitados

- Ser constante, creer en tu idea y no perder el foco

Austeridad

- No te hace falta dinero, te hace falta tiempo

- La tecnología hoy en día es barata

- Gran productividad, tu tiempo es oro y lo aprovechas al máximo

- Gastar dinero es muy fácil la austeridad es la mejor virtud de un emprendedor

¿Qué significa que un proyecto tenga éxito?

El éxito se puede entender de muchas maneras

  • Mucho tráfico
  • Gran volumen de facturación
  • Muchos beneficios
  • Vender el proyecto
  • Divertirse trabajando día a día con suficientes beneficios

Logotipo de GoogleDesde hace unos días Google está probando un nuevo diseño que aporta algunos cambios muy interesantes, entre otros incorpora un logotipo diferente al que estamos acostumbrados, personalmente me gusta más, este nuevo logotipo no tiene las sombras del logotipo actual.

Los botones de búsqueda también cambian: el fondo de ‘Buscar’ y ‘Voy a tener suerte’ pasa de gris a azul y el texto de negro a blanco.

El logo no tiene las sombras que lo han acompañado estos últimos años

Otro cambio es que las páginas de resultados incluyen diferentes opciones en la columna izquierda cómo se puede apreciar en el siguiente pantallazo.

Cambios en la columna izquierda de los resultados de búsqueda de Google.

Proyecto de SIMILE, Timeplot

31 de marzo de 2008

en: Internet

Hace ya un tiempo escribíamos una entrada que comentaba algunos datos interesantes de SIMILE Project, y no hace demasiado también hablabamos de Timeplot.

Cómo ya comentamos SIMILE se trata de un proyecto de MIT Libraries y MIT CSAIL que se centra en el desarrollo de robustas herramientas (Open Source) basadas en la Web Semántica.

De la lista de proyectos que podeis encontrar en la página de SIMILE Project uno de los más nuevos es el de TimePlot que se trata de un estupendo sistema de gráficas y que permite sobreimpresionar los diferentes eventos utilizando los mismos formatos de datos que utilizaba TimeLine.

Este sistema tiene un enorme potencial y se me ocurren muchísimas aplicaciones a las que poder aplicar sus funcionalidades, como por ejemplo un lector y visualizador de estadísticas de páginas.

Documentación TimePlot

En estos enlaces puedes encontrar la documentación necesaria para crear un simple ejemplo con TimePlot: