iPhone aplicaciones web, plantillas, marcos?[cerrado]

StackOverflow https://stackoverflow.com/questions/8756

Pregunta

¿Alguien tiene alguna buenos puntos de partida para mí al mirar de hacer páginas web/sitios/aplicaciones específicamente para su visualización en el iPhone?

He mirado en las plantillas como la que Joe Hewitt ha hecho, y también se observan algunas de las plantillas que puedo comprar, que no he hecho todavía.

Pensé que alguien más ya había comenzado en esta pista y decidió que probablemente podría sanguijuela en sus nuevos conocimientos :)

Así que, ¿alguien tiene alguna sugerencia?Estoy bien consciente de que el problema que más de una plantilla/marco de una aplicación web mirada como un nativo de la aplicación de iPhone, más probable es que me voy a meter en problemas, porque simplemente no lo es, pero por ahora quiero un marco que puede comenzar a construir en y, a continuación, en el proceso de averiguar cómo hacer que sea distintivo suficiente para ser percibido como una aplicación web, así como el aspecto de una aplicación nativa del iPhone.

Específicamente estoy buscando características como:

  • las hojas de estilo, o punteros a cómo hacer para iPhone
  • voltear la animación, es decir,.elegir un elemento de una lista, la lista se desplaza fuera de la vista a la izquierda y a la información para el elemento se desplaza desde la derecha
  • la animación tendría que trabajar con páginas dinámicas, es decir,.no sólo una gran página que ha divs para cada sub-tema, en el que al menos una de esas marco había como una especie de quick fix, yo tendría que tener un elemento de lista de picking, carga de la página para ese elemento y, a continuación, cuando se carga, desplácese a ella

Editar:Para evitar a la gente con solo leer la pregunta y respuesta antes de leer mi otra respuesta, voy a añadir mi aclaración de la GPL licencias y cuestiones similares aquí.

El marco necesito usar no puede ser distribuido bajo una licencia que requeriría me la licencia de mi propio proyecto bajo una licencia similar.La GPL de la familia de licencias permite excepciones en relación con el uso de la biblioteca, pero esto no aplica para esta dado por la necesidad, el tipo de marco que iba a necesitar a utilizar sería todo el código fuente.

El proyecto puede fácilmente acomodar librerías comerciales.

También, no necesito un biblioteca o un marco como tal, los archivos de ejemplo que se ven bien y no son demasiado ofuscado sería bienvenida así.

¿Fue útil?

Solución

He encontrado iphone-el universal en Google Code el otro día.No ha tenido oportunidad de probarlo, pero parece prometedor.

Otros consejos

jQtouch se ve excelente.

El iiu biblioteca, originario de Joe Hewitt, sería un buen lugar para empezar.La biblioteca es BSD, la licencia y no tiene restricciones comerciales.

Tienes razón en asumir iphone-el universal no es una opción para usted, su realidad bajo licencia Affero GPL que desencadena la cláusula de distribución simplemente por el acceso al software a través de una red que es bastante diferente a la estándar de la GPL.

Actualmente estoy buscando en http://webapp.net.free.fr/.Echa un vistazo a la demo aquí.En comparación con los otros de los marcos mencionados, tiene las siguientes ventajas:

  • Bajo desarrollo activo
  • Usuario activo de la comunidad
  • Tiene una licencia abierta, libre de distribuir como siempre que incluya el derecho de autor/descargo de responsabilidad

El último punto fue realmente el ganador para mí.Estoy buscando en la construcción de algo que va a estar incluido en un producto comercial, por lo que los otros marcos como el iphone-universal y iwebkit (tanto GPL) no eran opciones.

QuickConnectiPhone es LGPL así que usted puede utilizarlo de la manera que usted desea.Se tiene una costumbre de Dashcode proyecto que incluye los archivos necesarios.Es altamente modular.Incluso compilar tu código JavaScript, HTML y CSS en un instalable de la aplicación si se desea.

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

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

Trate de iwebkit

http://iwebkit.net

Aquí está una demostración:

http://m.iwebkit.net

Este se ve bueno, pero por desgracia se está licenciado bajo GPLv3, así que estoy un poco de miedo empezar a buscar en ese código.El marco que necesita para encontrar, o desarrollar, si es necesario, debe ser capaz de ser utilizado como parte de un programa comercial, sin tener la licencia del programa completo diferente.Librerías comerciales están bien, no he encontrado ninguna que puedo demo sin embargo, presumiblemente porque me podía luego robar todo el código, si yo quería.

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

Editar:Aclaración.Yo estaría bien con la necesidad de compartir el código fuente de la web framework parte para el iPhone, si alguien la quiere, pero a partir de este marco de trabajo es toda la fuente, me temo que la incorporación de bits en una aplicación web existente (para hacer una la piel para el iPhone), me gustaría estar haciendo en toda la web de la aplicación responsable de la licencia GPL, la cual está totalmente fuera de la cuestión.Incluso compartir todos los archivos relacionados con el iPhone páginas está fuera de la cuestión, ya que contienen código propietario.

He estado jugando con iiu, y parece bastante buena, pero para ser honesto no he mirado el modelo de concesión de licencias, así que no tengo idea de qué es.Es muy simple y sencillo, y funciona bien con ASP.NET MVC.

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

ACTUALIZACIÓN

También puede utilizar saurik del.No tiene todas las características que usted dijo que usted quería, pero voy a tratar de ver cómo llevarlas a la práctica.También, usted dijo que quería construir sobre ella.Para una demostración (saurik se llevó el real de buena parte de cydia.saurik.com) puede utilizar mina en mi otro sitio.Para evitar la transferencia de todas las imágenes, sólo tiene que añadir esta en el encabezado:

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

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

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

menutouched.png es aquí:

Esta función en js diapositivas de la página.Es a partir de Joe Hewitt iiu proyecto:

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 la carga de la página siguiente, usted podría tratar de algo así como la ejecución de un de la ventana.ubicación con un retraso.El momento es hasta usted sin embargo.

Usted también necesidad agregar 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;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top