animaciones

Si eres de los que se asombra viendo lo que se puede conseguir con las nuevas tecnologías web pero se asusta en cuanto ve interminables líneas de código CSS puede que esto te interese. Desde Applesfera nos llega Hype, una aplicación para Mac OS X con la que podemos crear páginas web con efectos y animaciones de forma completamente visual y sin depender de Flash.

Normalmente, si queremos aplicar una animación usando HTML y CSS, hay que escribir irremediablemente no pocas líneas de código. Hype lo evita con un sencillo sistema que graba las acciones que realicemos en la plantilla de diseño de nuestra web y aplica las transiciones necesarias de forma completamente automática. El resultado es un portal en internet que cumple con los estándares y es visible desde cualquier dispositivo, incluyendo los terminales móviles de Apple con iOS.

Hype está disponible en exclusiva en la Mac App Store, que requiere tener instalada la versión 10.6.6 o superior. Su precio es de 23,99 euros, lo que convierte a la aplicación en una herramienta enfocada a desarrolladores que necesiten crear una página web de forma rápida con un estilo muy visual más propio de si estuviésemos usando Adobe Flash.

Vía | Applesfera
Sitio oficial | Hype
Descarga | Hype en la Mac App Store

Aunque no hago mucha edición de vídeo habitualmente, me gusta tener siempre a mano un programa que me solucione la papeleta cuando ésta aparece. Hace tiempo, hablamos por aquí de OpenShot, un editor de vídeo para Linux que hacía un buen papel. Ya entonces apuntaba maneras, pero en su última versión, la 1.3.0, ha hecho un progreso considerable respecto a las versiones anteriores (por lo menos, las que yo probé).

Entre las mejoras tenemos, por supuesto, un aumento de la estabilidad y el desempeño. También la usabilidad ha sido mejorada, empleando ahora una nueva interfaz denominada “Fresh”. Lo cierto es que el manejo de la aplicación es bastante sencillo: a mi juicio, con que hayáis utilizado alguna vez un programa de este tipo será suficiente para empezar a usarlo con fluidez.

Leer más

Uno de los aspectos de PowerPoint que más se mejoró en su versión 2010 son las animaciones y transiciones. Gracias a la aceleración por hardware, el programa ahora dispone de animaciones modernas, fluidas y limpias capaces de llamar la atención de forma positiva. Desgraciadamente, a los de Microsoft se les pasó incluir animaciones específicas para gráficos, como las que ofrece Apple Keynote.

Para subsanar esto contamos con oomfo, una herramienta basada en Flash con la que es posible añadir gráficos animados en presentaciones de PowerPoint.

Una vez instalado, podremos crear un gráfico animado yendo a la pestaña “Insertar” de la Ribbon, y luego haciendo clic en “Insert Chart” al extremo derecho de la barra. Un asistente nos permite elegir entre una gran variedad de tipos de gráficos, personalizar completamente la apariencia, cambiar los datos del gráfico, etc.

Leer más

Ya que estamos en fin de semana, veamos una pequeña aplicación online para pasar el rato haciendo algo creativo y simpático: Fuzzwich, un servicio que nos brinda la posibilidad de hacer pequeñas animaciones con personajes prediseñados para luego compartirlas o incrustarlas en nuestra web. Es gratuito y no necesita registro de ningún tipo.

Consta de tres pasos. Primero, seleccionamos un fondo o subimos una imagen para que ejerza como tal. Después, seleccionamos los personajes que van a participar. Podemos poner varios y personalizarlos con una foto de nuestro rostro. Por último, pasamos a la edición propiamente dicha, donde podemos mover a los personajes, hacer que realicen alguna de las acciones que incluye cada uno, incluir diálogos escritos en bocadillos y cambiar la música.

Leer más

La sabiduría popular establece que Flash es un comedor de recursos nato y que HTML5 debería proporcionar más segundos de descanso a nuestros equipos cuando estos nos sirvan para visualizar un vídeo embebido en la web.

El próximo paso dentro del mundo Flash es nueva versión de Adobe, la 10.1 que sobre todo, viene cargada de mejoras a nivel de rendimiento, ya que entre otras cosas implementa aceleración por hardware en la reproducción de vídeo al menos en la versión Windows. Y en Linux no se soporta por la elevada dispersión de sistemas Linux y las complicaciones de cerrar un modelo fijo en cuanto a gráficos se refiere en esa plataforma. La versión maquera no lo soporta por que, bueno digamos que a Apple no le hace mucha gracia la tecnología Flash en general. Aunque no está todo perdido y parece que la nueva versión podría soportar Core Animation (más en la entrada completa).

