Etiqueta: framework

Herramientas libres para crear aplicaciones web con estilo iOS (frameworks)

Publicado el

por Juan David Quiñónez

No cualquiera puede darse el lujo de invertir tiempo y recursos en crear aplicaciones móviles para iOS que superen todos los requerimientos de publicación de la App Store, o al menos no partiendo desde cero, así­ que resulta de utilidad revisar opciones como las que nos presentan en WebResourceDepot. Se trata de una colección de herramientas de desarrollo open source para ahorrarse la molestia de crear aplicaciones nativas optando por aplicaciones web de alta calidad con apariencia tipo iOS optimizada para dispositivos móviles, no sólo los de Apple.

1. iUI Framework

iUI Framework

Múltiples sistemas (desde iOS y Android hasta MeeGo, Bada y WebOS) y una amplia lista de dispositivos móviles dan fe de su compatibilidad y hasta facilidad de uso para novatos en JavaScript. Dispone de temas, extensiones, amplia documentación y una demo que muestra su potencialidad.

2. Chocolate Chip UI (ChUI)

Chui

Una flamante combinación de HTML5, JavaScript y CSS3 en un framework con layouts, widgets y detalles visuales que evocan los más recientes sistemas operativos para móviles: WP8, iOS 7 y Android Jelly Bean. En la página principal se puede revisar la apariencia de cada elemento en los distintos OS.

3. iWebKit

iwebkit

Para crear sitios web y aplicaciones web para móviles que cualquiera, con apenas conocimientos de HTML, puede aprovechar al instante. Se sacrifican los mejores detalles visuales (empezando porque utiliza una versión antigua de iOS) pero a cambio se garantiza un alto rendimiento.

4. Sencha Touch

Sencha Touch

Todo el poder de HTML5 al alcance de cualquiera en la creación de webapps para iPhone, Android y BlackBerry, sistemas y dispositivos para los que presenta efectos optimizados y personalizados junto a compatibilidad con las diferentes caracterí­sticas de su software y hardware.

5. jQT (antes jQTouch)

jqt

Un plugin para jQuery para el desarrollo de apps visualizables especialmente en iOS y Android (con sus navegadores basados en WebKit). Es compatible con Zepto, mantiene detalles de iOS 5, cuenta con temas y también con extensiones. En este enlace puede verse en funcionamiento.

6. Ionic Framework

ionic2

Para crear aplicaciones hí­bridas que se instalan pero que funcionan con el poder de HTML5 y CSS3. Usa el framework AngularJS de Google como estructura así­ que en lo que realmente se enfoca es en ofrecer herramientas para el diseño de alta calidad. Hay varios ejemplos de apps creadas con Ionic.

7. The M Project

The M Project

HTML5, JavaScript y CSS3 se combinan en The M Project para lograr excelentes desarrollos para iOS, Android, Firefox, BlackBerry y equipos de escritorio, todo sin necesidad de aplicaciones nativas. Vale revisar su app de prueba como muestra de la enorme documentación de la que dispone.

Google ya permite portar las aplicaciones de Chrome a Android e iOS

Publicado el

por Fco. José Hidalgo

Chrome

Teniendo en cuenta que las aplicaciones de Chrome están desarrolladas en HTML, JavaScript y CSS, y que además se ejecutan fuera del navegador, ejecutándose por defecto sin necesidad de conexión a Internet, y teniendo acceso a una serie de APIs que no están disponibles para aplicaciones web, Google acaba de abrir las puertas para portar dichas aplicaciones para las plataformas móviles Android e iOS.

Según leemos en TNW, Google está ofreciendo una vista previa temprana para desarrolladores de un framework de desarrollo móvil de código abierto, basado en Apache Cordova, enfocado en la creación de aplicaciones móviles nativas en HTML, JavaScript y CSS. De esta manera, los desarrolladores pueden usar esta herramienta para incluir una shell de aplicación nativa para sus aplicaciones Chrome, pudiendo así­ distribuirlas a través de Google Play y de la App Store de Apple.

De esta manera, las aplicaciones de Chrome, que en la actualidad podemos disfrutar los usuarios a través de las plataformas Windows, Mac y Chrome OS, podrán llegar a estar disponibles en los dispositivos móviles, básicamente en las plataformas Android e iOS.

