Lo nuevo en Adobe Dreamweaver CS5.5
Escrito por Revista NeoPixel Martes, 12 de Abril de 2011 18:58
Como veníamos mencionando en artículos anteriores, Adobe lanzó hace unos días la actualización de su suite CS5 a CS5.5 teniendo mejoras en productos como InDesign, After Effects, Flash y Dreamweaver entre otros.
Hablando específicamente de Dreamweaver CS5.5, la actualización a esta nueva versión muestra características orientadas principalmente a desarrollar y publicar proyectos en diferentes plataformas, formatos y dispositivos. A continuación mencionamos algunas de ellas:
CSS3, HTML5 y Multiscreen Preview
Una realidad en el diseño para dispositivos móviles es que, aunque ya la mayoría o todos estos gadgets tienen la capacidad de conectarse a internet, siempre es un dolor de cabeza para los diseñadores el ver como en cada uno de los dispositivos el diseño cambia y se ve muy diferente a como fue concebido. Si de por si ya es un reto que el diseño de interfaces funcione y se vea de la misma manera en todos los navegadores, es aún más complicado tener que ajustarlos para que se vean en teléfonos, tabletas u otros dispositivos. Ahora en Dreamweaver CS5.5 con CSS3 y Media Queries la herramienta nos permite asignar archivos CSS3 específicos dependiendo del dispositivo en que se vaya a ver el sitio.
Para esto el panel o pantalla Multiscreen Preview, nos permite visualizar los tres formatos más populares para desarrollo que existen: Desktop o navegadores, Phone (teléfonos) y Tablet (como el iPad). El panel nos muestra 3 vistas y en cada una de ellas tendremos una idea clara de cómo se vería el diseño en cada dispositivo.
Al abrir el panel veremos todas las vistas de nuestro sitio iguales, sin embargo podremos utilizar las opciones o botones Media Queries para asignar un archivo CSS nuevo o existente a cada de las vistas y así detallar el diseño de la interfaz específicamente como tu lo queramos, siempre y cuando usemos o compartamos el mismo archivo HTML.
Multiscreen Preview lo encontraremos con tres resoluciones por default, sin embargo puedes customizar o agregar nuevos tamaños y especificaciones que se adapten a las necesidades de tu diseño.
Cabe hacer la aclaración de que el panel Multiscreen Preview ya había sido introducido en la aplicación desde en la actualización 11.0.3 (Dreamweaver HTML5 Pack) el año pasado, sin embargo en esta versión ha sido mejorado y pulido en sus funciones.
Aplicaciones nativas para móviles (iOS y Android) con PhoneGap.
Ahora es posible construir aplicaciones nativas para Android y iOS (para Mac) utilizando HTML, CSS y Javascript. Mediante el framework de PhoneGap podemos generar aplicaciones basadas en HTML en aplicaciones nativas, en lugar de tener que re-escribirlas o desarrollarlas desde cero.
Entre otras características que encontramos en esta versión CS5.5 encontramos la posibilidad de validar nuestros documentos HTML con el servicio de Live W3C Validation Service directamente desde el programa. Encontramos también una grán integración con jQuery, una de las blibliotecas de código de Javascript permitiendo agregar interactividad a nuestros sitios.
RSS feed Comments
Algunos programas como illustrator aun siguen esperando.