The update to CS5.5 gave further proof of a dedication toward mobile devices and open standards. We where shown massive update when it comes to mobile development. iOS had to catch up on the possibilities and performance that previously was introduced for the Android platform. Flash Builder and Flash CS5.5 took care of that. HTML5 and jQuery was fully incorporated in Dreamweaver CS5.5 in addition with a lot of other stuff, to bring even more effective workflows to designers trying to approach these new devices and technologies.

But then what … was that it. No, Adobe has an underlying piece of software under the hood. They had already shown that it is possible to take a Flash timeline animation and make it HTML5 compliant. It turned into a tool named Wallaby (working title) – it’s experimental but with a lot of potential for Flash users to leverage on their existing skills.

Aside of that, a brand new program with the working title Adobe Edge is in the making. We have seen technology previews of a prototyping tool, but it has grown to be a fully featured animation tool for HTML5 pages. You can se a short walkthrough where an image and svg file is animated for a start. Afterwards a fully designed HTML page is opened and given transitions to gently introduce the page elements. Everything is layered on top of the existing design, so you wont break the layout when collaborating with other designers.

I really like the way they managed to make the timeline integrate with the DOM elemements. We may end up having an animation tool for pure HTML designers that can match features used by the Flash timeline animators. The only thing we need to see is how well it will be integrated with programming logics and JS-development … maybe Dramweaver is up for another spin.

You can be notified about the public beta at http://www.adobe.com/go/edgepreview_notify and read more about the program at http://labs.adobe.com/technologies/edge/

The future is bright

Hvor trist beslutningen end er for dem der har skrevet sig op, er jeg sikker på at Adobe kun har gjort dette af nødvendighed. Der var helt sikkert ikke noget de hellere ville, end at få 100.000-vis af feedback til fejlrettelser inden den endelige version, men de må føle sig så sikre i sadlen at de overfører de mange ressourcer en offentlig beta kræver over til færdiggørelsen af produktet.

Så snart der kan slippe noget ud, skal jeg nok lade høre fra mig

De nye muligheder i programmet og den bedre integration med Flash Builder gør den til noget af det mest interessante i 2010.

Hvis du ikke har set programmet i aktion, så besøg http://max.adobe.com/online/ og se den “hemmelige session” på http://max.adobe.com/online/session/381

Iiiiiiiiih, altså!!

Den der skal hjælpe til med at få det hele til at rende pænt af stablen er Adobe Flash Catalyst som også er kommet i en ny beta. Her vil det være muligt at tage eksisterende design fra Illustrator og Photoshop mv. og overføre dem direkte til Catalyst. Du vil herfra kunne markere og omdanne de enkelte elementer til interaktive komponenter og definere dummy-indhold samt overgange imellem en applikations tilstande. Dette vil resultere i en et færdigt projekt der kan overføres til Flash Builder hvor dine dummy-data vil blive erstattet med LIVE data.

Hent demoerne, prøv dem af. Læs nogle tutorials til Flash Builder og Flash Catalyst så du kommer hurtigere igang.

… det er en investering i fremtiden der er værd at gøre sig for alle der har med interaktivt design at gøre.

Hvis du besøger http://max.adobe.com/online/ kan du registrere dig og få en påmindelse per mail et par timer før du kan komme ind på sitet og se et LIVE stream. Alle keynotes vil efterfølgende ligge der så du kan se dem igen og igen.

Det var da en dejlig trøstehistorie, selvom den falmer lidt i forhold til en tur til LA

… næste år, måske.

Det mere interessante features er nok code completion, behaviour lignende panel til nye brugere og samspillet med Adobe Flash Builder 4 ift. større projekter.

Se en gennemgang på:

http://www.flashmagazine.com/news/detail/adobe_flash_cs5_sneaks_from_fotb09/

Og kodenavnet … det er Viper, hvis du skal søge videre

Google Squares giver dig mulighed for at inddele din søgning i rækker og kolonner, så du kan få et skema over resultatet. En søgning på Countries gav følgende:

Resultat af søgning på "countries"

Google Squares opdeler det i relevante kolonner med navne, beskrivelser, hovedstæder osv. Hvis du vil have en specifik kolonne til at være synlig skal du bruge hårde parenteser i stil med “countries [popuplation]“. På den måde vil resultatet blive i stil med dette:

