La compañía Adobe pone a tu disposición Adobe Edge, una nueva plataforma de desarrollo de webs que aprovecha los últimos avances en HTML y hojas de estilo.

Las últimas innovaciones en materia de estándares web como HTML5, CSS3 o las nuevas versiones de JavaScript, están logrando reducir drásticamente el tiempo y el esfuerzo necesario para el desarrollo y la creación de webs ricas en gráficos, textos y animaciones. Usando las capacidades del HTML5 ya no es necesario escribir código para incrustar contenido multimedia en la web, mientras que CSS3 permite una mayor flexibilidad, robustez y facilidad de manejo sobre los elementos de la interfaz de usuario.

Consciente de estos importantes avances, la compañía Adobe ha lanzado Adobe Edge, una plataforma que aprovecha el máximo de estos estándares. Está dirigido a diseñadores web, gráficos y de interacción ya acostumbrados al trabajo con ellos. Todas las herramientas fundamentales para crear, editar, modificar o diseñar elementos de una interfaz web. Hay que recalcar que no nos obliga a empezar un nuevo proyecto desde cero, sino que permite importar archivos HTML e incluir nuevos elementos o jugar con los ya existentes.

ejecutar

La pantalla principal se divide en tres secciones. La barra lateral izquierda sostiene las herramientas de composición de la interfaz de usuario seleccionada, la barra lateral derecha contiene los principales elementos de la interfaz gráfica, como efectos de sombra, imágenes, texto... La parte inferior dispone el editor de tiempo para la creación de animaciones.

ejecutar

El panel de elementos te permite mostrar u ocultar los elementos seleccionados y bloquearlos para evitar una edición accidental. Cuando seleccionas un elemento en la pantalla principal es resaltado inmediatamente en el panel de elementos, haciendo más fácil ocultarlo o bloquearlo. Si pasas el puntero del ratón por la lista de elementos te informa sobre la clase con el nombre, de forma que puedas identificarlo fácilmente en el archivo CSS.

ejecutar

El panel de propiedades del lado izquierdo muestra herramientas de composición para los elementos de la UI seleccionados de tu web. Una vez seleccionado puedes cambiar su posición y tamaño, opacidad, fuente de texto, estilos, rotaciones...

ejecutar

El editor de tiempo te permite ver la línea de tiempo de cada elemento animado. Si tratas con archivos CSS de gran tamaño utiliza el botón filtro para mostrar sólo los elementos animados y poder así editar rápidamente su posición, color, tamaño... En la parte inferior izquierda del panel tienes el botón de zoom con el que aumentar la línea de tiempo para comprobar los tiempos asignados y los efectos de transición de los elementos animados.

Además de crear contenido compatible con los principales navegadores del mercado, Adobe Edge es capaz de trabajar también en plataformas iOS y Android. En definitiva, si eres usuario de Windows Vista o Windows 7, los sistemas operativos compatibles, lánzate a probar la aplicación

Fuente: Addictive Tips

Relacionados

Nos encanta escucharte ¿Nos dejas tu opinión?