digilabs.com.ar » Actualidad

Como comenzar un nuevo proyecto en HTML5

Andrés Argüello Pitt — Mon, 14 Feb 2011 10:05:33 +0000

Me parece súper importante estar al tanto con las nuevas tecnologías para ir incorporandolas de poco y no quedarse atrás. El problema es que con algunas tecnologías como HTML hay que pensar que pasa con navegadores/clientes viejos que no soportan éstas nuevas técnicas.
Haciendo un poco de investigación me encontré con un par de librerías que te permiten empezar el nuevo proyecto en html5 y importar un par de archivos que permitirán detectar si el navegador soporta o no el recurso utilizado y en caso de no soportarlo elegir un método alternativo. Por ejemplo si utilizamos alguna de la nuevas etiquetas proporcionadas por HTML5 y entramos a ese sitio con IE6 o IE7, éstos navegadores no sabrás como interpretarlas por lo que la librería Modernizr se encargará de reemplazar las nuevas etiquetas con simples DIVs.

Modernizr se puede baja desde aquí

Pero recomiendo empezar todos los proyectos en HTML5 de forma que te vayas acostumbrando y para hacerlo esto fácil dejo éste el link a initializr un herramienta que te ayuda a empezar un proyecto utilizando HTML. Initializr utiliza modernizr y otros recursos y te arma una plantilla que uno puede empezar a modificar para adecuarla a las necesidades del proyecto real. Pruebenlo desde su sitio web:
http://initializr.com/

La nueva forma de indexar contenido SWF de google

Andrés Argüello Pitt — Sat, 13 Nov 2010 11:26:53 +0000

Hace dos años Google anunció que estaba colaborando con Adobe para encontrar una forma de indexar contenido dentro de swfs. Su primera versión fue una gran avance para la comunidad Flash pero carecía de grandes propiedades. Por ejemplo ésta versión solo indexaba texto dinámico que ya esté dentro dela película. osea que el tipo de campo de texto sea dinámico y que el texto esté en el campo a la hora de compilar la película. No funcionaba si el texto era cargado via xml o algún otro método en tiempo de ejecución, tampoco funcionaba si el campo de texto era estático.

Bueno Google nunca dejó de trabaja en su googleBot para conseguir mejores resultado, y ésta nueva versión indexa contenido swf sin importar su procedencia. Básicamente aseguran que todo texto que pueda leer un humano es leído por el robot de google, incluso aseguran que sigue links dentro del swf. Incluso esta versión lee los metadatos de videos flash para indexar su contenido he incluso guardar un thumbnail. La otra gran falencia que tenia la version anterior es que no podía leer swf que estaban publicadas usando cierto métodos de javascript, la nueva versión también corrige esto.

En fin grande noticias para la comunidad Flash, ya habíamos dicho en éste blog que Flash está lejos de morir y sigue dando pelea aunque Apple se niegue a incluirlo en iOS y empuje hacia html5. Siento que de a poco Flash va recuperando terreno perdido gracias a la injurias proclamadas por Apple.

más información en el google oficial de google: http://googlewebmastercentral.blogspot.com/2010/11/what-feeling-even-better-indexing-of.html

Atajos y ayudas para wordpress en tu wallpaper

Andrés Argüello Pitt — Tue, 12 Oct 2010 10:38:56 +0000

Hay varias paginas que ofrecen distintos wallpaper con fotos y lindos diseños para adornar los escritorios de nuestros Pc’s. Como nosotros somos medios geeks me pareció pertinente compartir este que es un wallpaper con una litas de funciones y ayudas para cuando desarrollamos para WordPress.
lo pueden baja en 2560×1600 haciendo click aqui

fuente: quicklycode.com

SEO – “Cuando las ideas y la estrategia importan más que el código”

Eduardo Martin — Tue, 03 Aug 2010 00:27:03 +0000

Punto a Punto / Escuela de Negocios José Giai / Mazalán Comunicaciones organizaron el día 28/7/2010 una charla en el Auditorio UE Siglo21 de la calle Ituzaingó de Córdoba Capital, dictada por Mariano Soler, fundador de ciudades.com. La charla fue dirigida para gente de marketing y el objetivo fue definir estrategias para el posicionamiento de sitios web en Google principalmente.

Las técnicas que se nombraron fueron:

Correcta elección de las palabras claves.

Conseguir links externos en páginas de terceros que direccionen a nuestro sitio, utilizando las palabras claves elegidas.

Correcta elección del dominio: es muy importante y quizás es el 50% del éxito en el posicionamiento.

Optimización de la página web que fortalezca la elección de las palabras claves, configurando el título, los metatags y el contenido para que todo tenga una co-relación.

Implementación de SEM: es importante analizar el recorrido del usuario en cuanto a los procesos en la navegación ya que es muy útil para sitios cuyo fin es vender.

Los contenidos fueron básicos debido a que la charla estuvo dirigida y planteada para personas que no están inmersas en el mundo de la programación.

Además, se nombraron las siguientes herramientas para analizar y optimizar al máximo nuestra estrategia: SpyFu, Google Insights, Open Site Explorer, SeoQuake (Agregado para FireFox).

El disertante recomendó utilizar métodos clásicos para lograr el posicionamiento y no técnicas que aceleren el proceso, corriendo el riesgo de conseguir que Google nos multe y nos borre de su base de datos. Así mismo, recalcó la importancia de conseguir links externos no pagos, como así también los beneficios que proporciona el no intercambiar links.

iAds

Andrés Argüello Pitt — Fri, 09 Jul 2010 08:22:24 +0000

Durante el WWDC este año Stve Jobs presento el iPhone 4 basandose en 8 puntos claves. Uno de lo puntos claves es la integración de la plataforma de publicidades de Apple llamada iAd.
iAd reemplaza los aburridos banner que suelen venir en las aplicaciones gratuitas por pseudo aplicaciones que corren dentro de las mimas aplicación, osea en ningun momento perdemos lo que estabamos haciendo, ni posición, tampoco se no redirige a otra pantalla o se no manda a Safari para ver una pagina distinta. Sino que se abre ahi mismo la navegacion,video o lo que el iAd haga.
El ejemplo que mostraron en su lanzamiento fue el de Nissan y su primer auto 100% eléctrico. la verdad que la experiencia de usuario es excelente. Lo mejor de todo es que si queremos participar del programa como desarrolladores de aplicaciones sólo le tenemos que decir a Apple en donde queremos que pongan lo iAds dentro de nustra aplicaciones y ellos hacen todo el trabajo por nosotros.
Vean el ejemplo de Nissan que está muy bueno:

WordPress 3.0 review

Andrés Argüello Pitt — Thu, 17 Jun 2010 17:20:34 +0000

Hoy salió WordPress 3.0, me contuve todos estos meses y no instalé ninguna de laa betas así que no sabia de que se trataba, si había estado leyendo y escuché en Wordcamp que el usuario iba a tener mucho más control sobre el layout.

La instalación es exáctamente igual de fácil y amigable que todas las versiones de todos éstos años. Apenas me loguee por primera vez pense esto es exactamente igual, realmente esperaba que el escritorio cambiase drásticamente, pero es muy muy parecido, lo único que diferencié rápidamente fue la opción menús dentro de Apariencia. Básicamente éste es el punto fuerte que tiene el nuevo sistema ya que ahora en vez de generar automáticamente el menú según las paginas, ahora hay un paso extra que es agregar la página creada al menú. También permite crear links en el menú que apunten a cualquier otro lado, ya sea a post internos, categorías o incluso direcciones externas. También deja arrastrar el orden de cada botón para determinar su posición. El otro punto fuerte del menu Apariencia es la posibilidad de cambiar el fondo, ya sea con una imagen o un color. de ser una imagén te permite elegir la posición, y como se repite. También hay una opción para cambiar la cabecera, muy similar al sistema que trae el template K2. La verdad que esperaba más de esta versión, estoy seguro que hay mucho avance abajo del capot de los cuales no estoy consciente, si alguien sabe de alguna cualidad nueva que quiera compartir bienvenido sea. Sólo espero que los templates viejos sigan siendo compatibles, así también como los plugins.

visualizador de datos de twitter

Andrés Argüello Pitt — Wed, 16 Jun 2010 09:33:52 +0000

Siempre me fascinaron los visualizadores de datos. Éste en particular no me pareció increíble pero no deja de ser interesante. Lo que hace es reproducir con gráficos palabras claves que se dijeron por twitter durante un partido, de esta forma podemos ver como crece cuando alguien es expulsado o hace un gol.

http://www.guardian.co.uk/football/world-cup-match-replay

Acerca del HTML5 Video debacle

Andrés Argüello Pitt — Sun, 30 May 2010 10:56:39 +0000

La verdad que si estoy sorprendido con los reproductores de video para HTML5 y como va ganando terreno rápidamente. Pero también me parece que para que la etiqueta video de html5 reemplace a Flash tiene que terminar de especificarse. ¿A qué me refiero? Bueno por ejemplo en html5 no está especificado como hacer streaming, lo que significa que no podemos mostrar algo en vivo, grabar, etc.
Segundo: se necesita definir un codec, en éste momento se debate sobre si usar h264 o OGG. Ambos son excelente codecs pero Firefox y Opera se juegan por OGG cuando Safari y IE van por H264. Google es el abogado del diablo y utiliza ambos. Entiendo la razón por la cual FF y Opera, que viniendo del purismo del open source) utilicen OGG, pero ésta opción no es muy práctica hoy en día cuando la mayoría de los contenidos online están codificados utilizando h264. Y esto no quiere decir que la opción de IE y Safari es la acertada, en cualquier momento puede pasar que H264 haga lo mismo que hizo Unisys a principios de los 90 con el formato Gif y todo tengamos que empezar a pagar derechos por utilizar ese codec.
Lo último que veo que falla en la especificaciones de html5 es el fullscreen. Si bien hay formas de buscarle la vuelta no es algo que éste especificado en el estándar con acceso desde la API. Tener acceso al video fullscreen es algo vital en ésta era de miles de distintos tipos y tamaños de displays que van desde minúsculos a LCD de decenas de pulgadas.

Realmente espero que esto se vaya solucionando de a poco y que como usuarios no tengamos que preocuparnos que explorador o dispositivo tengamos que usar para entrar a determinado sitio. Como desarrolladores también estaría bueno saber que pase lo que pase decidamos lo que decidamos nuestros usuarios puedan acceder a nuestros contenidos y tengamos acceso a una tecnología, y sin necesidad de hacer ningún artilugio, podamos publicar fácilmente nuestro contenido.

Chrome sale de beta para Mac

Andrés Argüello Pitt — Wed, 26 May 2010 11:08:50 +0000

El navegador Chrome es uno de is favoritos, principalmente por la velocidad. Apenas salió me sorprendió cuanto más rápido renderizaba una pagina en comparación con sus competidores. La principal causa por la cual no podía migrar totalmente a Chrome era por la cantidad de plugins que existen para Firefox. Eso empezó cambiar este año con la incorporación de add-ons para Chrome, con ésto Chrome estaba muy cerca de Firefox ( el menos en posibilidades). De nuevo, mi problema era que el mayor tiempo en el que estoy en una computadora es una Mac, hasta ayer Chrome para Mac era sóilo una beta. Afortunadamente los chicos de google han podidos planchar las últimas arrugas que tenía Chrome en Mac y ya está disponible desde el siguiente enlace: http://www.google.com/chrome/

¿Cuanto más rápido es Chrome? Según Google es tan rápido como un disparo o un rayo, vean el siguiente video:

Google I/O día dos (Froyo)

Andrés Argüello Pitt — Thu, 20 May 2010 10:01:04 +0000

Todos esperabamos el días dos con muchas ansias, si bien en el primer día se había develado varías cosas interesantes en el horizonte de la compañía que virtualmente rige nuestras vidas, había un par de rumores que todavía no habían sido confirmados y nos carcomía por dentro.
El primer rumor y el que más me intersaba a mi en particular era la nueva versión de Android. Bueno afortunadamente lanzaron la versión 2.2 Froyo (frozen yoghurt, – yoghurt helado) de su estrella más brillante que está opacando al Iphone.
Lo primero que recalcaron de esta versión fue:
velocidad: se hizo una demo comparandola con la versión anterior en el mismo dispocitivo y le saca mucha ventaja.
enviar al dispositivo: supongamos que estás en tu computadora planeando un viaje usando google maps. una vez que tenes todo el itinerario listo, desde Chrome, podes apretar un boton y lo envia directamente a tu celular, no como mail, ni como archivo, sino directamente como servicio, se te habre google maps del telefono directamente mostrandote los mismo que tenias en tu Pc/Mac. Lo mismo se puede hacer con pagina web comunes, no te manda el link sino que apenas apretás enviar, el celular abre la misma pantalla que tu computadora.
thetering hot spot: función súper esperada, google dice que está del lado del bosillo de sus usuarios y se pregunta porque debieramos tener que pagar distintas cuentas de internet cuando tenemos la tecnologia para compartirla con nuestro dispocitivos.

2x-3x javascript perfomance. Hicieron una demo en tres dispositos ipad, enclair, froyo.
accelorometro dentro del browser, acceder a la camara desde el navegador, todo un conjunto de APIs que te permite tener acceso al hardware del dispocitivo desde el browser. por lo que vamos a poder crear paginas web listas para android que usen la brujula, la camara, etc.

recognicion de voz: Ésto es algo en lo que google ha hecho una gran inversión desde hace años. y hemos visto funcionalidades de esto en la aplicación del Iphone. Ahora está disponible en Froyo y parece ser increible. hizo una demo diciendo: “picrutes o f barrack obama at 8 summit” con excelentes resultados y luego “pictures of golden bridge at sunset” tambien perfecto. Lo que recalcaron que estan trabajando para preveer intenciones humanas como llamar a un restaurant.
Tambien en el ámbito de hablarle al celular mostraron el traductor en el que le decís algo, te lo traduce y lo dice.

Todo el mundo aplaudió cuando anunciaron que Froyo vendrá con soporte de Flash Player 10.1 y AIR.

Quick search box optimized para buscar apps y contenidos de las mismas apps, algo muy parecido al spotlight que viene incluído en el Iphone. Tambien mostraron como podes mover manualmente las aplicaciones desde el celular al a tarjeta SD. y como podés setear que una aplicación en particular o todas se auto actualicen.

bugs, se puede mandas al desarrollador informes cuando una aplicación se cuelga.

Cuando compras una aplicación en el store usando el navegador de una pc o mac la aplicación se baja automáticamente en el dispositivo inalambricamente. Lo mismo con la música. de forma que no hace falta conectarlo y syncronizarlo. También te deja sincronizar con tu biblioteca de itunes que no tenga DRM

Para terminar mostraron varios formatos de banners para publicidad dentro de Android, por ejemplo: expansibles, click para llamar que llama a la oficina mas cercana según en donde te encuentres, o con mapas con direcciones o simplemente rich media. Los banners pueden venir de otros media recalcando que son abiertos a otras redes.

en cuatro segundos dijeron que desde hoy estaba disponible el HTC EVO para redes 4g (hasta 10mb por seg) con snapdragon de 1ghz, camara de 8 megapixeles, y un monton de cositas más.

Luego que terminaron con Froyo anunciaron Google Tv, pero a ésto lo dejo para otro post.