Archivo

Posts Tagged ‘apis’

Usando Twitter Bootstrap con Dojo

7 de mayo de 2013 1 comentario

He estado usando Twitter Bootstrap*** últimamente debido a su aspecto y a la simplicidad en la creación de páginas básicas y Dojodiseños complejos. Quería el uso de Dojo* para desarrollar un proyecto reciente, pero sentí que Dijit** sería demasiado para mis necesidades, así que decidí usar Bootstrap de nuevo. El problema aquí es que Bootstrap utiliza jQuery para sus componentes Javascript y yo no quería cargar Dojo, jQuery y el plugin Bootstrap.

Mi solución: crear una aplicación de Twitter Bootstrap utilizando el kit de herramientas Dojo. Dojo Bootstrap  es un puerto de los plugins Twitter Bootstrap. Se utiliza el 100% del código Dojo y tiene soporte para AMD.

Una reproducción de la página en JavaScript con Twitter Bootstrap usando los módulos Dojo Bootstrap se puede encontrar aquí.

Actualizar

Mire un nuevo sitio web dedicado al proyecto Dojo Bootstrap.

*Dojo es un framework que contiene APIs y widgets (controles) para facilitar el desarrollo de aplicaciones Web que utilicen tecnología AJAX. Contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX.

Resuelve asuntos de usabilidad comunes como pueden ser la navegación y detección del navegador, soportar cambios de URL en la barra de URLs para luego regresar a ellas (bookmarking), y la habilidad de degradar cuando AJAX/JavaScript no es completamente soportado en el cliente. Es conocido como “la navaja suiza del ejército de las bibliotecas Javascript“. Proporciona una gama más amplia de opciones en una sola biblioteca JavaScript y es compatible con navegadores antiguos.

**Dijit (Dojo Widget) es una biblioteca de widgets para crear interfaces gráficos. Está construida directamente sobre Dojo Core y en ocasiones no requiere de código JavaScript para ser utilizada. Los widgets son altamente portables y se pueden compartir fácilmente en cualquier servidor o incluso funcionar localmente sin servidor web mediante el protocolo file//.

***Twitter Bootstrap es una colección de herramientas de software libre para la creación de sitios y aplicaciones web. Contiene plantillas de diseño basadas en HTML y CSS con tipografías, formularios, botones, gráficos, barras de navegación y demás componentes de interfaz, así como extensiones opcionales de JavaScript. Es el proyecto mas popular en GitHub y es usado por la NASA y la MSNBC junto a demás organizaciones.

Hoy Bootstrap es muy popular en toda la web. Sigue creciendo como una forma rápida para los desarrolladores para obtener un sitio eficiente en funcionamiento en un corto período de tiempo. Es un buen punto para empezar, pero Twitter Bootstrap a menudo se deja completamente sin medida, y su popularidad se ha marchado del diseño distinto del marco que ve bastante plana. Pero en un mundo en atractivos diseños son de gran importancia, Twitter Bootstrap ha ocupado su lugar como uno de los mejores marcos en el mercado.

Si busca en Google la palabra Bootstrap, obtendrá más de 16.000.000 de resultados. Esa es una muy gran cantidad de menciones incluyendo los resultados en los medios sociales, los blogs, los comentarios, los tutoriales, las herramientas, etc. Al buscar algunas herramientas que se pueden encontrar en algunas redadas dispersas … Comprendiendo la importancia de esta tendencia, los chicos de TemplateMonster han puesto juntos los tutoriales más útiles sobre Bootstrap, las guías, las extensiones, los plugins y otras golosinas y crearon un impresionante infografía sobre Bootstrap. Por otra parte, hicieron la infografía interactiva para que no se aburran en conseguir lo más profundo de Twitter Bootstrap. Sin embargo, hay una versión estática de la infografía que se puede ver a continuación. Esperamos que no sólo será útil para los fans de Bootstrap, sino para cualquier persona que mantiene un ojo en los últimos marcos de front-end para el desarrollo web eficaz.

 