resultat med en specifik kolonne defineret

En anden ting, der er interessant er at det nye resultat giver nogle andre indledende kolonner. Den kigger derfor resultatet igennem og finder ud af, hvilke kolonner der er relevante i søgeresultet.

TIP: Du kan selvfølgelig også skrive en kolonne i Add Columns, i resultatet.

Denne form for søgning giver et helt andet overblik end den normale søgning, og det bliver nemmere at opsamle og sidestille delementer af resultater i forhold til hinanden. Alle skolepligtige vil helt sikkert kunne nyde godt af værktøjet. Jeg får i hvertfald  mange sjove søgeaftener med denne utitlity … men igen. Jeg er også lidt underlig

Google Squared er stadig et eksperiment, så der er selvfølgelig mange tilføjelser man kunne ønske sig … meeen. Den er kommet godt ud af starthullerne. Hurra for Google

Prøv værktøjet på http://www.google.com/squared – god fornøjelse.

/ockley

Adobe Flash Catalyst: http://labs.adobe.com/technologies/flashcatalyst/
Adobe Flash Builder 4: http://labs.adobe.com/technologies/flashbuilder4/

Hvad kan programmerne?

Adobe Flash Catalyst

Dette program er ment til at binde designere af RIA tættere til den interaktive platform. Hvor de fleste designere bruger Illustrator, Photoshop og Fireworks til at udvikle skærme og elementer til brugergrænseflader, har udvikleren ofte alt for megen kode i vejen når der skal dannes et overblik over den visuelle stil.

Det resulterer i at der bliver indgået en masse kompromier, når der skal pustes liv i layoutet. Med Flash Catalyst er følelsen og muligheden for at levere et “kodeklart” resultat rykket tættere på. Du kan nu med Flash Catalyst, tage dit layout fra Illustrator, Photoshop eller Fireworks og definere de interaktive elementer. Du kan vise overgange imellem states (tilstande) og præcist bestemme hvordan grafiske objekter i dit design skal optræde i den endelige applikation.

Resultatet bliver et køreklart projekt til Adobe Flash Builder 4, som udvikleren så bruger til at gøre applikationen færdig.

Adobe Flash Builder 4

Fra at være et program for super nørder, har Adobe Flash Builder vendt sig mere og mere til den “mindre øvede udvilker”. Har du erfaring med Adobe Flash CS4 og ActionScript 3.0 vil du helt sikkert få meget ud af Adobe Flash Builder 4. Programmet er baseret på Flex framework’et og levere Rich Internet Applications til Flash Platformen. Den er født med en bunke indbyggede effekter og klasser, der gør det hurtigt at lave applikationer der kan afvikles på Flash Platformen.

Hvor Adobe Flash CS4 bruger sin timeline og library til at levere unikke animationer og oplevelser, kan Flash Builder bygge robuste og appelerende applikationer til interenettet eller din desktop (via AIR)

Med direkte understøttelse af projekter eksporteret fra Flash Catalyst er det blivet endnu nemmere at overskue designet af Flash Builder projekter – en ting som folk, vant til Flash Professionel, har sukket efter.

Kom i gang, nu!

For at komme igang med programmerne er her en lille liste af relevante links:

Adobe Flash Catalyst

• Link til Beta af programmet: http://labs.adobe.com/technologies/flashcatalyst/
• Links til tutorials: http://labs.adobe.com/technologies/flashcatalyst/tutorials/
• Link til forum på www.hjaelpmignu.dk: http://www.hjaelpmignu.dk/modules/newbb/index.php?cat=16

Adobe Flash Builder 4

• Link til Beta af programmet: http://labs.adobe.com/technologies/flashbuilder4/
• Link til tutorials: http://labs.adobe.com/technologies/flashbuilder4/tutorials/
• Link til forum på www.hjaelpmignu.dk: http://www.hjaelpmignu.dk/modules/newbb/index.php?cat=17

Derudover er der en række demonstrationer af Flash Platformen på http://labs.adobe.com/technologies/flash/videos/

Held og lykke. Jeg glæder mig til at se, hvor langt i kan trække programmerne

/ockley