Fredrik Clement V2

Kategori: Egne projekter | Kommentarer (6)
Gemt: 2011-02-22 10:41


For 2,5 år siden lancerede vi første version af fotograf Fredrik Clements online portfolio, og da der er sket meget imellemtiden, så var det tid til at nyt site.

(Hvis du vil skippe teksten og hoppe direkte til sitet, så gør det her: fredrikclement.com)

Fredrik Clement - Frontpage

Målet med det nye site har været følgende:
- Mulighed for at vise flere billedserier
- Nemmere opdatering
- Direkte links til billeder
- Indbygget deling
- Mobilversion
- Bevare det minimalistiske udtryk

Lad mig med det samme indrømme at det har været en rigtig svær fødsel (5 måneder on/off), ikke mindst fordi vi hele tiden har været både glade for og stolte af det gamle site, så derfor var det vigtigt at det nye kunne mere, men uden at forringe det vigtigste, nemlig visningen af billederne.

Mulighed for at vise flere billedserier
En af de stærkeste ting ved det gamle site var enkelheden, at man som bruger slet ikke skulle tage stilling til noget, men blot blev ført igennem alt hvad sitet rummede.
Begrænsningen i det var, at Fredrik havde svært ved at gå i dybden med bestemte fotoserier eller emner, og da han med tiden har fået sig en overordentligt stor portfolie af fede billeder, så var det på tide at vise lidt mere.

Hver billedserie har også fået en lille introtekst, som vi synes er rigtig god til at sætte stemningen for hvad det nu er man skal se.
Fredrik Clement - Subpage

Nemmere opdatering
Fredrik synes faktisk ikke, forstå ham hvem der kan, at det er så fedt at opdatere sitet ved manuelt at rette i en xml-fil og uploade nogle billeder.
Derfor har vi været på udkig efter er CMS, der hverken kan for lidt eller for meget, og som samtidig spiller godt sammen med Flash.

I sidste ende faldt vores valg på Royale/CMS, da det er tilpas enkelt og nydeligt.
En feature vi især faldt for, var mulighed for at lave billedprofiler, sådan så Fredrik kun uploader et billede én gang. Herefter genererer CMS’et automatisk de forskellige størrelser vi skal bruge det i, men med mulighed for at Fredrik kan override automatikken og selv skalere og beskære billedet.

Direkte links til billeder
SwfAddress var kun lige dukket op da vi lavede det gamle site, så derfor nåede deeplinking ikke med, men det var naturligvis en selvfølge på det nye.

Indbygget deling
Facebook og Twitter har spredt sig med lynild, og med muligheden for at linke direkte til et bestemt billede, så var det oplagt også at lave en delingsfunktion.

Som en lille cool detalje, så viser den det rigtige billede på Facebook, inklusiv tekst og beskrivelser, hvis man bruger delingsfunktionen på sitet.
Det krævede et lille hack, da Facebook ikke selv kan vise Flash-indhold, men var absolut det værd.

Mobilversion
En anden ting der ikke spiller så godt sammen med Flash er mobiltelefoner, især iPhone, så derfor er der lavet en særlig version til de enheder.

For at se den, så bare gå ind på fredrikclement.com med en mobiltelefonen, så vises den automatisk.

Bevare det minimalistiske udtryk
Det her har klart været den største hurdle, alt det andet er jo “bare” teknik, men hvordan klemmer man lige en masse ekstra funktionalitet ind, uden at fjerne fokus fra billederne?
Grundlæggende, så har vi gemt alt man ikke har brug for lidt af vejen, og derudover har vi arbejdet med et meget stramt grid.

Fredrik Clement - Grid

Detaljerede grids er traditionelt i højere grad blevet brugt på almindelige html-websites, hvorimod Flash-sites ofte er lidt mere flydende, men i dette tilfælde lagde vi os fra starten fast på et grid.
Det var det allerførste jeg kodede på projektet, da det danner basis for alt andet, og samtidig noget af det jeg er mest tilfreds med.

Hvis du vil se det live, så kan du bruge G til at slå det til eller fra.

Alt i alt
Når vi nu selv skal sige det, så er vi faktisk rigtigt stolte af det nye site, så ikke mere tekst herfra, bare se at få prøvet det:

Sports and action photographer Fredrik Clement

NB: Hvis der er interesse for det, så laver jeg gerne et par indlæg om noget af funktionaliteten i sitet, så skriv en kommentar, hvis der er noget du vil høre mere om.


AntiAliasType.ADVANCED + Filter = Trouble

Kategori: Tips og tricks | Kommentarer (0)
Gemt: 2011-01-27 12:56