La diferencia en el uso de la aceleración por hardware es muy apreciable, hace poco en ReadWriteWeb hicieron un test con Flash 10.1 y Firefox bajo Windows donde el consumo de procesador bajó del 22% usando la versión 10.0 al 6% con la nueva versión 10.1.

Leer más

En los laboratorios de Mozilla siguen ocupados con el rediseño de la interfaz de usuario de Firefox para el lanzamiento de su cuarta versión, y tras algunas alternativas para la distribución de pestañas y de opciones para mostrar los elementos de menú, han aparecido algunos vídeos mostrando pruebas de las animaciones de las pestañas del navegador.

Las animaciones, recogidas en dos vídeos, muestran cómo se comportaría la interfaz de Firefox 4 al crear una nueva pestaña y al arrastrar otra entre el resto de pestañas abiertas. El resultado son unas animaciones que nos recuerdan mucho a las que ya podemos ver en las versiones más recientes de Safari y Chrome.

Los vídeos (aquí tenéis el primero y el segundo) están publicados en formato Ogg, de modo que necesitamos un navegador compatible con el estándar HTML5 para poder verlos. Para los que no puedan usar un navegador compatible, os podéis descargar los vídeos desde aquí y aquí. Todavía falta mucho para que Firefox 4 llegue a nuestras manos en forma de versión final y estable, pero gracias a estas pruebas podemos ir echando un vistazo al aspecto que seguramente llevará.

Vía | Downloadsquad
Sitio oficial | Mozilla Firefox
En Genbeta | Participa en el diseño del nuevo Firefox

Como te hemos comentado en Genbeta, la muy próxima versión de Firefox 3.1 vendrá con jugosas novedades inicialmente pensadas para su predecesor que por razones de tiempo no se pudieron incluir. La mayor probablemente sea el nuevo motor de Javascript, que promete velocidades de vértigo. Pero también se mejora el soporte de estándares, y en este apartado me gustaría resaltar unas nuevas propiedades CSS experimentales que son es-pec-ta-cu-la-res.

Se trata de las transformaciones CSS, ni más ni menos. Estas transformaciones se pueden aplicar a cualquier objeto, y pueden ser de traslación, de rotación, de escala, de sesgo y una especial llamada matricial, que permite transformaciones aún más avanzadas. Y cuando digo cualquier objeto, me refiero a cualquiera; por ejemplo en la imagen de arriba se transforman la página de Genbeta y Wikipedia a antojo. ¡Y los elementos HTML, como enlaces y formularios, responden igual que páginas normales!

No es el primer motor que incluye soporte para estas transformaciones experimentales, ya que Webkit también lo implementó, lo que indica que en un futuro próximo puede que se estandarice del todo y se implemente en todos los navegadores. Por ejemplo, para disfrutar de animaciones tipo Coverflow sin necesidad de Flash. Si quieres probarlas, en la última versión de Minefield ya están activadas.

Vía | Mozilla Links > Mozilla Developer Center
Prueba | Solo para Firefox 3.1

A muchos de nosotros nos gusta crear nuestras propias historias mediante animaciones online, aunque la verdad es que no andamos muy puestos en herramientas de animación como Macromedia Flash. No importa. GoAnimate, desarrolado en Adobe Flex, no sólo nos facilita la creación de nuestras propias animaciones, sino que además nos divertiremos un montón.

Para crear nuestra animación, podemos empezar bien desde una de las plantillas disponibles, siendo una de ellas una referencia a los anuncios de PC vs. Mac, o bien desde cero.

Nosotros hemos empezado desde cero, ya que mediante el uso de plantillas lo único que haremos son modificaciones a lo ya creado. Nuestro espacio de trabajo consta de tres partes, de los elementos a añadir, de nuestro escenario y de nuestra línea de escenas.

Leer más

Aprovechando la tecnología Flex de Adobe, Toufee ya tiene disponible en fase beta la segunda versión de su aplicación que nos permite a los usuarios la realización de complejas animaciones flash sin necesidad de conocimiento de ediciónde la popular aplicación Adobe Flash.

A partir de ahora contamos con muchos más elementos para el desarrollo de nuestras animaciones casi como si se tratase de una aplicación de vídeo, con sus transiciones, efectos digitales, animaciones, y hasta mayor control sobre cada elemento que conforme la composición de cada uno de nuestros fotogramas.

Leer más