Encontr una gran p¡gina web que le mostrar¡ c³mo se ve su sitio web en varios dispositivos a la vez. ¡Es genial! Sera muy ºtil asegurarse de que su sitio web se vea bien en dispositivos m³viles o tabletas.
Sitios webCenter: Mobility le permite crear sitios web para dispositivos m³viles. Este captulo describe c³mo crear, copiar y editar los activos y las navegaciones de los sitios de sus sitios web m³viles, as como c³mo obtener una vista previa y aprobar sus sitios web m³viles para varios dispositivos. Incluye las siguientes secciones:
La movilidad le permite crear sitios web m³viles para varios dispositivos m³viles, como iPhone, iPad, Samsung Galaxy y BlackBerry. Puede crear un nuevo sitio web m³vil de la misma manera que cree un sitio web predeterminado para computadoras de escritorio / port¡til. Para ayudar a reducir su esfuerzo y tiempo de entrega del sitio, WebCenter Sitios tambin le permite copiar los activos de cualquier sitio web existente para su sitio web m³vil. Puede obtener una vista previa de su sitio web m³vil para que sepa c³mo se ver¡ su sitio en las pantallas de dispositivos m³viles cuando se publique.
Por ejemplo, la Figura 13-1 muestra la vista previa del activo de la p¡gina "Surfing" para el sitio de muestra de AVISPORTS que se muestra en la pantalla del dispositivo m³vil iPad 3GS (representado por un activo de dispositivo), ya que se vera En la pantalla de un iPad 3GS real si se public³ la p¡gina.
Un sitio web m³vil, como su sitio web predeterminado para ver los dispositivos de escritorio / port¡til, est¡ representado por un nodo de plan de sitio en el ¡rbol del sitio de la interfaz de colaboradores de sitios de WebCenter. Por ejemplo, la Figura 13-2 muestra el ¡rbol del sitio en el sitio de muestra AVISPORTS.
Las consultas de los medios son increbles, una diancia para los desarrolladores de sitios web que desean hacer peque±os ajustes a sus hojas de estilo para dar una mejor experiencia para los usuarios en dispositivos de varios tama±os. Las consultas de medios esencialmente le permiten personalizar el CSS de su sitio dependiendo del tama±o de la pantalla. Antes de sumergirse en este artculo, obtenga m¡s informaci³n sobre el dise±o receptivo y consulte algunos ejemplos finos de las consultas de medios de uso aqu: MediaQueri. s.
A medida que Brad Frost se±ala en un artculo anterior, cambiar la apariencia es solo una de las muchas cosas a considerar al construir para la web m³vil. Si lo ºnico que hace cuando construye su sitio web m³vil es personalizar su dise±o con las consultas de medios, entonces tenemos la siguiente situaci³n:
No me malinterpretes. No odio el dise±o receptivo a travs de las consultas de los medios, y definitivamente creo que tiene un lugar en el mundo. Adem¡s, algunas de las cuestiones mencionadas anteriormente se pueden resolver con enfoques, como im¡genes receptivas, carga din¡mica de script, etc. Sin embargo, en un punto determinado, es posible que se encuentre haciendo demasiados ajustes incrementales, y puede estar mejor al servicio de diferentes versiones.
Como la UIS que crea un aumento en la complejidad, y usted gravita hacia WebApps de una sola p¡gina, querr¡ hacer m¡s para personalizar UIS para cada tipo de dispositivo. Este artculo le ense±ar¡ c³mo hacer estas personalizaciones con una cantidad mnima de esfuerzo. El enfoque general consiste en clasificar el dispositivo de su visitante en la clase de dispositivo correcto y atender la versi³n adecuada a ese dispositivo, mientras que maximiza la reutilizaci³n del c³digo entre las versiones.
Hay toneladas de dispositivos conectados a Internet por ah, y casi todos tienen navegadores. La complicaci³n se encuentra en su diversidad: computadoras port¡tiles de Mac, estaciones de trabajo de Windows, iPhones, iPads, telfonos Android con entrada t¡ctil, ruedas de desplazamiento, teclados, entrada de voz, dispositivos con sensibilidad a presi³n, relojes inteligentes, tostadores y refrigeradores, y muchos m¡s. Algunos de estos dispositivos son ubicuos, mientras que otros son muy raros.
Para crear una buena experiencia de usuario, debe saber quines son sus usuarios y qu dispositivos est¡n usando. Si construye una interfaz de usuario para un usuario de escritorio con un mouse y un teclado y d¡rselo a un usuario de telfono inteligente, su interfaz ser¡ una frustraci³n porque est¡ dise±ada para otro tama±o de la pantalla, y otra modalidad de entrada.
Este sitio web est¡ utilizando un servicio de seguridad para protegerse de los ataques en lnea. La acci³n que acaba de realizar activ³ la soluci³n de seguridad. Hay varias acciones que podran desencadenar este bloque, incluido el envo de una determinada palabra o frase, un comando SQL o datos mal formados.
En este artculo, UI Farm, una agencia de UI y UX, analiza el proceso que ha llevado a su nuevo flujo de trabajo para ofrecer soluciones web modernas. Al aplicar un uso sostenible y a prueba de futuro del dise±o web sensible, la granja de la UI logran sitios web de dispositivos multipactores en un entorno ¡gil.
Diversi³n de los objetos de sincronizaci³n, los secuenciadores y el movimiento compartido para sincronizar mil telfonos m³viles para convertirse en parte del espect¡culo. Hecho por la escuela secundaria David McAllister para un evento en una escuela secundaria en California. Buen trabajo David!
ninguno
