Importante Actualización Reforest
December 30th, 2010

Por favor actualizad Reforest desde la web, borrad la aplicación que tengáis instalada y descargar la nueva versión.
Es muy importante.
Gracias.

FDT 4 Linked libraries
December 29th, 2010

Si has instalado FDT 4 y no encuentras las linked libraries, ahora se encuetran en Preferencias -> Generales -> WorkSpace -> Linked Resources.

También es posible que no encuentres en el Menú New -> AS Class y que por defecto solo salga MXML Class, puedes volver a restaurarlo en el Menú (superior) Window -> Reset Perspective, para que te aparezcan todas las opciones.

Me he llevado dos sustillos al actualizar hoy :) .

Reforest y Formato XFL
December 18th, 2010

Según Adobe:
Los archivos XFL son el equivalente XML de los archivos FLA. Un archivo XFL es una carpeta de archivos comprimida que contiene una carpeta de biblioteca y un documento XML (DOMDocument.xml) que describe el archivo FLA.

La carpeta de biblioteca contiene los recursos a los que se hace referencia en el archivo XML. Cuando se abre un archivo XFL en Flash Professional, extrae esos elementos del archivo XFL y los utiliza para crear un documento FLA. El documento se guarda desde Flash Professional como un nuevo archivo FLA, sin cambiar el archivo XFL con Flash Professional.

De esta manera, podemos utilizar este formato para crear nuestras semillas en Reforest y sacar provecho de las ventajas del formato XML.

Cuando creemos un nuevo proyecto con Reforest, podremos variar todos aquellos parámetros del documento flash (en el momento de la creación) que nos hagan falta, como por ejemplo: tamaño, color, vinculaciones, opciones de publicación, objetos de la librería, etc.

Lleva algo de trabajo pero merece la pena invertir un poco de tiempo en ello.

Creamos nuestra semilla (example.seed). Ver tutorial

Junto a la semilla (example.seed) creamos una carpeta, donde vamos a almacenar los archivos que van a servir de plantilla y que Reforest copiará en los nuevos proyectos, con el nombre de files.

Dentro de files creamos un directorio nuevo con el nombre de flash para almacenar todos los archivos relacionados con Flash, paquetes de clases, xfl's, librerías, etc.

Creamos un nuevo documento Flash y lo guardaremos como main.xfl. Veremos que flash nos ha creado un directorio con el nombre main donde se encuentran todos los archivos relacionados al .xfl (DOMDocument.xml, PublishSettings.xml, etc).

xfl.jpg

Ahora solo tenemos que insertar variables de Reforest en aquellos archivos que tengan las propiedades que queramos cambiar en los distintos proyectos. Por ejemplo si queremos cambiar las propiedades del documento como tamaño, insertaríamos variables de Reforest en el archivo DOMDocument.xml de la siguiente manera:

width="%RFST:DocumentWidth=1004%" height="%RFST:DocumentHeight=680%"

Si lo que queremos cambiar es relativo a las opciones de publicación, introduciríamos las variables en PublishSettings.xml y si fuese sobre algún objeto de la librería, veremos que hay una carpeta con el nombre LIBRARY, dentro de la cual encontraremos todos los elementos disponibles en la librería y sus propiedades, seguiríamos los mismos pasos para todos ellos. Por ejemplo en PublishSettings.xml insertamos variables en los proyectores para variar si se publicarán o no.

publishsettings.jpg

Una vez que tenemos las variables de Reforest insertadas, volvemos a la semilla y le decimos qué archivos tiene que analizar Reforest en busca de estas variables con el atributo parse="true", de la siguiente forma:

XML:
<seed>
    <info>
        <author>Robot04</author>
        <date>09/09/09</date>
        <name>Basic Template</name>
        <description>Estructura de proyecto - Ejemplo Formato XFL</description>
        <notes>XFL Rocks :) </notes>
    </info>
    <structure>
        <folder name="projectName">
            <folder name="flash">
                <folder name="main">
                    <file name="bin" route="files/flash/main/bin" />
                    <file name="DOMDocument.xml" route="files/flash/main/DOMDocument.xml" parse="true" />
                    <folder name="LIBRARY">
                        <file name="Content.xml" route="files/flash/main/LIBRARY/Content.xml" parse="true" />
                    </folder>
                    <file name="main.xfl" route="files/flash/main/main.xfl" />
                    <file name="META-INF" route="files/flash/main/META-INF" />
                    <file name="MobileSettings.xml" route="files/flash/main/MobileSettings.xml" />
                    <file name="PublishSettings.xml" route="files/flash/main/PublishSettings.xml" parse="true" />
                </folder>
                <file name="libs" route="files/flash/libs" />
            </folder>
        </folder>
    </structure>
</seed>

Una vez hecho esto abrimos la semilla con Reforest y creamos proyecto, veremos en el apartado de cambio de variables aquellas que hayamos añadido y podremos variarlas al vuelo al crear el proyecto.

VariablesReforest.jpg

Iconos de iOS hechos en CSS puro
September 6th, 2010

cssicons.jpg

iOS Icons Made in Pure CSS... Pues eso o_O

BonBon Buttons – Botones CSS3
September 5th, 2010

bonbon.jpg

BonBon Buttons. Botones para CSS3, bastante cuidados, se les puede cambiar el color, la forma y permiten morphing.

Aún no se pueden usar en desarrollo, solo en entornos cerrados de pruebas.

Nueva versión de Flint Particles
August 31st, 2010

flint.jpg
El sístema de partículas Flint se actualiza a la versión 2.1.4.

Esta versión implementa:

  • Colisiones entre partículas y zonas.
  • La interface Zone2D incluye un método collideParticle usado para probar colisiones entre partículas y zonas.
  • Además corrige algunos pequeños bugs.

Experimento de vídeo con HTML5 para Arcade Fire
August 31st, 2010

arcadefire.jpg

Arcade Fire Experiment

HTML5 Boilerplate
August 31st, 2010

boilerplate.jpg

HTML5 Boilerplate: es un set de archivos para usar como plantillas en el inicio de un proyecto web.

Las características (sacadas directamente de su documentación) son las siguientes:

  1. Cross-browser compatible (IE6, yeah we got that.)
  2. HTML5 ready. Use the new tags with certainty.
  3. Optimal caching and compression rules for grade-A performance
  4. Best practice site configuration defaults
  5. Think there's too much? The HTML5 Boilerplate is delete-key friendly. :)
  6. Mobile browser optimizations
  7. Progressive enhancement graceful degredation ........ yeah yeah we got that
  8. IE specific classes for maximum cross-browser control
  9. Want to write unit tests but lazy? A full, hooked up test suite is waiting for you.
  10. Javascript profiling.. in IE6 and IE7? Sure, no problem.
  11. Console.log nerfing so you won't break anyone by mistake.
  12. Never go wrong with your doctype or markup!
  13. An optimal print stylesheet, performance optimized
  14. iOS, Android, Opera Mobile-adaptable markup and CSS skeleton.
  15. IE6 pngfix baked in.
  16. jQuery, waiting for you

Más info y descarga: HTML5 Boilerplate

Fractal 4D
August 30th, 2010

logoeco.jpg
Fractal 4D usado en un diseño que hice algún tiempo.

365psd
August 30th, 2010

365.jpg

365psd es un servicio con recursos en formato .psd para diseñadores.

Los diseños son de bastante calidad.