Infographics-about-Bootstrap

 

Artículos relacionados:

 

 

Los  Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

OpenSocial, la plataforma social de Google

14 de abril de 2011 2 comentarios

¿Qué es OpenSocial?
Es una plataforma de desarrollo dirigida a responsables de sitios web sociales (por ejemplo, redes sociales) y a programadores que quieran crear sus propias aplicaciones web (generalmente, relacionados con páginas ya existentes) para que se ejecuten en estos sitios. Se basa en estándares y es abierta, por lo que si tienes una red social simplemente debes adaptarte a las especificaciones de OpenSocial para permitir que se creen aplicaciones (que aumentarán la popularidad de tu sitio web). Y si eres programador, también deberás seguir solamente las especificaciones para crear tu aplicación.

 

¿En qué consiste OpenSocial?
OpenSocial está formado por un conjunto de APIs (interfaces de programación) que establecen la forma en la que se transmite la información entre las redes sociales (‘containers’) y las aplicaciones a crear (‘apps’). En esta y esta URL tenéis la documentación de estas APIs, las cuales se basan a su vez en APIs de JavaScript y en el estándar GData.

¿Qué información se puede transmitir con las APIs?
Fundamentalmente, tres tipos de información:

  • personas y relaciones entre ellas dentro de la red social,
  • de lo que están haciendo los usuarios dentro de la red social, como por ejemplo “X está subiendo un vídeo”,
  • la constante/persistente de la aplicación,

¿Para qué redes sociales (‘containers’) se pueden crear aplicaciones?
Orkut, MySpace, hi5, LinkedIn, Viadeo, … Tenéis la lista completa en este enlace.

¿Por qué se ha creado OpenSocial?
Para intentar competir con Facebook, la red social que en el año 2007 ha conseguido gran popularidad, y que creó una plataforma de desarrollo propia para la cual crean sus aplicaciones web miles de desarrolladores, lo que permitía que siguiese aumentando su popularidad, para temor de Google que veía peligrar su liderazgo en el mundo de las herramientas y publicidad en la WWW. Ver post “Web 3.0: Facebook o la visión social de Google“.

Preguntas frecuentes

Requiere OpenSocial algún complemento o lenguaje de marcado especial

No. OpenSocial utiliza JavaScript, HTML y XML estándar. Sólo necesitas una buena idea y unos minutos para escribir JavaScript y HTML. Google se encarga del alojamiento si lo prefieres, pero también puedes utilizar tus propios servidores.

¿Pueden utilizar Flash las aplicaciones de OpenSocial?

Sí. Al igual que ocurre con los gadgets de Google, es posible insertar contenido Flash en una aplicación social.

¿Pueden interactuar las aplicaciones de OpenSocial con otros sitios web?

Sí, las aplicaciones sociales pueden interactuar completamente con aplicaciones externas de terceros utilizando protocolos web estándar.

¿Qué otras bibliotecas JavaScript puedo utilizar?

¡Todas! Dojo, Prototype, JQuery, GWT, etc.

¿Qué lenguajes puedo utilizar en mi servidor?

¡Todos! PHP, Ruby on Rails, Java, etc.

Ejemplos:

SAP espera impulsar las ventas de StreamWork con OpenSocial

Escribiendo aplicaciones sociales con Google OpenSocial (2)

Wixet todavía más “social”

Noticias sobre OpenSocial

 

Otros enlaces:

http://code.google.com/intl/es-ES/apis/opensocial/

http://www.opensocial.org/

http://oauth.net/

http://code.google.com/intl/es-ES/apis/gadgets/
¿Tienes alguna noticia sobre Google para enviarnos?

Vídeo, cursos, ebooks, apps, temas wordpress, imágenesLos Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.599 seguidores

A %d blogueros les gusta esto: