Beste sd'ers,

Ik ben op zoek naar een manier om een soortgelijke animatie te maken als deze:
http://www.fratellirossetti.com/en/Link/

Zij gebruiken echter flash en dat wil ik niet, ivm ondersteuning ios.

Weet iemand een alternatief?

Graag hoor ik van jullie!

Hoe belangrijk is het nou dat zo'n korte animatie (het schrijven van een naam) wordt getoond op een mobiele versie van een website, specifiek op Apples producten?

Je zou een .gif plaatje kunnen gebruiken.

Html5 ?

@Vincent, of het belangrijk is heeft de klant in dit geval bepaald. Dus ja het is belangrijk. En is het met gif zo vloeiend te maken?

@Ricardo, html5 is ook nog niet browserbreed gedekt....

Iemand anders andere oplossingen?

Maken in photoshop ofzo ?? opslaan als PNG. :).Denk wel dat je het vloeiend kan maken zonder problemen.

Ben zelf ook niet zo voor flash.

@Dsouwen, maken is photoshop? Je bedoeld verschillende frames dan? en dan snel laten afspelen in gif?

Een gifje is een mogelijkheid, denk wel dat je behoorlijk wat frames nodig hebt.
Alternatief is bijvoorbeeld met javascript/jQuery, in dat geval bedek je een plaatje van de tekst met allemaal divisions, deze divisions ga je vervolgens op bepaalde tijdstippen verplaatsen. Het meest basale is één division die naar rechts beweegt, hoe meer tijd je er in wil stoppen, hoe vloeiender je het kan realiseren (met dus meer divisions die op verschillende tijdstippen verschillende richtingen opgaan).

Vraag mij wel af of de klant zich realiseert dat daar zoveel tijd in gaat zitten.

Origineel gepost door Jan Willem L.

@Vincent, of het belangrijk is heeft de klant in dit geval bepaald. Dus ja het is belangrijk. En is het met gif zo vloeiend te maken?

Valide reden. Iedereen heeft wel eens klanten die inefficiente dingen vragen. Ik wijs ze er dan wel eerlijk op dat het meer tijd kost, en tijd is geld. Dat ze in ieder geval niet voor een verrassing komen te staan.

Het zal in een GIF net zo vloeiend te maken zijn, maar je (bitmap) GIF wordt met hetzelfde aantal frames wel zwaarder dan een vector flash animatie.

Lodewijk, bedankt voor je reactie.

Jquery had ik ook al naar gekeken, echter je krijgt nooit dat geschreven effect zonder (te) veel div's te gebruiken...

Denk dat we uiteindelijk gaan uitkomen op de basale variant of een combi met fadeIn...
Aanvullend bericht:
Vincent, heb ook aangegeven de mogelijkheden te gaan bekijken. Je hebt helemaal gelijk, ben ook voorstander van transparantie!

De meeste gif generatoren hebben een max aantal afbeeldingen, heb jij eng idee waar ik een fatsoenlijke kan maken?

kan je het niet maken in After effects en dan uitrenderen in GIF? Die gaat volgens mij niet zo zwaar om met animatie's als Photoshop en zal je bestand ook wat kleiner worden.

Maak gewoon flash voor alle flash ondersteunende browsers en HTML5 voor ios.
Snap dat als je klant dit wilt dat je dit gewoon wilt maken. Maar misschien als je ze uitlegt dat de kosten enorm stijgen om dit overal (ook ios) werkend te krijgen dat ze toch eens gaan nadenken of je wel zoveel poen wilt uitgeven aan dit.
Ten tweede, de user experience lijkt me ook belangrijk. De eerste keer dat een klant op zo'n intro komt is leuk. De tweede keer ook. Maar de derde, en overige keren slaat de klant het gewoon over.
Maar net zoals je zegt, jij kent de inside information dus misschien moet en zal je opdrachtgever dit willen.
Dan zou ik voor een mix voor flash en html5 gaan.

Gifje, ik vraag me af of je dit vloeiend krijgt en áls je het vloeiend krijgt hoe groot je gifje dan is.

En wat Lodewijk zegt... Dat kan inderdaad maar of je dat zou moeten willen...

Wat zeg je hier van? :)
https://www.sitedeals.nl/overige-deal...catie-v-a.html

Origineel gepost door Jan Willem L.

@Ricardo, html5 is ook nog niet browserbreed gedekt....

Niet? Tenzij je specifiek voor een bepaalde telefoon of tablet gaat ontwikkelen misschien maar HTML5 animaties doen het prima in ie8,9 FF, Safari en weet ik veel anderen. Het beste alternatief voor Flash animaties, misschien zelfs beter sinds Apple Flash links laat liggen.

Wilbert, bedankt voor je reactie, neem ik ook mee in de overweging

Rob, dank je! Ik ga je zeker onthouden!

Alexander, compleet verkeerde aanname van mij dan, was in de veronderstelling dat alleen moderne browsers canvas e.d. ondersteunen....

Origineel gepost door Alexander Mes

Niet? Tenzij je specifiek voor een bepaalde telefoon of tablet gaat ontwikkelen misschien maar HTML5 animaties doen het prima in ie8,9 FF, Safari en weet ik veel anderen. Het beste alternatief voor Flash animaties, misschien zelfs beter sinds Apple Flash links laat liggen.

TS wil juist ook op een mobiele website een werkende animatie. Uit nieuwsgierigheid: werkt HTML5 al goed op ios? En Apple laat Flash voor mobieltjes links liggen, niet in het algemeen, laat dat duidelijk zijn :).