Tutorial: ¡Hola mundo! en una pestaña de una página de Facebook

1. Crear la aplicación

El lógico primer paso es crear nuestra aplicación. Entraremos en la página de Apps de Facebook (https://developers.facebook.com/apps/) y crearemos una de cero. Como suele ser común, tendremos que rellenar un buen número de datos para nombrar, clasificar, personalizar y etiquetar nuestra aplicación pero el meollo de la cuestión está en la configuración posterior que deberemos introducir para permitir que la aplicación se muestre en una página.

2. Configuración básica
Después de decidir dónde tendremos alojada la página externa que queremos mostrar en nuestra nueva pestaña (en nuestro caso será un pequeño script con el logo empresarial y el lema "¡Hola mundo!"), deberemos prestar atención a un apartado en la sección 'Select how your app integrates with Facebook' de la configuración de la aplicación: 'Pestaña de la página'.

Ahí es dónde deberemos introducir la dirección de la página que queremos mostrar, tanto en su versión certificada -desde hace un tiempo, Facebook existe este tipo de seguridad- a la versión habitual. Además, el sistema nos permite mediante un enlace a una gestión de la pestaña que podremos configurar para personas sin conocimientos de programación

3. Integrarla en la página

El último paso es introducir la aplicación que hemos creado en nuestra página. El paso es sencillo. Siguiendo esta dirección (https://www.facebook.com/dialog/pagetab?app_id=ID_DE_TU_APP&next=URL_DE_TU_APP) seleccionaremos la página en la que queremos integrar "nuestro espacio". Et voilá!

A partir de este pequeño tutorial se abre un mundo de posibilidades al poder integrar cualquier tipo de contenido en la pestaña, incluyendo lenguajes de servidor o cualquier tipo de interacción con el API de Facebook, con la posibilidad de poder utilizar la misma aplicación para varias páginas totalmente distintas mediante el enlace de configuración enlazado anteriormente. Como veis, conocer este método hace que el único límite de la integración con Facebook se convierta en nuestra imaginación.

¿Cómo activar el nuevo perfil de Facebook?

Os informamos que ya está disponible la opción de crear tu biografía en Facebook.

Con este nuevo tipo de perfil podrás contar la historia de tu vida mediante imágenes y espacios especialmente habilitados para narrar tus vivencias:

Vista previa de tu biografía
Cuando actives la biografía dispondrás de 7 para darle el aspecto que prefieras antes de que otros puedan verla.

Decide qué quieres destacar
Para ayudarte, hemos incluido en tu biografía algunas de tus fotos o historias destacadas. Marca otras cosas que quieras destacar, oculta lo que no quieras mostrar o añade lo que quieras.

Controla quién ve tus cosas
Solo las personas con las que hayas compartido una publicación podrán verla en tu biografía. Si quieres, puedes cambiar quién ve una publicación, o bien eliminarla u ocultarla para que no se muestre en tu biografía.

Para más info haz clic aquí

Los mejores y más interesantes Sliders de imagenes hechos en Jquery + CSS (javascript)

Un buen recurso para diseñar una pagina web moderna es un slider de imágenes o de contenido. Nuestro Dpto de Desarrollo recomienda este artículo publicado por Dacho en http://www.blogdelaweb.com, que incluye los mejores Sliders que existen en Jquery, cualquier persona que tenga conocimientos básicos de HTML y siga las instrucciones de los autores podrá implementarlos fácilmente.

Avia Slider

AviaSlider es un plugin para jQuery muy útil para hacer excelentes slideshows con transiciones similares a las que se realizan en Flash. Dispone de 8 efectos de transición distintos, tiene una imagen de precarga, Autoplay, valida tanto en HTML5 como CSS3 y la versión comprimida apenas pesa 8Kb.

Background Image Slideshow

Crea sliders de imagenes en los backgrounds de los divs o de las paginas. Puede ser muy util en distintos casos. Esta técnica se basa en jQuery combinado con CSS.

jqFancy Transitions

Este complemento se puede utilizar para mostrar las fotos como una presentación de diapositivas con excelentes efectos de transición, sin nada que envidiar a flash.

Panning Slideshow

Otro Slideshow de imágenes con un efecto particular. Las imágenes cambian también en diagonal y se pasan un poquito y vuelven. Muy útil si quered un efecto original.

Flip! A jQuery plugin

Flip! es un script jQuery con el que podemos voltear contenido, es decir que gire en un sentido u otro tanto verticalmente como horizontalmente por un eje imaginario que pasa por la zona central.

EMAILOLOGY: la guía online para el desarrollo de emails

EMAILOLOGY: la guía online para el desarrollo de emails.

De la mano de Email on Acid nos llega Emailology, una guía online dedicada al diseño y desarrollo de emails y newsletters, actualizada y muy visual.

Contiene los siguientes recursos:

-   - Una plantilla html comentada con recomendaciones para la maquetación.

-  - Trucos para la resolución de problemas  específicos que se suelen presentar en cada uno de los clientes de correo a la hora de desarrollar (engloba 26 versiones distintas, incluyendo los clientes de dispositivos móviles).

-  - Una lista con las etiquetas y atributos HTML y las propiedades CSS soportadas por los principales clientes de correo.

-  - Un conversor online de caracteres especiales.

Muy recomendable su consulta ante cualquier duda que nos surja a la hora del desarrollo:

Haz clic aquí para consultar la guía

¡Esperamos que os resulte muy útil! 

Dpto. Desarrollo ODM

Ext JS 4.0

En Abril salió una nueva versión, la 4.0 de este potente y completo Framework en Javascript para el desarrollo de aplicaciones web interactivas, o lo que es lo mismo, aplicaciones RIA (Rich Internet Application).

Entre las novedades destacan la mejora en velocidad, facilidad de uso y estabilidad, así como una nueva librería para crear gráficas sin usar Flash a través de los estándares HTML5. Todas ellas soportan la mayoría de navegadores actuales y usa tecnologías como Ajax, DHTML y Dom.

En realidad Ext JS es tan solo una parte del iceberg y desde Junio conforma uno de los tres bloques de “Sencha”. La otros dos componentes son, el Framework Sencha Touch y Ext GWT, el primero de ellos se basa en el desarrollo de aplicaciones para móviles y el segundo es una librería gráfica.

Podréis encontrar más información en las webs oficiales:

http://www.sencha.com/

http://www.sencha.com/products/extjs/