Hay bastante formas para añadir botones para compartir mediante Facebook un enlace de una página web por ejemplo la tuya propia para proporcionarle caracteristicas autobomberas, de autobombo, pues bien de todas las formas que existes hoy nos quedamos con esta que te presentamos, por el momento, ya que cuenta con una integración bajo la tecnología “más fácil imposible”, se trata de un iframe, hay está el truco del almendruco, pero bueno, hoy con el calor que hace no estamos muy puristas y preferimos pasar de APIs y otras infernalidades que provocan dolor de cabeza al pasar de 30 grados así que si quieres probar que tal funciona eso de compartir en Facebook alguna de nuestras webs haz como nosotros y luego ya integrarás más.

Para nuestros experimentos con gaseosa hemos elegido nuestra web amiga http://miMac.es especialista en juegos para mac.

Al pie de página, justo antes de cerrar el </body> hemos insertado nuestro código del iFrame para que aparezca un botón “Me gusta” con un contador de gente a la que le gusta nuestra página dedicada a Mac, puedes ver el resultado en cualquier página de miMac.

Y ahora el código:

Aquí tienes explicadas las diferentes variables y los valores que pueden tomar:

• href – Aquí tienes que declarar la URL que quieres compartir en Facebook.
• layout – Aquí el estilo del botón, que puede tener los siguientes valores: standard o button_count
• show_faces – Con esta variable puedes mostrar o no el avatar de quienes del gusta la anotación. Valores: true o false.
• width – El ancho que quieres darle al iframe.
• action – El texto que quieres que salga en el botón, los posibles valores son: like o recommend.
• font – El tipo de letra.
• colorscheme – El esquema de colores, los valores posibles son: light, dark o evil.

En otro post buscaremos lo mismo pero para Twitter.

Páginas relacionadas con este artículo:

1. Interface privacidad Facebook
2. ¿Qué se dice de mi sector?
3. Cómo ha cambiado una web en el tiempo

Muy interesante para la visualización de datos estadísticos.

Enlace: http://www.humblesoftware.com/finance/source

Páginas relacionadas con este artículo:

1. Compilador JavaScript de Google
2. Clase PHP para leer Google Analytics
3. Base de datos Cassandra

Hace mucho que no posteo!, Esto no puede ser!!!

Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

Enlace: http://code.ovidiu.ch/dragdealer/

Descarga del componente: Arrastrar y soltar en Javascrip (10)

Páginas relacionadas con este artículo:

1. Tienda de aplicaciones web
2. Google Native Client
3. Reproductor de vídeo en HTML5

Una de cal y otra de arena, eso es lo que nos trae Google en su evento Googe I/O 2010, par amí esto es un notición como pocos no tanto por su novedad sino porque por fin un grande está detrás. Vamos por partes.

Si hace poco comentábamos la rocambolesca idea de Google de llevar el lenguaje C directamente al navegador con la descarga e instalación de aplicaciones via web luego nos trae lo que nosotros creemos que será un exitazo, una Store de aplicaciones web donde podrás vender tus aplicaciones web con la confianza que Google puede transmitir al usuario.

Una tienda de aplicaciones web con la confianza de Google

Por fin, alguien se decide a intentar unificar en un catálogo o tienda las aplicaciones diseñadas por todos nosotros. Sin lugar a dudas, con el tiempo, triunfarán.

Apple y su appStore para iPhone e iPad

En el otro lao Apple no debe estar en exceso tranquila con lo bien que parece irle todo, pues esta Store es lo mismo que su AppStore pero para todos los dispositivos que posean un navegador moderno, incluso podrás llegar a los iPhone, a menos que Apple ya en un exceso de recelo y ambición prohíba determinadas webs en el navegador Safari que incorporan tanto os iPhone como iPad iPod y futuros.

La webStore de Google potenciará HTML5

La Store de Google incluye programas desarrollados bajo HTML y Flash, si bien según rezan y repiten pretenden que sea HTML5 invitando a migrar a todos nuestras aplicaciones hacia este nuevo estándard que parece que va a ser empujado, y de que manera por la todopoderosa.

La webStore de Google es aún un proyecto, en marcha pero no accesible por el momento, hemos investigado a ver que podíamos encontrar pero no hemos sacado mucha info al respecto si bien os copiamos una URL con la siguiente docu sobre como crear una aplicación web compatible con la tienda, o al menos eso es lo que entendemos:

http://code.google.com/chrome/apps/docs/developers_guide.html

El nombre de la webStore de Apple

Ahora bien el nombre que han elegido para su webStore es muy feo: chromewebstore

Que pesaitos con esto del “Chrome” para esto “Chrome” para lo otro, en lugar de potenciar algo que ya funciona bastante bien y que posee un nombre de los más cool como es Android no se porque se empeñan en desdoblar esfuerzos para algo que en sí es lo mismo.

Enlace: https://chrome.google.com/webstore

Páginas relacionadas con este artículo:

1. Google Native Client
2. Dándole vueltas a una tienda de aplicaciones web
3. Self-service de aplicaciones

Buenooo, ahora quieren que los webmaster nos pasemos al lenguaje C???

¡Qué miedo! a mi ahora mismo no me apetece volver a C en absoluto, adoro mi php mysql javascript css y html, además si todo avanza hacia una capa web carente de plugins y descargas, donde tan sólo debes URLear y listos, carece de sentido que el cliente deba descargar un archivo e instalarlo en su sistema, muchos no saben hacer eso.

Correr código nativo a través del navegador es muy muy peligroso, en manos de mucha gente eso es una auténtica bomba de relojería, no quiero ser negativo pero este movimiento de la todopoderosa no me gusta ni un pelo.

Además los recursos de proceso con código nativo corriendo en nuestros navegadores van a ser enteramente nuestros, suponemos que eso es lo que pretende los señores de Google que deben ir algo cortos de rendimiento en sus servidores actuales donde corren las aplicaciones. No se han dado cuenta de que la gente navega con netbooks que van escasísimos de CPU, o iPads, iPhone y sucedáneos que tienen procesadores que rondan el 1Ghz. y que deben soportar resoluciones muy altas.

Los de Google pretenden presentarnos esto como la nueva panacea del desarrollo, nos prometen que vamos a poder desarrollar juegos en 3D y editores de vídeo, pero el usuario debe descargar esa aplicación, de momento sólo es soportada por su propio navegador, Chrome, nada de Firefox ni de Safari, y ni mucho de Explorer. Esto es como un plugin de Flash pero ya a lo bestia y sin contemplaciones.

Eso sí de momento está disponible tanto para Windows como Mac, y Linux, un gran paso pero que también nos da una visión sobre sus limitaciones ya que cada dia que pasa navegamos con más cosas, pronto el teletexo de los TV será un navegador, además de los ya siempre presentes iPhones y Androids para los que de momento correr aplicaciones en C desde navegador no es posible.

No se, esto parece una estrategia a largo plazo pero creo que se van a darse de morros a menos que esté yo muy equivocado, mira el caso de Adobe AIR que es el mismo cuento pero que partió de la gran base ya instalada Flash y no ha obtenido el éxito esperado. Huele a que es la antesala de su sistema operativo Chrome o al deseo de Google de canibalizar a la AppStore donde se venden aplicaciones a millones.

¿Vosotros, qué opináis?

Eblace: http://code.google.com/p/nativeclient-sdk/

Páginas relacionadas con este artículo:

1. Tienda de aplicaciones web
2. Los lenguajes de programación más conocidos
3. Programas gratis alternativos

Font Ronda Seven Bold

Font Ronda Seven Normal

Font Nokia Cellphone

Font Minimal 5

Font Large 9

Font Apple

Tras varios días sin postear por falta de tiempo, ya que estamos en plena entrega de un proyecto bajo nuestro sistema de comercio electrónico ecOOmmerce.com hoy os traemos el primero de los nuevos post, algo sencillo pero a veces útiles en los días que corren donde quizá ya existe un exceso de tipografías Grunge y se comienza a añorar lo retro, el bello pixel, así que hemos recopilado para tí nuestra pixel fonts favoritas en un sólo archivo zip listo para descargarar e instalar.

Estas fuentes pueden ser utilizadas en cualquier tipo de diseño donde lo retro mande, también se pueden utilizar de forma perfecta bajo Flash, sí, Flash algo que muere o que muchos quieren hacer morir y que visto lo visto, si Adobe no espabila y abre rápidamente su código va a apearse de internet en pocos años, prometo un post al respecto, “Una red sin Flashes”.

Las tipografías tipo píxel están especialmente diseñadas para trabajar en tamaños de 8 16 32 64 y sus múltiplos hacia arriba para que se muestren perfectamente definidas sin desenfoque alguno en sus bordes. Por ello son perfectas para aplicaciones web como bajo textos de iconos donde se precisan tipografías ultralimpias que sean perfectamente visibles a pequeños tamaños (8).

Todas las tipografías tipo pixel que incluímos son totalmente gratuitas por lo que puedes utilizarlas allá donde te apetezca.

Descargar Pixel Fonts: Pixel fonts (27)

Páginas relacionadas con este artículo:

1. Programas gratis alternativos
2. Tipografías grunge
3. Anatomía de una tipografía

Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

Los iconos please (pulsa para ampliar y grábate la imagen):

Páginas relacionadas con este artículo:

1. Iconos para páginas web
2. Mini iconos para aplicaciones
3. Buscador de iconos

A nivel técnico son 113 iconos con un tamaño de 10 x 10 píxeles y son de libre uso, incluído el uso comercial de los mismos aunque según la licencia de origen debéis mostrar su origen en los créditos del proyecto.

Para descargar aqui: Mini iconos para aplicaciones (13)

Páginas relacionadas con este artículo:

1. Iconos de 256 x 256 pixels gratis
2. Iconos para páginas web
3. Iconos botones y elementos para reproductores

The 1Kb CSS Grid es una aplicación online que permite generar frameworks o estructuras de ficheros con el encolumnado ya creado bajo HTML y CSS. Ideal para realizar bocetos, mockups y todo tipo de pruebas.

Para configurar tu parrilla dispones de tres deslizadores desde donde debes configurar una parrilla imaginaria de columnas para dar forma a las capas de tu web.

El resultado te lo descargas en un fichero zipeado: Si abres el html te encontrás una plantilla como la siguiente:

El código que te genera es muy limpio. Únicamente dos archivos, un HTML y un CSS.

En nuestras pruebas hemos obtenido el siguiente código HTML



y el siguiente CSS

.grid_1 { width:80px; }
.grid_2 { width:180px; }
.grid_3 { width:280px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_6 { width:580px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:880px; }

.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}

Enlace: http://www.1kbgrid.com

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Cómo añadir un botón para compartir con Facebook
3. Plantilla WordPress optimizada para adSense

Todas las propuestas analizadas son aplicaciones online, es decir te das de alta un servicio, validas y a funcionar sin necesidad de instalar nada en servidor ni en cliente.

El motivo de este desarrollo es el uso del mismo para nuestra aplicación de facturación online invOOice.com donde vamos a mostrar el thumbnail de la web al pasar el ratón sobre el icono de página web en la ficha del cliente.

En el detalle podemos ver nuestra aplicación invOOice.com con un thumbnail generado:

SnapCasa

Enlace: http://snapcasa.com/

Pros del sistema de generación de miniaturas de SnapCasa:

• No precisa API
• No precisa declarar las URLs
• En el registro hay una casilla para no recibir emails de ellos
• No incorpora Watermark

Contras del sistema de thumbnails de SnapCasa

• Hay que registrarse
• Es muy lenta

ShrinkTheWeb

Enlace: http://www.shrinktheweb.com

Pros del capturador de webs de ShrinkTheWeb:

• Es rápido, la cola se procesa en minutos
• Puedes trabajar en localhost durante el desarrollo e implementación
• Muestra imagen con Thumbnail queued si esta entra en la cola
• Si el Thumbnail ya está generado por cualquier otro usuario te lo muestra al instante sin entrar en cola
• Le hemos metido cerca de 100 thumbnails en cola y los ha procesado
• Captura rápido la cola, en 10-15 minutos tendrás tu cola generada (nuestras pruebas de cola han sido con grupos de 30)
• Soporta páginas con Flash.
• No inserta watermark en las capturas
• Dispone de diferentes medidas, siendo estas prefijadas

Contras del generador de thumbnails analizado:

• Hay que registrarse
• La web donde te registras es fea, fea y fea
• Debes validar la cuenta creada usando tu email
• Dispones de varias medidas pero son prefijadas
• La segunda imagen o thumbnail generado de seguido ya entra en cola y muestra imagen con su logo
• No recarga la imagen una vez es generado el thumbnail debes recargar tu la página entera

Nuestro veredicto

De calle, ShrinkTheWeb es el ganador por goleada.

Páginas relacionadas con este artículo:

1. Aplicación web para generar thumbnails
2. Google Native Client
3. Tienda de aplicaciones web