Bare et hurtigt lille tip:
Hvis du bruger AntiAliasType.ADVANCED + et eller anden filter, eksempelvis DropShadowFilter, på dine tekstfelter, så vil du med stor sandsynlighed rende ind i et problem hvor noget af teksten kan hoppe vertikalt.
Hvis tekstfeltet yderligere også er sat til autosize, så er der også en risiko for at det sidste bogstav på en linie bliver beskåret.

Netop de problemer har drillet mig den sidste uges tid, men med hjælp fra en blog (som jeg desværre ikke kan huske hvad hedder) fandt jeg ud af, at det at stille værdien rightMargin umiddelbart ser ud til at kunne løse begge problemer.

Her et eksempel som jeg i hvert fald ikke har fået til at fejle endnu:

var _shadow:DropShadowFilter = new DropShadowFilter(1,
						95,
						0x000000,
						1,
						0,
						0,
						0.5,
						BitmapFilterQuality.HIGH
						);

var _tf:TextFormat = new TextFormat();
_tf.rightMargin = 3;
_tf.size = 15;
_tf.align = TextFormatAlign.LEFT;

var _txt:TextField = new TextField();
_txt.text = "En eller anden tekst";
_txt.embedFonts = true;
_txt.multiline = false;
_txt.autoSize = TextFieldAutoSize.LEFT;
_txt.antiAliasType = AntiAliasType.ADVANCED;
_txt.defaultTextFormat = _tf;
_txt.setTextFormat(_tf);
_txt.filters = [_shadow];
addChild(_txt);


5 forudsigelser fra Adobe

Kategori: Diverse | Kommentarer (0)
Gemt: 2011-01-11 11:27


Adobe har lige smidt en ny version af deres nyhedsbrev Edge på banen, og i det var der et link til denne video, der indeholder 5 forudsigelser for 2011 - prøv at se den:
Adobe Edge - januar 2011

Er jeg den eneste der dels synes at humoren i videoen er totalt malplaceret og alt, alt for selvfed?
Jeg fik i hvert fald en lidt dårlig smag i munden efter at have set den.

Derudover synes jeg personligt ikke at de 5 ting der nævnes er særligt ophidsende, det skulle da lige være HTML5-delen, hvor man absolut må formode at de arbejder på et dedikeret værktøj - vi kan så kun håbe på at det bliver bedre end denne video ;-)


Tags: , ,

Flickr Julehjertefletter v. 2

Kategori: Egne projekter | Kommentarer (0)
Gemt: 2010-12-14 10:21


julehjerteSom en meget for sjov og ren intern aktivitet lavede vi for nogle år siden en helt simpel aplikation, der baseret på et enkelt søgeord loader billeder ind fra Flickr og fletter dem til et julehjerte.

For at hygge lidt om kunder og samarbejdspartnere, så har vi i år lanceret en ny udgave af den med lidt ekstra funktionalitet.
Man kan nu skrive seperate søgeord, sådan så man selv bestemmer hvad der skal være i venstre og i højre side (var der nogen der sagde Flash vs HTML5?) og efterfølgende kan man downloade julehjertet som en png.

Men, den vigtigste nye funktionalitet er, at man kan printe en template så man kan flette det virtuelle hjerte i den virkelige verden.
Særdeles velegnet til juletræet eller lidt hyggepyntning på kontoret.

Se mor, en julehjertefletter!


Flash Player 10.2 og StageVideo

Kategori: Diverse | Kommentarer (0)
Gemt: 2010-12-9 9:40


I betaversionen af den kommende Flash Player 10.2 er der blandt andet komme en ny klasse der hedder StageVideo. Den giver mulighed for drastisk øget performance ved videoafspilning, da den altid vil være GPU accelereret.

Der er dog en lille pris, for måden den øgede performance er blevet mulig er ved at fjerne videoen fra den normale displaylist, i stedet, så vil en StageVideo alt være placeret under alt hvad man har af almindelige movieclips, sprites m.m. Det kan gøre det lidt tricky at udnytte den ekstra performance til deciderede multimediesites, men er projektet en mere regulær videoplayer, så burde det til gengæld være super nemt.

Lee Brimelow har lavet en glimrende tutorial der kommer ind på et par yderligere gotchas:
Introduction to StageVideo


Flash og batterilevetid

Kategori: Diverse | Kommentarer (0)
Gemt: 2010-11-16 14:35


Apple annoncerede for nyligt at Flash som standard ikke ville være installeret på visse af deres bærbare computere, da de mener at den dræner batteriet.
Med andre ord: Flash = Højt strømforbrug.

Påstanden er sådan set god nok, der er ingen tvivl om at computeren samlet set bruger mindre strøm når Flash ikke er installeret.
Men, grunden til at den bruger mindre strøm er at den viser mindre indhold. Hvis man skifter et element med interaktion og animation ud med en statisk gif eller slet og ret ingenting, så giver det sig selv at der bruges mindre strøm.