Sin duda cumplen con la promesa dada el mes pasado de poder llevar las aplicaciones de Chrome desde el escritorio a los dispositivos móviles mediante un kit de herramientas que permitan portar y desarrollar este tipo de aplicaciones cuya disponibilidad apuntaba a este mes de Enero. En este sentido, Google permite el desarrollo para empaquetar las aplicaciones nativas a través de dos flujos de trabajo, bien mediante la ejecución de la aplicación de Chrome en un dispostivo o un emulador mediante lí­nea de comandos o IDE, o bien mediante la herramienta de desarrollador de aplicaciones de Chrome para ejecutar la aplicación en un dispositivo Android sin necesidad de instalar SDK en la plataforma móvil o un IDE.

wpthemegenerator – Para crear temas para WordPress de forma visual

Publicado el

por Juan Diego Polo

Desde wpthemegenerator.com nos presentan este nuevo proyecto que, después de dos años de trabajo, permite a sus usuarios crear temas de wordpress arrastrando y definiendo el aspecto de sus muchos componentes disponibles.

[…] con una base de mas de 1000 elementos de diseño (menús, cajas, botones, sliders, etc…) puedes crear tu tema en segundos, cambiando todos los aspectos del diseño, (incluso subir tus propios elementos) puedes descargar tanto en wp como en xhtml/css, y el wp vendra cargado con un poderoso framework)

La versión gratuita permite bajar la versión html/css, teniendo que pagar una tarifa de 29 dólares anuales para obtener varios privilegios extras (bajar el tema completo creado es uno de ellos).

Una buena forma de ahorrar tiempo creando temas personalizados para una de las plataformas de gestión de contenidos más populares de los últimos años.

Zoey – ligero entorno de desarrollo para aplicaciones móviles

Publicado el

por Fco. José Hidalgo


Si estás desarrollando una sencilla aplicación para terminales móviles, en las que usarás una interfaz estándar, entonces debes de conocer el entorno de desarrollo Zoey que, basado HTML5 y CCS3 y construido sobre la libreria Zepto.js, supone un entorno de desarollo ligero, ya que comprimido ocupa tan sólo 6kb.
Zoey cuenta con los elementos gráficos más comunes, como herramientas de navegación, listas, botones, grupos de controles, formularios y cuadrí­culas. Es compatible con Android e iOS y viene con una estructura que cubre todas las caracterí­sticas.
Enlace: Zoey | Ví­a: WebResourcesDepot

Laker – Archivos, frameworks, consejos y estilos para trabajar con HTML5

Publicado el

por Juan Diego Polo


Si las noticias sobre el hundimiento del Flash os están empujando a buscar recursos relacionados con HTML5, no podéis dejar a Laker de lado.
Se trata de un paquete de recursos que podemos usar para:

– Distribuir nuestra publicación como una aplicación para dispositivos móviles. Las escalas de diseño se realizan de forma automática dependiendo del tamaño de la pantalla y la orientación.
– Ofrecer la posibilidad de cambiar de página facilmente (en el iPad y el iPhone).
– Hacer presentaciones.
– Incluir ví­deos y archivos de sonido, YouTube, imágenes, diseños de varias columnas y mucho más.
– No requerir servidor web.
– Crear revistas digitales, catálogos, presentaciones, encuestas, calendarios de conferencias, etc.

Con guí­as e instrucciones, podemos bajarlo de forma gratuita, aunque de momento parece estar más enfocado a dispositivos iOS.

Foundation – framework para crear sitios web flexibles a tamaños de pantallas

Publicado el

por Fco. José Hidalgo


En la actualidad, a la hora de desarrollar sitios web, hay que tener en cuenta tanto los tamaños de pantallas como los dispositivos donde van a ser visualizados. Es por ello que Zurb ha lanzado la versión 2.0 de Foundation, un framework de desarrollo que permitirá a los desarrollares web la creación de sitios web preparados visualizarse en cualquier tamaño de pantalla de cualquier dispotivo.
Este framework de CSS y Javascript cuenta con cuadrí­culas en la que ajustar los diseños web, botones, formularios, plantillas, etc, para que puedan empezar con desarrollos compatibles con los tamaños de pantallas de cualquier dispositivo, utilizando las últimas tecnologí­as web existentes.
Para que se puedan hacer una idea, ZURB tiene puesto a Soapbox como demostración, donde se puede acceder y variar el tamaño del navegador, adaptándose la página a los nuevos tamaños.
Enlace: Foundation | Ví­a: RWW

