El panel CSS en Dreamweaver CC

En este vídeo se muestra el nuevo panel de estilos CSS de Dreamweaver CC junto con otras novedades como la edición en el modo “Vista en vivo” o la integración con Adobe Webfonts

Minitutorial: Edge Animate. Animación de filtros

.

Una de las principales novedades de la última versión de Edge Animate es la posibilidad de aplicar y animar filtros CSS como cambios de tonalidad o desenfoque. En este vídeo te mostramos como.

Adobe Edge Animate ( Edge Webfonts)

.

En este primer vídeo dedicado a Adobe Edge Animate, veremos como integrar las Adobe Edge Webfonts o como crear un fondo degradado para nuestra animación.

Adobe Edge Reflow

.

Edge Reflow es el miembro más reciente de la familia Adobe Edge. Se trata de un generador de CSS para composiciones web basadas en diseño responsivo.

Adobe Edge Inspect

En este vídeo se explica como funciona Adobe Edge Inspect y sus principales funciones

Flash VS HTML5…una vez más

 

Interesante comparativa entre Flash y HTML5 que he descubierto vía mi compañero David Deraedt.

http://flashvhtml.com/

Este equipo de desarrolladores ha creado el mismo juego en versión Flash y en versión HTML5. No sólo puedes comprobar tu mismo las diferencias jugando directamente, sino que también (y esto es lo intersante) analizan las diferencias entre ambas tecnologías, que han podido comprobar durante el desarrollo del proyecto, y nos exponen sus coclusiones.

¿Tú que crees que preferirán, Flash o HTML5?

Adobe & HTML

Comparto con vosotros este enlace porqué me parece una clara y sucinta explicación de cuales son las soluciones que Adobe plantea en el nuevo entorno de creación para la web, Espero que os guste.

 

http://tricedesigns.com/presentations/edge%20tools%20&%20services/#/

Minitutorial: Animación “líquida” con Adobe Edge Animate

Una de las ventajas de Adobe Edge Animate es que no únicamente nos permite maquetar contenido líquido que se adapta a las dimensiones de la ventana del navegador o la pantalla del dispositivo, sino que también nos permite realizar animaciones adaptables. Es lo que llamamos “animaciones líquidas”.

Adobe Edge (como conjunto de herramientas)

Supongo que a esta alturas muchos de vosotros ya habréis oído hablar de la familia de productos Adobe Edge, pero me gustaría poner aquí un breve resumen para poder aclarar cualquier posible duda al respecto.

Recordaréis que bajo el nombre de “Edge”Adobe sacó en su día una estupenda herramienta de animación basada en HTML5. Hemos dado un paso más allá, ahora Edge es el nombre genérico bajo el que se agrupan un conjunto de herramientas que tienen el demoninador común del diseño para web y dispositivos, a saber:

 

Edge Animate: Es la versión 1.0 de lo que hasta ahora conocíamos como Edge pre-release. O se ala herramienta de animación HTML5. Así de sencillo.

Edge Reflow: A fecha de publicación de este post es la única herramienta del conjunto que no está todavía disponible ni en versión definitiva ni en versión pre-lanzamiento. No obstante os puedo garantizar que es una herramienta extraordinaria ya que permite crear diseños web responsivos (es decir, que composiciones que adaptan a todo tipo de pantallas) de una forma totalmente visual.

Edge Code: Code es lo que hasta ahora se conocía como Brackets. Se trata de un magnífico editor de código HTML5, javaScript y CSS

Edge Reflow: Permite testear el aspecto de una página web simúltaneamente en nuestro ordenador y en nuestros dispositivos locales como smartphones o tabletas. Es lo que hasta ahora se conocía como Adobe Shadow. La condición para poder trabajar con este software es que todos los dispositivos a examinar estén conectados a la misma red Wifi.

Edge Webfonts: Se trata de un servicio de fuentes web para utilizar en nuestros sitios. A diferencia de Typekit, está basado en Gogle fonts, esto quiere decir que las familias de fuentes disponibles son diferentes, pero pueden ser igualmente de gran utilidad para la mayoría de creativos.

Minitutorial: Patrones de repetición sin costuras en Photoshop

Photoshop es una herramienta estupenda para crear motivos y patrones de repetición. Y con sus nuevas funciones esta tarea es más fácil que nunca!!.

En este minitutorial explicamos de forma sencilla como realizarlos.