DWUG

En un elemento de formulario, la etiqueta “label” sirve no sólo para asignarle un texto al mismo, sino también para capturar el foco de dicho elemento. El problema es que muchos usuarios de tus formularios no lo saben… ¿Por qué no se lo hacemos más visible?

Como norma general, cualquier usuario sabe que, cuando el cursor cambia a una mano, se puede hacer click sobre el elemento. Por lo tanto el truco es muy sencillo: Hacer que label responda cambiando el cursor cuando nos situamos encima del mismo, como por ejemplo en este input:

¿Y cómo conseguimos la mano? Para eso tenemos CSS:

label{
    cursor:pointer
}

Listo

En este meeting veremos algunas de las funciones más útiles que podemos utilizar para crear aplicaciones móbiles utilizando la api de Phonegap desde Dreamweaver (contactos, acelerómetro, geoposicionamiento…)

Fecha: Martes 21 de Junio de 2011
Hora: 10:00 AM
Lugar: Sala de Reuniones de Q-interactiva en Oviedo (Ver localización)

Os esperamos!

Por defecto, las plantillas de inicio (Mobile Starter pages) nos obligan a utilizar versiones anteriores de jQuery y jQueryMobile, pero podemos utilizar las nuevas sin mayores problemas.
Seguir leyendo

Actualización 10/06/2011: el update a Dreamweaver 11.5.1 ya añade esta característica, pero dejaremos el artículo para animaros a investigar en el archivo :)
Una de las novedades más intresantes de Dreamweaver CS5.5 es la posibilidad de crear aplicaciones para dispositivos móviles (iOS y Android) mediante la integración con PhoneGap.

Sin embargo, por defecto, algunas funcionalidades, como añadir una pantalla de entrada (Splash screen) sólo aparece disponible por defecto para las aplicaciones de iOS.

El problema reside en que esta funcionalidad sólo ha estado disponible desde las últimas versiones de PhoneGap

¿Quiere esto decir que no podemos hacer lo mismo para Android? Con un pequeño retoque, sí.

Seguir leyendo

1.- HTML5: Sobran comentarios :)

2.- CSS3 a pleno rendimiento: No sólo vas a ver el resultado en la vista en vivo, sino que se han añadido nuevos grupos de propiedades al panel de estilos. Incluye incluso soporte para trabajar con los formatos de colores rgb, rgba, hsl y hsla

3.- Panel de CSS mejorado: Ahora hay muchas propiedades (como sombras, degradados…) que puede editar de forma visual desde el mismo panel.

4.- Ayuda al código: Además de todo lo que ya hacía, como la introspección de CS5, se añade soporte para HTML5, CSS3, DOM y… jQuery!!! Si utilizas este framework, te lo vas a pasar en grande: Lo primero de todo es que no hace falta ni enlazarlo: Viene de forma nativa. además verás que es capaz de distinguir entre métodos estáticos y no estáticos, encadenado de métodos, métodos sobrecargados, manejadores de eventos, selectores (sabe distinguir entre etiquetas, id’s y classnames sólo con empezar a teclear y funciona incluso con filtros)… impresionante

5.- Vista en múltiples pantallas y CSS media queries: Puedes configurar distintas dimensiones de pantalla y la vista diseño de Dw se redimensionará y se adaptará a los valores que hayamos definidos en los media queries de CSS. Ideal para trabajar en sitios complatibles en múltiples dispositivos (Pc, tablet, teléfonos…)

6.- Ahora sí: Validación de la buena: Los documentos no se validan en local, sino directamente contra el validador del W3C. Puede validar tanto documentos estáticos (html) como dinámicos (php)

7.- Soporte para FTPS, tanto en su modálidad implícita (FTPS) como explícita (FTPeS)

8.- Widget Browser: Ahora se instala por defecto y trae alguna novedad como poder arrastrar el widget directamente al documento que tengas abierto en Dreamweaver.

9.- jQuery Mobile: Se incluyen no sólo una colección de widgets especiales para jQM, sino que también tienes acceso a páginas predefinidas con las que poder comenzar a trabajar directamente con este framework especial para móviles

10.- PhoneGap: He dejado esta para el final porque es mi favorita: Si quieres comenzar en el mundo de las aplicaciones para iOS y Android lo tienes más fácil que nunca. Por ejemplo, si te gusta Android (como es mi caso), Dreamweaver te ayuda a instalar el SDK y el emulador con un sólo click y hasta a crear tus propios dispositivos virtuales para realizar pruebas en diferentes configuraciones. El proceso es tan sencillo como definir las características de tu aplicación (más sencillo que configurar un sitio), comenzar a crear y probarlo en el emulador en cualquier momento.

960 Grid system es una de la bibliotecas css más conocidas y extendidas. Ahora, gracias a DMXZone, puedes implementarla de forma visual desde Dreamweaver.

La principal ventaja de la extensión es que no sólo te ayudará a crear un diseño rápido, sino que además se encargará de añadir todos los archivos necesarios a tu sitio.
Seguir leyendo

Este mes no serán uno sino DOS los eSeminars organizados por Video2Brain con dos grandes maestros y excelentes temas: Novedades del recién lanzado Acrobat X con Ignacio Lirio y muy interesantes tópicos avanzados en After Effects con Jorge Mochón.

El evento tendrá lugar el Jueves, 18 de Noviembre de 2010 a partir de las 20:00 (hora peninsular española).
El aforo al aula online donde tiene lugar el eSeminar es limitado y sólo podrán entrar las primeras 250 personas que lleguen, así que te deberás ser puntual, ya que abrirán las puertas 5 minutos antes del comienzo de la sesión. Utiliza el nombre de usuario o el nombre y el apellido con el que estás registrado en video2brain.

Para más información sobre el evento, puedes visitar la entrada en el blog de Video2Brain