Look – Para crear nuestras propias aplicaciones de realidad aumentada

Publicado el

por Juan Diego Polo


Look! es un framework, creado en España, que nos permite programar aplicaciones de realidad aumentada de forma sencilla e intuitiva.
Aún en fase beta, ya nos permite, como anuncian en su web, crear gráficos en dos dimensiones, tres dimensiones e interacciones táctiles, así­ como localización en interiores, persistencia de datos, acceso a servicios remotos, etc.
Hecho para dispositivos Android, es de código abierto (Licencia GPL v3) y con capacidad de extensión.
Link: Look! | ví­a and.roid.es

jsfiddle – Un completo editor de código en la web

Publicado el

por Juan Diego Polo

Leyendo la trayectorio de jsfiddle.net en su blog oficial, podemos ver que no se trata de una herramienta creada en un fin de semana y sí­ de algo mucho más ambicioso.
Podemos editar código en html, css y JS, eligiendo incluso framework, de entre los disponibles en el sistema.
En su documentación lo definen como un «parque infantil para los desarrolladores web», una herramienta que puede utilizarse como un editor en lí­nea para crear fragmentos de HTML, CSS y JavaScript.

El código puede ser compartido con otros, incrustado en un blog, etc Con este enfoque, los desarrolladores de JavaScript pueden muy fácilmente aislar errores. Nuestro objetivo es apoyar a todos los marcos de desarrollo y ayudar con las pruebas de compatibilidad


Con varios ejemplos disponibles, lo he conocido dentro de una institución académica especializada, siendo, por lo visto, muy utilizado en este ámbito.

Plivo – Para integrar llamadas telefónicas en nuestras aplicaciones #framework

Publicado el

por Juan Diego Polo


Y ahora un recurso para los programadores que estén pensando en utilizar llamadas telefónicas en sus aplicaciones web.
Se trata de Plivo, un framework que puede ser usado para reconocer llamadas telefónicas (incluso desde Skype), enviar una petición al servidor y devolver un XML con un resultado personalizado, siendo así­ ideal para servicios automáticos de atención al cliente, ya que puede programarse la lectura de un texto o la ejecución de un mp3.
Según comentan en webresourcesdepot.com, tiene librerí­as para varios lenguajes de programación (Java, PHP, Python y Ruby), siendo construido bajo la plataforma de código libre freeswitch.org.
Un interesante recurso para los que estén trabajando en este tipo de sistemas.

Francesc Tovar nos explica cómo crearon su libro para iPad usando Baker ebook framework

Publicado el

por Francesc Tovar

Mi nombre es Francesc Tovar, soy responsable del departamento Web y Multimedia de la agencia de diseño catalana, Play Creatividad. Si tienes dudas sobre este articulo estaré encantado de responderlas. Puedes seguirme en Twitter o unirte a la página del libro en facebook.
Si os interesa el tema y queréis una invitación para instalar de forma gratuita el libro que mencionamos en el artí­culo, estamos sorteando 10 promo-codes entre los comentarios de este post realizados hasta el dí­a 09/04/2011 a las 20:00h de España.

El proceso para publicar un libro para iPad puede ser bastante complejo… si a esto le sumas el hecho de no haber publicado nunca una aplicación en la AppStore y no tener conocimientos de programación en objective-c, puede convertirse en un verdadero infierno.
Por suerte para mi, logré dar con Baker ebook framework, una herramienta para publicar ebooks en formato HTML5 que me ha permitido simplificar todo el proceso y publicar mi proyecto con éxito en poco tiempo. Además de ser un proyecto Open Source, dispone de una comunidad excelente y unos desarrolladores que trabajan constantemente para mejorarlo.
Espero que mi experiencia sirva para aclarar algunas dudas y dar a conocer esta fantástica herramienta.

¿Es Baker valido para mi proyecto?

Continúa leyendo «Francesc Tovar nos explica cómo crearon su libro para iPad usando Baker ebook framework»