Adobe Edge, HTML5 y CSS3

Adobe quiere apostar por el progreso de Internet y está claro que las tecnología ganadoras son HTML5, CSS3 y Javascript.

No para de sacar herramientas para el mercado de diseñadores y desarrolladores web. Vamos a ver algunas de las últimas novedades.

Adobe Edge

Un montón de nuevas aplicaciones en Adobe Edge.

Algunas las lanza como aplicaciones de escritorio, otras para su creative cloud, otros dentro de proyectos de código abierto y otras simples experimentos.

 

Un buen paquete que de momento se ofrece gratis:

• Edge Animate como podéis imaginar sirve para crear animaciones en HTML, CSS y Javascript con su línea de tiempo e interfaz al puro estilo Adobe

• Edge Code: editor de código

• Edge Reflow: para el diseño responsive, relacionado con Edge Inspect que te permite la visualización en distintos dispositivos, antes conocido como Adobe Shado
• Edge Web Fonts: un servicio similar a Google Web Fonts para utilizar tipografías web gratuitas de Typekit.

Móculos CSS3

En la sección Web Standards trabajan con módulos CSS.

Algunos de ellos no soportados más que con WebKit Nightly build o Google Chrome Canary.

• CSS Regions: maquetación en columnas mucho más fácil. Se acabó tanto flotar (perdón por el chiste malo)

• CSS Custom Filters: Desenfoque, saturación, brillo, etc. Puedes probarlo y obtener el código online

• CSS Exclusions: Ceñir texto o texto dentro un trazado

• CSS Compositing: modos de fusión

• CSS Transforms: más popular y conocido.

Te puede interesar

• 99 + 13 recursos HTML5 y CSS3
•  Todas las novedades CSS4. Hacia dónde va el diseño web.
• Conversores de Flash a HTML5
• HTML5 Cheat Sheet

Cursos online *

• Diseño multipantallas con Dreamweaver
• Curso de creación de temas de WordPress sin programar
• Curso Dreamweaver CS6
• Curso Javascript
• Curso PHP
• Curso MySQL
• Curso HTML5 y CSS3
• jQuery
• PhoneGap
• Diseño de microsites
• Publicaciones con HTML5 y CSS3 para tablets

 

* Gratuitos para trabajadores por cuenta ajena en España.