Da de fleste af den type elementer i dag er reklamer, så findes de over det hele og dermed er effekten ved at slå Flash fra relativt stor.
Det man bare helt glemmer i den debat er HVORFOR der er så mange Flash-objekter rundt omkring?
Svaret er enkelt: Penge.

Når du besøger et gratis website, så er din “pris” for at bruge websitet, at du bliver eksponeret for forskellige reklamebudskaber, vel og mærke i en interaktiv og animeret form, da det øger effekten.
Slår du Flash fra, så undgår du denne eksponering (eller får den minimeret til statiske versioner), men samtidig fratager du også websitets eksistensgrundlag.
Uden penge, intet indhold.

I stedet for, så vil jeg anbefale dig at sende en mail til de netmedier du er glade for at bruge, og spørge dem om de ikke har en betalingsversion, hvor du giver 20 kr. pr. måned mod til gengæld at slippe for reklamerne.

Så sparer du strømmen og bevarer det gode indhold.


Her er Adobe’s bud på et HTML5-værktøj: Edge

Kategori: Nyheder | Kommentarer (1)
Gemt: 2010-10-27 10:00


Adobe har netop offentliggjort en video på Adobe TV hvor de demonstrerer et prototype værktøj som de p.t. kalder Edge.
Edge er inspireret af deres andre programmer og giver dig, i den nuværende udgave, adgang til at animere og scripte HTML5 på en timeline, meget i stil med den måde som det sker i Flash eller Premiere.

Edge er som skrevet kun en prototype, men den viser i hvert fald at Adobe ikke er bange for HTML5, men i stedet vil forsøge at være dem der leverer det bedste værktøj til at lave det i.

Se videoen her:

Videoen hos Adobe TV:
ADC Presents: Preview of the Edge prototype tool for HTML5


Tags: , ,

Tips til Flash Builder 4: Genveje og debugging

Kategori: Diverse | Kommentarer (0)
Gemt: 2010-10-25 16:04


Glimrende lille artikel, der gennemgår nogen af de mest nyttige genvejstaster i Flash Builder 4, og derudover kommer med et par tips til når der skal debugges:
Flash Builder 4 shortcuts and debugging tips

Et par af de mest nyttige genveje:
CMD+O: Skriv navnet på en funktion eller variabel og Flash Builder hopper automatisk hen til den
Option(Alt)+CMD+Pil op: Dupliker linie
CMD+D: Slet linie
Option(Alt)+Pil op eller ned: Flyt linie eller blok


Nemmere Facebook-applikationer med Flash

Kategori: Diverse | Kommentarer (4)
Gemt: 2010-09-27 16:16


Hvis du nogensinde har prøvet at lave en Facebook-applikation, som også har brugt Flash i større eller mindre omfang, så har du også på egen krop mærket hvor besværligt og knudret det kan være.
Eksempelvis er et typisk scenarie at man laver nogle php-filer som ikke laver andet end at være mellemmand mellem Facebook og Flash, ved at modtage kald og sende data retur.

Noget af det kunne også gøres med JavaScript-kald, men så var mellemlagt et andet sted.

Nu har et par af mine tidligere kolleger, gutterne fra player.io, imidlertid lavet en open-source AS3 klasse, som gør alt det meget nemmere.
Du kan finde den her:
Facebook Graph AS3

Har ikke selv haft lejlighed til at lege med den endnu, men der er tale om et par rigtigt dygtige gutter, så er ikke i tvivl om at det spiller.

I øvrigt har de også lige lanceret et værktøj, som helt generelt - Flash eller ej - gør det nemmere at lave Facebook-applikationer, herunder især spil.
Mere om det her: Player.io - SiteBox


Lad os droppe ordet “fri” når det ikke passer!

Kategori: Diverse | Kommentarer (0)
Gemt: 2010-08-31 10:36


I går hjalp jeg en veninde, der ikke kunne forstå at hendes internetforbindelse var blevet lukket, når nu den var med fri trafik.
Fri trafik viste sig i virkeligheden at være 20GB pr. måned.

Senere på aftenen så jeg en tv-reklame for Kokken og Jomfruen, i den var der et tilbud med en menu inkl. fri vin.
Her betød fri vin 1 flaske pr. kuvert.

I begge tilfælde er der tale om grænser som det er meget realistisk at støde på for en gennemsnitlig person, hvilket er til stor gene for personen - og i sidste ende også firmaet, da enhver som rammer disse grænser vil stå tilbage med en dårlig smag i munden.
Min veninde havde for eksempel ganske svært ved at forklare sin 2 årige datter hvorfor hun ikke kunne se mere Bamse og Kylling den måned.

Så, skal vi, som folk der beskæftiger os professionelt med markedsføring, ikke blive enige om at vi hver især gør en ihærdig indsats for at minimere brugen af ordet fri? :-)