iPhone aplicaciones web, plantillas, marcos?

Question

¿Alguien tiene algún buen punto de partida para mí al buscar hacer páginas web/sitios/aplicaciones específicamente para ver en el iPhone?

He visto plantillas como la que ha hecho Joe Hewitt, y también he visto algunas plantillas que puedo comprar, que aún no he hecho.

que pensé que alguien ya había comenzado en esta pista y decidió que probablemente podría sanguijuela en su recién descubierto conocimiento :)

Así que, ¿alguien tiene alguna punteros? Soy muy consciente del problema de que cuanto más plantilla/marco hace que una aplicación web se vea como una aplicación nativa de iPhone, es más probable que me meta en problemas porque simplemente no es así, pero por ahora quiero un marco en el que puedo comenzar a construir, y luego, en el proceso, descubrir cómo hacerlo lo suficientemente distintivo como para ser percibido como una aplicación web y como una aplicación nativa de iPhone.

Específicamente estoy buscando características como:

• hojas de estilo creados, o punteros a cómo hacerlas para iPhone
• intercambio de páginas de animación, es decir. seleccione un elemento en una lista, la lista se desplaza fuera de la vista hacia la izquierda y la información para el elemento se desplaza desde la derecha
• la parte de animación debería funcionar con páginas dinámicas, es decir. no solo una gran página que tiene divs configurados para cada subartículo, que al menos uno de esos marcos tenía como una solución rápida, necesitaría tener el picking de elementos de la lista cargando la página para ese artículo, y luego cuando cargado, desplácese hasta él

---

Editar: para evitar que la gente que lee solamente la pregunta y respuesta, antes de leer mi otra respuesta, voy a añadir mi aclaración de las licencias GPL y cuestiones similares aquí.

El marco que necesito utilizar no se puede distribuir bajo una licencia que me exigiría licenciar mi propio proyecto bajo una licencia similar. La familia de licencias GPL permite excepciones con respecto al uso de la biblioteca, pero esto no se aplicará a esto ya que, por necesidad, el tipo de marco que necesitaría usar sería todo el código fuente.

El proyecto puede acomodar fácilmente bibliotecas comerciales.

Además, no necesito una biblioteca o un marco como este tipo de archivos, el ejemplo que se ven bien y no son excesivamente ofuscado sería bienvenido también.

Answer 1

Encontré iphone-universal en Google Code el otro día. No he tenido la oportunidad de probarlo, pero parece prometedor.

Answer 2

Este parece bueno, pero desafortunadamente está siendo licenciado bajo GPLv3, así que estoy un poco asustado de empezar a buscar ese código. El marco que o necesito encontrar, o desarrollar si es necesario, debe poder usarse como parte de un programa comercial, sin tener que licenciar todo el programa de manera diferente. Las bibliotecas comerciales están bien, pero aún no he encontrado ninguna demo que pueda, presumiblemente porque podría robar todo el código si quisiera.

Supongo que voy a buscar más, gracias por el enlace.

Editar: Aclaración. Estaría bien con el requisito de compartir la fuente de la parte del marco web para el iPhone, si alguien lo quisiera, pero como este marco es todo fuente, me temo que incorporar partes de él en una aplicación web existente (para hacer un piel para iPhone), estaría haciendo toda la aplicación web responsable de la licencia GPL, lo cual es totalmente imposible. Incluso compartir todos los archivos relacionados con las páginas de iPhone está fuera de discusión, ya que contendrán un código de propiedad.

Answer 3

He estado dando vueltas con iUI, y me parece bastante bueno, pero para ser sincero, no he analizado el modelo de licencia, así que no tengo idea de qué se trata. Es muy sencillo y directo, y funciona bien con ASP.NET MVC.

Answer 4

El iUI library, originalmente de Joe Hewitt, sería un buen lugar para comenzar. La biblioteca tiene licencia BSD y no tiene restricciones comerciales.

Tiene razón al suponer que iphone-universal no es una opción para usted, en realidad está licenciado bajo Affero GPL que activa la cláusula de distribución simplemente accediendo al software a través de una red que es bastante diferente a la GPL estándar.

Answer 5

QuickConnectiPhone es LGPL para que pueda usarlo como desee. Tiene un proyecto personalizado de Dashcode que incluye los archivos necesarios. Es altamente modular. Incluso le permitirá compilar su JavaScript, HTML y CSS en una aplicación instalable si lo desea.

http://sourceforge.net/projects/quickconnect/

Para más información usted podría mirar a http://tetontech.wordpress.com

Answer 6

Trate iWebkit

http://iwebkit.net

He aquí una demostración:

http://m.iwebkit.net

Answer 7

Actualmente estoy buscando en http://webapp.net.free.fr/. Mira la demostración here. En comparación con los otros marcos mencionados, tiene las siguientes ventajas:

• bajo desarrollo activo
• comunidad de usuarios activa
• tiene una licencia abierta, libre de distribuir, siempre y cuando incluya los derechos de autor/descargo de responsabilidad

El último punto fue realmente el ganador para mí. Estoy buscando construir algo que se incluya en un producto comercial, por lo que los otros frameworks como iphone-universal e iwebkit (ambos GPL) no eran opciones.

Answer 8

jQtouch se ve excepcional.

Answer 9

Echa un vistazo iWebkit 6. Sólo funciona en iOS 5, aunque :(.

ACTUALIZACIÓN

También puede utilizar saurik's. No tiene todas las características que usted dijo que quería, pero voy a tratar de ver cómo implementar ellos.Además, dijiste que querías construir sobre eso. Para una demostración (saurik eliminó la buena parte de cydia.saurik.com) puede usar mine en mi otro sitio. Para evitar la transferencia de todas esas imágenes, sólo tiene que añadir esto en la cabecera:

<link rel="stylesheet" type="text/css" href="http://cache.saurik.com/menes/style.css" />

también, añadir esto a tu CSS:

body > panel > fieldset > div > a: hover { 
background-image: url('menutouched.png') 
} 

menutouched.png está aquí:

Esta función en js desliza la página. Es a partir de proyectos iUI de Joe Hewitt:

function swipePage(fromPage, toPage, backwards) 
{ 
toPage.style.left = “100%”; 
toPage.setAttribute(“selected”, “true”); 
scrollTo(0, 1); 
var percent = 100; 
var timer = setInterval(function() 
{ 
percent += animateX; 
if (percent <= 0) 
{ 
percent = 0; 
fromPage.removeAttribute("selected"); 
clearInterval(timer); 
} 
fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%"; 
toPage.style.left = (backwards ? -percent : percent) + "%"; 
}, animateInterval); 
} 

Para cargar la página siguiente, usted podría intentar algo así como la ejecución de un window.location con un retraso. Sin embargo, el tiempo depende de ti.

También necesidad añadir esto a tu CSS:

body { 
-webkit-tap-highlight-color: rgba(0,0,0,0); 
-webkit-user-select: none; 
-webkit-text-size-adjust: none; 
-webkit-touch-callout: none; 
}