Adobe Authorized Training Center

Follow Us on Twitter

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 >>

Diez cosas que necesitas saber acerca del Diseño Responsivo (Parte II)

El Diseño Responsivo es bueno para el SEO

El diseño responsivo mejora la optimización de los motores de búsqueda. Para aquellos quieran construir un sitio web con marca, ventas, este beneficio es una razón suficiente para considerar el uso de un esquema responsivo.

responsive_web_design

Debido a que el diseño responsivo habita en un solo lugar con una URL, a diferencia de múltiples páginas apuntando a formatos móviles, su enlace se mantiene simple. Las páginas que redireccionan no quitan el sitio principal y campañas publicitarias (como las que usan Google AdWords) todas apuntan a una ubicación.

Leer más >>