Adobe Authorized Training Center

Follow Us on Twitter

Animaciones WebGL con Flash CC 2014

Continuando con la revisión de las nuevas características de Flash CC Profesional hoy daremos un vistazo a la creación de contenido WebGL con Flash.

WebGL en Flash CC

WebGL es un estándar web abierto para renderizar gráficos sobre cualquier navegador web compatible, sin necesidad de requerir algún plug-in adicional. WebGL esta integrado completamente como parte de los estándares web permitiendo el uso de aceleracio?n por GPU para el procesamiento de imágenes y efectos como parte de elementos Canvas HTML5. Los elementos WebGL pueden ser integrados con otros elementos HTML y mezclados con otras partes de nuestra pagina web.
Leer más >>

Adobe libera snap.svg como proyecto de código abierto en Github

Los diseñadores y desarrolladores que trabajan con gráficos vectoriales escalables (SVG) contarán con una manera mucho más creativa de animar y manipular sus contenidos, gracias a Adobe y su nueva librería javascript de código abierto llamada Snap.svg, mismo que está disponible en GitHub.

The JavaScript SVG library for the modern web

Snap.svg tiene una poderosa API que ofrece opciones para enmascarar, recortar, manejar patrones, gradientes y grupos para hacer el contenido mucho más interactivo y atractivo.
Leer más >>

Comenzando con AngularJS

Es un momento grandioso para ser un developer de JavaScript. Los frameworks modernos de JavaScript como Backbone, Knockout, AngularJs y demás, han llevado a un nivel de madurez y sofisticación la creación de aplicaciones web enriquecidas basadas en HTML que habían sido muy solicitadas. Estos frameworks tienen un objetivo en común: hacer simple para los desarrolladores la construcción de aplicaciones robustas con HTML, CSS y JavaScript.

Este tutorial explora el framework AngularJs de Google. Comenzaremos describiendo la filosofía de diseño usada en este framework y después desarrollaremos una simple pero no trivial aplicación para demostrar los fundamentos de AngularJs así como sus características principales incluidas data binding, dependency injection, loosely coupled code y conciseness.

AngularJS-large

Nota: Puedes seguir el tutorial usando los links de Plunker. Plunker es una herramienta de generación de prototipos para HTML, CSS y JavaScript. Si prefieres editar tus archivos localmente puedes descargar el archivo zip con el código GettingStartedWithAngularJS.zip

Leer más >>

Adobe PhoneGap 3.0 ya disponible

En el marco del PhoneGap Day se anunció el lanzamiento de PhoneGap 3.0 en Portland la semana pasada. Parte de estas actualizaciones incluyen una nueva arquitectura de plugins, herramientas mejoradas, nuevas plataformas soportadas y APIs.

Cordova Diagram

Esta es la lista a detalle de las características nuevas en PhoneGap 3.0:

  • Nueva Arquitectura de Plugins – Una arquitectura basada en plugins que permite mantener las aplicaciones rápidas y en un tamaño reducido. Solamente se tienen incluir las APIs que se necesitarán durante los proyectos y los plugins pueden ser instalados o removidos de forma automática.
  • Herramientas Mejoradas – Se volvió más fácil el hacer el cambio entre plataformas nativas sin tener que aprender nuevos vocablos alineando todas las herramientas nativas de línea de comandos (CLI – Command Line Tools). Y si no tienes los SDK nativos de la plataforma a desarrollar? No hay problema! Ya que las herramientas de PhoneGap integran el servicio PhoneGap/Build.
  • Nuevas Plataformas – A principios de este año se dio soporte para iOS6 (se esta trabajando la versión iOS 7), BlackBerry 10, Windows Phone 8. Próximamente Firefox OS y Ubuntu.
  • Nuevas APIs – Hay dos nuevas APIs, InAppBrowser (antes conocida como ChildBrowser plugin) y Globalization API.

Flexbox: La nueva especificación

Layouts flexibles. Columnas del mismo alto. Vista independiente del HTML. Estas cosas no han sido fáciles de conseguir con CSS, hasta ahora. El diseño flexible de cajas, la nueva especificación de flexbox, hace que crear cualquiera de estos diseños sea mucho más fácil.

flexbox

Este artículo te guiará a través de la especificación más reciente de flexbox y podrás usar el código del ejemplo para crear un diseño flexible y organizar cualquier elemento sin importar su orden en el código HTML.
Leer más >>