sábado, 13 de octubre de 2012

Cristalab

Cristalab


Depura páginas en diferentes dispositivos con Adobe Edge Inspect

Posted: 13 Oct 2012 02:53 PM PDT

Siguiendo la presentación de las novedades mostradas por Adobe en el Tour "Create the Web" tenemos Adobe Edge Inspect. Una aplicación que nos permite controlar y testear de forma remota nuestras páginas optimizadas para dispositivos móviles (iPhone, iPad, Kindle, o cualquier smartphone/tablet con Android).

El sistema que utiliza es una sincronización este el ordenador y el dispositivo móvil que hace que cualquier modificación de código HTL o CSS que realicemos en el documento desde nuestro ordenador se visualice automáticamente en el dispositivo, sin necesidad de actualizar el fichero en el servidor y tener que refrescar el navegador.

La aplicación permite sincronizar varios dispositivos a la vez (aunque la versión gratuita solo permite uno), lo que nos permite realizar cambios en el documento y visualizarlos automáticamente en todos ellos. Lo que agiliza de manera muy considerable el desarrollo de sites adaptados a diferentes resoluciones de pantalla.

Para poder trabajar con Edge Inspect, aparte de tener instalada la aplicación (que podemos descargar de forma gratuita desde Adobe Creative Clound) necesitamos tener instalada una extensión para Chrome. También necesitaremos tener instalada una aplicación nativa en nuestro dispositivo.

En los siguientes enlaces podemos descargar estos requisitos:


Para mostrar el funcionamiento ejecutaremos la aplicación Adobe Edge Inspect y abriremos cualquier página en el navegador. Por ejemplo la página de la guía de instalación de Adobe Edge. Teniendo la extensión instalada veremos el icono de Adobe Inspect en la barra de extensiones de Chrome.



El siguiente paso será ejecutar también la aplicación de Adobe Edge Inspect en nuestro dispositivo. En este caso yo voy a utilizar mi iPhone.

Al tener las dos aplicaciones abiertas veremos que Inspect crea el vinculo entre ambas. Hay que tener en cuenta que para que se genere el vinculo todas las conexiones se han de realizar desde la misma red.



Desde Chrome tambien puedo ver que estoy conectado a mi iPhone.



Ahora, para ver Inspect en acción, pulsaremos en el icono de código "<>" situdo a la derecha del nombre de la conexión, lo que nos abrirá una ventana de Debug que nos mostrará todas las páginas web que tenemos abiertas en el navegador.



Pulsando en el enlace iniciaremos la sincronización de la página en todos los dispositivos conectados.



Podremos comprobar que en este caso, visualizo la misma página dentro del iPhone.



Si cambiando a la pestaña "Elements" veremos el código HTML y CSS de la página web.



Esta visualización nos permite navegar a través del código fuente de la página seleccionando tags y propiedades. Por ejemplo seleccionaré la división que contiene el bloque de texto del documento.



Esta selección queda reflejada automaticamente en el iPhone mostrándonos las dimensiones de la división y los márgenes o paddings.



Tambien nos permite modificar parámetros dentro de los estilos del documento CSS. Por ejemplo modificaré el ancho del margen izquierdo.



Esta modificación se refleja automaticamente en el iPhone.



De la misma manera podemos modificar el código HTML, por ejemplo las dimensiones de la imagen.



Y todos los cambios se irán visualizando sin necesidad de actualizar el fichero o refrescar ninguna ventana de navegador en ninguno de nuestros dispositivos.



Esta es sin duda una herramienta que será imprescindible cuando queramos crear sitios con un diseño adaptable (responsive design).

Enviar comentario

Switching y conectividad IP en Redes

Posted: 20 Sep 2012 09:13 AM PDT

Aprenderemos cuáles son las primeras características a tener en cuenta, para la selección de los dispositivos que van a ser incorporados dentro de nuestra Red jerárquica y cómo debemos realizar un estudio de los puntos críticos de tráfico, además de otros atributos y elementos específicos, para lograr posteriormente realizar una gestión eficiente de nuestra Red.

Comenzaremos viendo una presentación sobre estas consideraciones y otras no menos importantes, para tener en cuenta a la hora de obtener Switches, que encajen de forma correcta en las necesidades de las diferentes áreas de la topología, mientras estudiamos los conceptos relacionados para esta tarea, como el flujo de tráfico, la áreas de usuarios y la localización de servidores específicos.

Para terminar, aprenderemos a configurar la conectividad IP de en nuestros Switches, gracias a la asignación de direccionamiento en una interface, que posibilitará el acceso remoto para configuración y gestión del dispositivo.



Saludos.

Enviar comentario

Transiciones de filtros en After Effects

Posted: 28 Jul 2009 05:00 PM PDT

Aprenderemos a usar transiciones de filtros en Adobe After Effects sobre animaciones complejas, composiciones anidadas y edición gráfica de las animaciones creadas.

No hay comentarios:

Publicar un comentario