Atajos básicos de teclado en DW

Siempre existen atajos de teclado que nos hacen la vida más facil. ¿Cuáles son tus favoritos en Dreamweaver?

Mis 5 atajos básicos son los siguientes:
F4: Cambiar a pantalla completa: te permite cerrar todos los paneles y es ideal cuando vás a trabajar en el código directamente.
F6: Congelar JavaScript: Otra imprescindible cuando realizas vistas en vivo de páginas que utilicen ajax: Permite ‘congelar’ la ejecución de scripts, de manera que se puede ver de forma muy sencilla qué partes del código original han cambiado (por ejemplo, qué estilos css se han aplicado a determinado elemento)
F12: Vista previa en el navegador principal; utiliza ctrl+F12 para utilizar el navegador secundario.
ctrl+T: Selecciona un objeto en vista diseño, pulsa ctrl+T una vez y tendrás acceso al código html del mismo; púlsalo de nuevo y podrás enolver la selección con la etiqueta que quieras. El segundo paso es ideal cuando tienes elementos anidados que hacen dificil a veces averiguar dónde terminan.
ctrl+Espacio: abrir la ayuda al código, que siempre viene bien!

CSS para diferentes medios

Otro de los ejemplos mostrados en Adobe Hispano fue la posibilidad de asignar diferentes estilos según el medio al que va dirigido el contenido.

En el ejemplo mostramos cómo el mismo documento cambia de apariencia dependiendo de si se está mostrando en pantalla o si va a ser imprimido, utilizando para ello el atributo media en la etiqueta link:

Descargar archivo de ejemplo

Fuente:http://www.dwug.es/go/486

Valores por defecto del navegador

Éste el primer ejemplo de lo que vimos en Adobe Hispano. Se trata de comprobar los valores por defecto que el navegador asigna a la apariencia de los elementos del documento.

Un problema muy habitual es no conseguir que un determinado elemento no se ajuste exactamente a la posición que deseamos, y la causa más habitual es que no hemos definido alguno de los atributos (sobre todo margin y padding), por lo que el navegador asigna los suyos propios que no tienen por qué coincidir con los que nosotros esperemos que sean.

Descargar Ejemplo de valores por defecto

(Nota: los ejemplos que vayamos subiendo serán “autoejecutables”: no necesitarás definir un sitio en DW para poder seguirlos)

Fuente: http://www.dwug.es/go/485

Imágenes de fondo en Tablas con CSS y HTML validable

Varios usuarios de la versión CS4 de Dw han mostrado su sorpresa por no poder aplicar desde el inspector de propiedades imágenes de fondo a tablas y/o celdas.

La explicación es sencilla: Dreamweaver sigue siendo fiel a los estándares y éstos dictan que para dichas tareas se utilice CSS en lugar del ya desparecido atributo “background”.

Para facilitar la migración, hemos creado una breve demo que muestra los pasos a seguir ahora: No es el mejor de los ejemplos en lo que se refiere a buenas prácticas (CSS insertado en vez de enlazado), pero hemos intentado que sea lo más sencillo posible para facilitar la migración a los usuarios noveles y que aprendan los pasos a seguir a partir de ahora no sólo para este atributo, sino para muchos otros ya desaparecidos oficialmente (aunque los navegadores lo soporten por el eterno conflicto de compatibilidad vs buenas prácticas) en beneficio de las hojas de estilo.

Ver la demo

Fuente: http://www.dwug.es/go/481

Web Widgets en Dreamweaver

El pasado día 15 de Octubre se publicó en Adobe Labs la primera beta pública del Widget Packager. Una extensión para Dreramweaver que permite empaquetar widgets creados con cualquier framework y convertirlos en extensiones listas para ser usadas. Te explicamos algunos conceptos básicos para que entiendas cómo funcionan.

Es muy probable que todos los que hayáis utilizado algún framework de AJAX (Spry, JQuery, YUI, MooTools, Prototype…) habréis utilizado un widget en vuestro proyecto: son sencillamente esos fragmentos de código que nos permiten de forma rápida añadir elementos como un calendario, una navegación por pestañas, efectos…

Dreamweaver posee por defecto una colección de ellos que utilizan spry, sin embargo no estamos limitados al uso de este framework para utilizar widgets.

Gracias al Widget Packager, podemos añadir al insertbar widgets que utilicen otros frameworks, de manera que podamos utilizarlos (nosotros y otros usuarios) con un solo click de ratón.

Los pasos a seguir son bastante sencillos:

• Creamos una carpeta donde incluyamos todos los archivos de los que haga uso el widget (JavaScript, CSS)
• En dicha carpeta, crearemos un archivo xml con la extensión *.wdf (widget descriptor file) donde definiremos los parámetros y características de dicho widget. La sintaxis empleada es una implementación de la Open Ajax Alliance (OAA) Widget Metadata Specification.
  Podréis encontrar el listado de etiquetas soportadas y su descripción en la Guía para desarrolladores. Yo todavía me la estoy leyendo, así que de momento no puedo explicar todas las etiquetas 8-(
• Instalaremos la extensión Widget Packager en Dreamweaver. Es recomendable leer antes nuestra technote sobre instalación de extensiones en CS4.

Esta extensión añadirá un nuevo elemento a nuestro menú ‘Commands’: Package Web Widget.

• En la ventana emergente sólo tendremos que indicar la ruta al archivo wdf y activar la casilla ‘install extension’ si queremos que se nos incluya al terminar en nuestra lista de extensiones:
  
• Al terminar el empaquetado, habremos obtenido un archivo mxp listo parar ser usado por cualquier otro usuario de Dreamweaver

Como podéis ver, el proceso es bastante similar al empaquetado de extensiones normales (el archivo wdf se parece a un archivo mxi), pero algo más sencillo (no hay que crear la interfaz ni documentos edml, por ejemplo).

En cualquier caso, siempre es más sencillo aprovechar los widgets creados por terceros: En vez de fabricarlos tú, visita la sección de Adobe Exchange dedicada a los web widgets, descárgate los que te interesen e instálalos utilizando el Extension Manager (de nuevo, recuerda nuestra technote!)

Fuente: http://www.dwug.es/go/465

Monetiza tus aplicaciones desarrolladas en Flash Platform

Los desarrolladores a menudo distribuyen sus juegos o aplicaciones, mediante su inclusión en los distintos portales que se dedican al tema. Este enfoque es eficaz, pero se pierde la posibilidad de llegar a los usuarios a través de redes sociales y dispositivos móviles.

Con la Plataforma Adobe Flash hay un nuevo servicio que permite a los anunciantes y editores de contenido promover, medir y monetizar aplicaciones sobre diferentes redes sociales, sistemas de escritorio y dispositivos móviles.

Distribution Manager es una aplicación (hecha en Adobe AIR) que hace parte de la Plataforma y que permite llevar a cabo una estrategia de distribución general, unificada en la Web y las redes móviles. Además, permite rastrear su distribución y conocer el comportamiento de los usuarios para con su aplicación. La Empresa Gigya que provee la plataforma, tiene una de las mayores redes de distribución de contenido en el mundo con más de 250 millones de usuarios únicos.

Una de las mayores ventajas, entre varias en realidad, es la creación de un menú “share” que permite la distribución viral gratuita al habilitar la función compartir en las distintas redes sociales.

La monetización se realiza mediante el ad-hosting, o sea, tanto el que hace publicidad como el desarrollador pueden ganar dinero. Los ingresos varían en función de cuántos usuarios integran la aplicación en sus páginas y el rendimiento de los anuncios alojados en su aplicación. Una aplicación típica gana, según las tasas de CPM, un estimado de 5 dólares EE.UU. o más. Por su parte Adobe cobra aproximadamente un dólar por cada aplicación que es instalada.

Fuente: http://www.garageflash.com/monetiza-tus-aplicaciones-desarrolladas-en-flash-platform/

Más de 6 mil videos para aprender: Adobe TV 3.0

Hace unos meses se celebró por todo lo alto el lanzamiento de Adobe TV 3.0 con importantes mejoras en cuanto a usabilidad, obviamente, para el orgullo de toda la comunidad de Adobe. Adobe TV es un canal de televisión online que brinda una amplia y actualizada información sobre los productos de la compañía, además de ofrecer interesantes tutoriales y ejemplos que pueden servir de inspiración. Lo mejor de todo, es completamente gratis.

Mediante la implementación del Adobe Media Player tienes la posibilidad de ver los videos sin estar conectados a internet. Su catálogo cuenta actualmente con más de 6.000 ejemplares en 4 idiomas y se actualiza diariamente.

El sitio cuenta con un diseño sobrio y su navegación es totalmente intuitiva, lo que compensa el hecho de que solo esté disponible en inglés. Entre el software utilizado para desarrollar este proyecto está: Cold Fusion 9, Cold Fusion Builder, Flash Media Server y Flash Player.

Puedes acceder a una cuenta personalizada usando tu Adobe ID (si no la tienes ya va siendo hora) para poder suscribirte a algún canal, guardar videos, e incluso insertarlos en tu blog o página web.

Nos interesa mucho conocer tu opinión sobre este tema, puedes dejar tus observaciones en los comentarios que convertiremos en feedback para la compañía.

Gestiona proyecto con Workflow de Adobe

Workflow Lab, la aplicación de escritorio de Adobe que permite gestionar los flujos de trabajo de un proyecto, ahora tiene una nueva versión beta especialmente recomendada para diseñadores y desarrolladores que deseen gestionar sus proyectos a un mayor nivel.

Esta versión contiene nuevas características que fueron, en su mayoría, ideas recopiladas de la propia comunidad de usuarios de Adobe, mediante los post publicados en sus blogs y sus twitts sobre el tema. La propiedad principal que se ha añadido a Workflow Lab beta es la posibilidad de asociar un enlace a un ítem, lo que resulta especialmente útil para agregar recursos externos a la documentación del proyecto.

Lamentablemente esta en una versión anterior de Adobe AIR 2.0, así que si la tienes instalada, como me pasó a mi, tendrás que regresar a la anterior versión. Esperemos que la gente de Adobe ya esté solucionando este inconveniente.
Así que ya puedes empezar a descargar la versión beta de Workflow Lab

Fuente: http://www.garageflash.com/gestiona-proyecto-con-workflow-de-adobe/

Ayuda a Chile

Quiero hacer eco al post que publicaron en Riactive sobre una forma de apoyo/ayuda para nuestros amigos en Chile:

Disculpen que nos salgamos un poco de la línea habitual de este blog, pero queríamos mandar un mensaje de apoyo a una de nuestras comunidades hermanas el MMUG Chile. Seguramente a estas alturas más de uno estará enterado de la tragedia ocurrida en ese país y cuando este tipo de cosas ocurren nos preguntamos ¿y yo que estoy a cientos de km que puedo hacer? pues nuestro amigo Luis manager del AUG chileno nos ha recomendado la siguiente liga que compartimos con ustedes.

Y por último que mejor que un extracto de las palabras de Luis Felipe para darle un poco más de sentido a estas palabras…
“La parte seria fue un poco más al sur, pueblos enteros desaparecidos y todavía incomunicados, si no fuera mucho con el terremoto de 8.8, el Tsunami terminó de barrer pueblos costeros que simplemente ya no están en el mapa. El problema de un país largo y flaco es que todo depende de una sola gran carretera que quedó cortada en varios tramos, por lo que el viaje al sur con ayuda es bastante difícil y accidentado.”

Si conocen otras formas de apoyo para con la población en Chile, dejenla en los comentarios!

Saludos para nuestros amigos del grupo de usuarios de Adobe en Chile!, nuestros mejores deseos.

Fuente: http://www.garageflash.com/ayuda-a-chile/

Novedades en Adobe AIR 2.0

Hace unas semanas fui invitado por el Adobe User Group Live Data en México a dar una pequeña conferencia sobre Adobe AIR 2.0 y que mejor oportunidad para no solo hablar de ese tema, sino a la vez para presentar las novedades que vienen en la última versión que ya está disponible en Adobe Lab. Así que aquí les dejo la presentación que hice y las url donde publiqué alguno de los demos que presenté en la conferencia. Los archivos están en Flash Builder 4 y usan Adobe AIR 2.0

Multitouch para Flash Player 10.1, Flash Lite 4 y Adobe AIR

Abrir archivos desde Adobe AIR 2.0

Acceder a los DNS desde aplicaciones AIR 2.0

Control de errores globales en AIR 2.0

Acceso a archivos en dispositivos de almacenamientos con Adobe AIR 2.0

Transferencia de datos con Datagramas (UDP) en AIR 2.0

Recuerden que deben tener el runtime de Adobe AIR 2.0 para poder probar los archivos

Fuente
http://www.garageflash.com/novedades-en-adobe-air-20/

Un gran lugar, un gran utilitario para diseñadores y desarrolladores

Gracias a internet el teletrabajo es un hecho hoy día. Sin embargo, al ser una disciplina relativamente nueva, todavía se presentan algunas dificultades. Es el caso de la transferencia y sincronización de archivos.

Dropbox es un servicio de alojamiento que viene a resolvernos este gran problema al permitirnos compartir documentos que pueden ser modificados, y sus cambios se actualizarán automáticamente. Esto es especialmente útil para los diseñadores cuando debemos realizar transformaciones a un diseño a pedido del cliente. Por este medio no necesitamos crear JPGs que ocupen espacio en nuestra máquina, sino que el mismo archivo es actualizado cada vez que lo guardas. Otra gran ventaja es que se guarda un historial de los cambios realizados, así que si en algún momento necesitas devolverte al paso anterior lo puedes hacer. Vale destacar que el historial para las cuentas gratuitas solo dura 30 días. Esta herramienta está disponible para Windows, Mac, Linux, incluso para IPhone, y permite la compatibilidad de los archivos en los diferentes Sistemas Operativos.

Tal vez la mayor ventaja que tiene para los diseñadores es en cuanto al trabajo colaborativo. Cuando debes interactuar con un programador que se encuentra en cualquier otro punto del planeta, encontrarás especialmente útil el poder trabajar sobre el mismo PSD sin tanta complicación.

El servicio es gratuito hasta los 2 GB, si se desea mayor capacidad se debe pagar 9.99 dólares mensuales por 50GB o 19,99 dólares mensuales por 100 GB, precio relativamente bajo teniendo en cuenta que tu productividad aumentará considerablemente.

Obviamente uno lo primero que piensa es en la seguridad de nuestra información. Una vez instalado el programa se te crea una cuenta para acceder a dropbox.com y configurar algunas opciones. Únicamente las personas o computadoras que tú autorices tendrán acceso a tus carpetas. Los datos son encriptados utilizando los métodos más modernos al ser enviados y almacenados.

Una recomendación: tratándose de nuestra valiosa información, sea personal o de trabajo, no está de más leer detenidamente el contrato de licencia, especialmente la letra menuda.

Linux Week 2010: Software libre y abierto

Linux Week es un evento que, en sus cuatro ediciones anteriores, ha reunido las ponencias de más de 80 investigadores y profesionales de la Pontificia Universidad Católica del Perú y de diversas universidades peruanas. En su quinta edición contará con la participación de ponentes nacionales y extranjeros con experiencia en diversas áreas: desarrollo de software, redes y seguridad de sistemas, tecnologías web, experiencias académicas y comunidades peruanas y globales de software libre.

Cada día del evento abordará las tecnologías libres desde una óptica distinta, para un público diferente:

Lunes 15: Tecnologías Web

(Dirigido a Desarrolladores y administradores de aplicaciones web)

Percy Cabello – Mozilla y el desarrollo del web para todos
Dennis Cohn – Alta disponibilidad con MySQL
Arturo Díaz – Aplicaciones de streaming en Flash utilizando software libre
Henry Carrión – Automatización de pruebas de software con herramientas Open Source
Héctor Paz (Perú) – Monitoreo y control de aplicaciones web usando software libre

Martes 16: Universidades e Investigación

(Dirigido a Estudiantes y docentes de diversas especialidades)

Elsa Quispe – LATEX: una introducción
Carlos Cárdenas – Evaluación de la OLPC con ingeniería de usabilidad
Ernesto Calvo – Software libre y el Large Hadron Collider
Gianncarlo Gómez – Software libre en la Universidad ULADECH
Fernando San Martín (Chile) – La importancia de los proyectos de código abierto en la formación profesional

Miércoles 17: Comunidades y Desarrollo

(Dirigido a Desarrolladores de software)

Yannick Warnier – Forking FLOSS y otros eventos excepcionales
Ronny Yabar – Desarrollo de juegos con Gluon, el nuevo framework de KDE SC
Sergio Infante – Proyecto MALLARD – Documentación en GNOME
Jesús Castagnetto – PHP: El lenguaje y su comunidad
Facundo Batista (Argentina) – Python en el mundo real

Jueves 18: Redes y Seguridad

(Dirigido a Administradores y auditores de seguridad)

Pedro Valera – Uso de la programación en Linux para la seguridad en redes
Mauricio Velazco – Client Side Attacks: Ataques del lado del cliente
Gabriel Lazo y Raúl Diaz – Auditorias de seguridad informática: herramientas y alcances actuales
César Farro Flores (Perú) – Seguridad de información: mercado, incidencias, entorno legal y oferta

Las conferencias de Linux Week 2010 se realizará del 15 al 19 de marzo de 17:30hs a 21:30hs en el campus de la Pontificia Universidad Católica del Perú. El evento es de ingreso libre (previa inscripción).

Inscripciones: La inscripción se realiza día por día, es decir usted necesita inscribirse individualmente en cada día al cual desea asistir, siguiendo los siguientes enlaces:

• Lunes 15: Tecnologías Web
• Martes 16: Universidades e Investigación
• Miércoles 17: Comunidades y Desarrollo
• Jueves 18: Redes y Seguridad