Appleova zamjena za Flash? CSS animations na iPhoneu
Objavljeno 09.02.2009. Objavio/la: Luka Sucic
U sekciji Novosti, Software | 21 Komentara
Da se jednostavno nastavimo na nedavnu priču o Flash contentu na iPhoneu, surfajući naišao sam na nekoliko poprilično zanimljivih informacija. Naime ekipa iz WebKit Open Source projekta (za sve one koji neznaju WebKit je open source browser engine na kojem se temelji nekoliko današnjih popularnih browsera kao što su Safari, iPhone Mobile Safari, Android Browser i slični) ima par prijedloga vezanih uz web standarde a tiču se između ostalog i iPhone-a. Ono što je zanimljivo u cijeloj priči je rad na CCS3 odnosno HTML5 standardima i implementacija neke od zanimljivih feature-a u Safariju za Mac OS X i Mobile Safariju za iPhone.
Jedna od njih su CSS animations, odnosno samo jedan od prijedloga iz WebKit projekta i predloženih CSS Effects specifikacija. Ukratko radi se na tome da se developerima osigura jednostavniji, bolji i brži način za kreiranja multimedijalnog web sadržaja i to na način da se oni implementiraju u postojeće (ili nadolazeće) web standarde kao što su CSS i HTML.
Cilj je u potpunosti zamjeniti postojeće veremenski i količinski zahtjevnije poslove kreiranja animacija na druge do sada uobičajene načine (JavaScript, Flash..) Ono što cijelu priču čini iznimno zanmljivom je da su CSS animacije (kao i podrška za 3D styling) već uključene u Mobile Safari na iPhone-u, odnosono u nove “Nightly buildove WebKit-a”
WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS.
Za sve one koje zanima kako ovo izgleda uživo jednostavno otvorite sljedeće linkove sa svojim iPhone-om ili iPod Touch-om, falling leaves , bouncing frame i Pulse.
Bez obzira na JavaScript, Flash i postojeća riješenja ovo za sada zvuči poprilično dobro. Naravno ako dodamo na to i :
Another nice feature from the HTML5 draft specification is now available in the WebKit nightly builds for Mac OS X. The new HTML5 and elements add native support for embedding video and audio content in web pages.
Stvar postaje još više zanimljivija.
S obzirom da nisam web developer ta strana priče me ne zanima, ono što me zanima je što će to značiti za end usera. Kako vidim predloženo je da se sve opisano uključi u CSS standard što bi vrlo vjerojatno rezultiralo poprilično popularizacijom takvih riješenja i sa vremenom polako izguralo sva ostala.
Naravno ne mora se biti nešto posebno proniciljiv da bi se zaključilo da Apple na ovaj način, razvijajući dodatno i forsirajući psotojeće web standarde indirektno pokušava izgurati ili makar značajno smanjiti potrebu kao i upotrebu Adobeovog Flasha na internetu.
Iskreno, gledajući ovu “falling leaves” animaciju, i njen utjecaj na performanse telefona, ne mogu se oteti dojmu da se Flashu ne piše dobro. Čini mi se da Flash Lite kao perjanica multimedije mobilnih platforma ne može previše nositi sa ovime, pogotovo uzimajući u obzir poprilične procesorske i memorijske zahtjeve sa jedne strane odnosno poprilično ograničenja u prikazu i funkcionalnsoti sa druge strane.
Uglavnom čini mi se da će se stvari odvijati poprilično brzo nakon (ako) što se ovo usvoji u CSS standard, a nakon toga, ubrzanim tempom bi se stvari trebale početi mjenjati. Ako razmislite potpuno je logično, ovi “featurei” su već ugrađeni u blizu 20ak milijuna uređaja ( iPhone + iPod Touch) a vrlo skoro će se pojaviti u još toliko milijuna Apple računala diljem svijeta. Dakle onaj inicijalni “kick” i beta testing okruženje je već pripremljeno i samo čeka. U slučaju da i ostali usvoje i implementiraju CSS animation (ovdje ne mislim na Microsoft i IE) kao naprimjer Mozzila Firefox stvari bi mogle okrenuti na bolje.
Jedan zgodan citat za kraj :
Doing this in CSS markup means it’s open for implementations on any platform, by anybody, and can be tweaked for each OS/Browser by the people who made it, not when Adobe feel like it.
Znam da među čitateljstvom sigurno imammo pokojeg web developera pa me zanima vaše mišljenje, da li se radi o “wishful thinkingu” ili je ovo zaista realan i moguć scenarij?
Tagovi: CSS, iPhone, web development, webkit
Komentari:
21 komentara na “Appleova zamjena za Flash? CSS animations na iPhoneu”
Ostavi komentar
Tagcloud:
Anketa
Loading ...Top komentari
-
0 (0) Marin: U googleu jos uvik ne vladaju tom tehnologijom na zadovoljavajucoj razini? Korisnik sam... - 0 (0) miki: Da li je moguče da se raspravlja o nečemu što se nije proučilo i da se toliko uporno...
- 0 (0) miki: Što se tiče ovih što trkeljaju o budučnosti smartfona i za što bi se trebali koristiti,...
- 0 (0) te-nej: Pa baš mi je milo da ipod slavi 10-ti rođendan, ali evo zašto ipak neću doći na tulum....
- 0 (0) triska: Kao prvo, svaka čast Dottore, već sam pomislio da si odustao od MacKorisnika. Što se...
-
Copyright
RSS
Newsletter
Loading ...
Ono lisce je stvarno predivno!! Za ostatak texta ne znam sto bi reko, mozda najbolje da misljenje da netko strucniji i kaze koliko je realno da se ova “stvar” popularizira
Citao sam i ja o tome hypeu isto na Macrumors, etc… nemojte vjerovati svemu sto procitate – nekad je taj “Apple kult” totalno zaludjena stvar i stvarno brani ljudima da vide dalje o svog nosa. Ja sam i Apple korisnik i Flash developer i mogu reci sljedece:
Da li se Flash stvarno treba zabrinuti zbog par osnovnih animation featureva koje je Flash imao vec u 2.0 verziji daleke daleke 1997. godine? Flash je mnogo veci po pitanju featureva od tjeranja lisca po ekranu.
Sto se tice toga da su ti featurevi ugradjeni u 20 mil. uredjaja vec (i ta brojka je malo optimisticna) – sto je to u odnosu na penetraciju Flash Playera od 97% svih racunala na netu?
Da, CSS Animation je super stvar – al nije kompletno istina ono sto u clanku pise – jos jedan problem je da ono sto Apple radi ide van specifikacija – ugradjuje featureve nestandardizirano i na svoju ruku. Sto nikad nije dobro.
Loco meni se čini da si ti zaluđeni flash developer i ne vidiš dalje od svog nosa. Flash je BLOATWARE. Fact! Optimizacija = 0. Opterećene flash ritch kontenta na procesor je boli glava a što je najgore čini se da Adobu puca tuljac za time.
Moj jadni komp čim vidi da negdje piše flash od straha procesor skoči na 100%… get real i deri po adobu da se napokon time pozabavi.
Kao developer mogu reći da mi se sviđa ideja. Osobno ne volim Flash, a još ga više zamrzim svaki put kad odem na neku stranicu s puno flasha, a load procesora mi znatno skoči…
Uvijek nastojim “progurati” CSS3 gdje god to mogu, al postoji jedan problem. Većina ljudi (nažalost), još uvijek ne zna ni za jedan drugi browser osim za IE-a zbog čega i naručitelji nekog projekta žele samo da im sve radi u IE-u (i eventualno u FF).
Zato mislim da će se ovo puno brže i prije raširiti među mobilnim uređajima (iPhone i slično) samo zato što Flash tamo sucka.
Exactly my point Vlado. Flash Lite suxa žestoko, (bar na mojoj nokiji). Patetični pokušaj da se nešto nabrzinu složi čisto da se može reć, ej vidi ima nas na mobitelima. Fora je u tome što je flash previše vezan za x86 da bi se išta smisleno moglo napraviti na ostalim platformama. Nek Adobe gradi isponova ili GTFO. A IE polaaaaaaaaaaaaaako ali sigurno gubi
Dečije ponašanje. Ako je IE dobar proizvod (trenutno “kao” jeste) zašto ga ne koristiti. Ako je Firefox bolji, zasto ga ne koristiti. Flash je orginalna tehnologija, i bilo je dosta pokušaja kopiranja i pravljenja sličnih, ali niko do sada nije uspio da nadmudri Macromediu i Adobe.
Ovo nema veze sa Flash jer su to dve potpuno različite tehnologije. Samo je moguća primjena Prve u zamjeni za Drugom.
Činjenica je da se ovom tehnologijom zaista ne može puno napraviti ali to je kao malo da ušutkamo korisnike jer nemaju Animaciju. Ovdje su svi kao developeri a niko nije rekao da animacije Flasha zauzimaju procesorsku snagu proporcionalno rezoluciji prikazivanja animacije. Što se opet kaže da Flash se kako tako najvećim djelom portovati na iPhone. Samo da ima interesa.
Mirko bulazniš opet!
- Ovdje su svi kao developeri a niko nije rekao da animacije Flasha zauzimaju procesorsku snagu proporcionalno rezoluciji prikazivanja animacije-
ovo jednostavni nije istina, bar ne onako kako bi ti želio prikazati. Problemi su drugačije prirode i to sam naveo gore. Da si ikad zavrtio Flash Lite na mobitelu znao bi i sam u čemu je problem Flasha, to sigurno nije rezolucija ekrana. Al eto mora se malo pametovati.
a ovo o – ako je dobar-bolji proizvod zašto ga ne koristiti – šta reći osim
di ti živiš?!?
Flash je Bloatware!točka
@Think!
…”Flash je BLOATWARE”
Ma ti si bloatware. Flash je super platforma i za razvoj aplikacija…jesi li čuo za flex? on se oslanja na flash u front end-u… pogledaj http://www.philips.de
valjda si jedan od onih neupućenih kojemu je web samo osnovni html iz tamo neke 1994 i ništa više… i misliš kao i većina da je flash samo glupa animacija na početku sajta gdje klikneš skip.
A što se tiče računala i brzine, svaki komp danas radi s flashom najnormalnije… daj nekom djetetu taj tvoj C64 i kupi si normalan komp…
i daj ne melji gluposti više…
Slažem se sa katarinom. A tebi savjetujem da nešto naučiš. Ili posjetiš psihologa jer očito imaš nešto ne razjašnjeno. To brate ako ti ne razumiješ da Flash lite nije flash to je zaista tvoj problem. Ovdje niko nije govorio o Symbian implementaciji flasha, već portanju istog na iPhone.
Druže ti ovdje želiš da si developer, a ja ti samo kažem da ti nisi ništa, jer u protivnom bi zaista znao da svaki port i trud i hiljade linija koda napisani pa čak i za flash lite su jako kompleksni za tako ciljanu platformu a da ne pričam tek za sam symbian
Ja nisam developer za mobilne telefone i ne zanima me to zaista ni najmanje, ali imam dosta prijatelja koji zive od toga, koji su mi pokazali osnovne mane. Pa sa tim malim doticajem mogu reći da Adobe nije ni mogao bolje napraviti Flash za Symbian.
Tebi je očito Flash samo puko vrtenje reklama. Žao mi je ako je to istina, jer ti zaista nije mjesto ovdje.
Obožavam ove nove “Programere” koji je jučer pročitao Bug, naučio par riječi i sebe smatra developerom. “Veliko zauzeće procesora kod Flasha,( iako ne znam kakav komp imate), ali na Mac pro mašini se vrti na oko 10 % zauzeća dvije jezgre, ovisi isključivo o veličini objekata sa kojim flash radi , bilo rasterskim ili vektorskim, takodjer ovisi od animacije do animacije” Ovo mi je upravo rekao prijatelj koji zaista radi dosta sa Flash. Tako da ta priča o zauzeću ne stoji.E da i Flash platforma nije programiranje u kasičnom smislu te se Flash programeri ne mogu shvatiti kao programeri već napredna obrada grafike, primjenjena u programiranju. Isto stoji i za LINGO jezik i Director.
Ne znam zasto onda meni C2D od 2.2 GHz s 2GB rama skoci na preko 60% cim otvorim stranicu s nekim flash bannerom. A da ne pricam o full Flash stranicama…
@Ficho
druže to je do plugina, ili memory leaka istog. Za što se ni jedan od browsera a naročito Firefox ne može pohvaliti.
Meni se pak čini da tu ima još nečeg u igri. Naime – igre!
Puno je besplatnih flash igara i Apple-u nije u interesu dati masi platformu za igranje takvih igara od kojih Apple nema nikakav prihod.
Interes je da se igre kupuju preko AppStore-a.
Omogućavanjem flasha bilo bi vrlo jednostavno otići na npr. miniclip.com, odabrati neku od velikog broja ponuđenih igara i krenuti u igranje.
Na O’Reilly Radar blogu http://tinyurl.com/64g6hm može se vidjeti da su igre uvjerljivo kategorija br. 1 po prodaji na AppStore-u.
Znao sam da je ovo gorljiva tema al vidim da se opet provukla u flame
. Neću zauzimati strane al ću reći samo ovo. Sve se seli u manje formate, na mobilne platforme i manje ekrane. Flash tu za sad nema šta raditi, pokušali jesu sa polovičnim uspjehom ( da se blago izrazim).
Dokazali su to Flash Lit-om koji je preorganičen i memorijski prezahtjevan. Pobajte ga instalirati na WiMo ili Symbian uređaj i otvoriti recimo meni jedan od bolje napravljenih flash site-ova – Nvidijin speak visual
http://www.speakvisual.com/#/spotlight.
@ Mirko ajmo biti realni evo rezultat na novim MBP @2.4 GHz, 4GB 1033Mhz rama u firefoxu
http://img.skitch.com/20090209-gfhduwttk6diqp9ke7q28ghbj7.jpg
Safariju
http://img.skitch.com/20090209-krm4pm45gbf7t5waxktx76bd5s.jpg
i Operi
http://img.skitch.com/20090209-e84gb449mjsigta17nppnbwb7u.jpg
rezultati su kao što vidiš vrlo vrlo slični. I sad da svaki od njih ništa ne valja i ima hrpu memory leakova… hm hm meni se čini da nisu oni isključivi krivac. Vjerujem da sam probao na IE otvoriti situacija bi bila identična. Osim browsera i Skitcha ništa ne vrti… ako to nije dokaz da je flash optmiziran kao fićo za autocestu onda zaista neznam o čemu pričamo.
Dakle top of the line prijenosnik, max ram i dvojezgreni procesor nove generacije i Mac OS X. Da ne pričam kakva je situacija na slabijim mašinama a da pogotovo ne pričam o tome kako je na mobilniim uređajima. Ako želiš pošaljem par screenshotova sa Symbiana i WiMo 6.1.
Ne bih se složio da je flash zlo kao što ga neki žele prikazati. Ali da je sav divan i krasan , civijeće i drveće. Daleko od toga. Znam da je teško ostati objektivan kada se nešto što je vama drago ( i vjerojatno kruh vaš svagdašnji napada) al treba biti malo realan i reći kako stvari stoje.
Čitajući ove komentare netko neupućen bi mogao optužiti tebe i katarinu da ste Flash fanboyi
Fora je u tome što imam osjećaj da su ovi prijedlozi sa CSS animacijama i efektima odlično riješenje za MOBILNE platforme, jer Flash očito nije ( bar ne ovaj aktualni Flash Lite). A s obzirom da na mobilnim platformama WebKit polako počinje vladti ( iPhone, Android, neke Nokie, nadolazeći Palm Pre) i Opera koja je oduvijek bila cutting edge ne vidim šta je tu sporno. Na svu sreću na mobilnim platformama IE nikada nije vladao ( nadam se da nikad neće) s obzirom da je tek iPhone značajno digao upotrebnu browsanja internetom sa mobilnih telefona. E sad Flash je stnadard na desktop računalima ali je još uvijek daleko od toga na mobilnim, i ako se ovako stvari nastave neće ni biti.
Zaključak ajmo svi malo prestati biti fanboyevi jedne ili druge frakcije i nazvati stvari svoojim imenom.
@think – daj pliz fanboy ohladi. Mozda ti je stvarno vrijeme za zamjenis 486-icu a?
Ja sam komentirao cinjenicu da je obicna CSS animacija od tocke X od tocke Y – u “fanboy” svijetu izazvala reakciju tipa WOHOOO, nevjerojatno sto moze Apple – sve ostalo ce odmah umrijeti! Iako radi istu stvar kao sto rade Javascript ili Flash vec vise od 10 godina. Ili sto vec imamo open source standarde tipa SVG koji su zanemareni jer se opet netko sjetio gurati nesto svoje.
Naravno i ovo s optimizacijama su gluposti. Vecina prituzbi koje covjek cita o Flashu su gluposti tipa da je smece jer se nekome neka flash stranica dugo ucitava. Jel Firefox isto treba optimizirati ako ti se neka HTML stranica dugo ucitava? Neki projekt je onoliko dobar koliko je dobar developer koji stoji iza njega.
Ovo za bloatware je takodjer idiotizam. Flash se i razvio toliko brzo i daleko zbog velikog interesa online zajednice koja je tada cijelo vrijeme pikala Macromediu s novim zahtjevima buduci da je Flash najbolje multiplatformsko/multibrowser rjesenje koje postoji – konzistenntno radi na svim browserima i platformama.
I optimizacije isto. A ljudi potpuno zaborave da je to jedino rjesenje koje nudi cross-plaformske skalabilne vektorske/rasterske animacije (ide i u fullscreen), video/audio codece toliko kompresirane da pucaju po savovima (sorenson), antialiasing cak i na animacijama, gzip interni format (znaci ko da neki cijeli site skines u ZIP formatu, otkompresiras i onda gledas), embedirane fontove (vide se svugdje), real 3D u novoj verziji, alpha transparencije, dinamicke filtere (drop shadow, etc.), i ostale stvarcice mile developerima tipa interni XML parser, itd. itd. da ne zamaram dalje…
Ne kuzim sto misle ljudi da kad imas antialiasiranu animaciju s transparencijama koja se vrti na 800×600 rezoluciji u 30 FPS – da to ne bi trebalo nikakvo procesorsko vrijeme zauzimati? Ili mozda netko uopce zna neku alternativu koja to moze osim Flasha?
Ili cemo ga sad poceti usporedjivati s mpeg/divx video formatima koji za bolju “optimizaciju” koriste vec hardverske optimizacije tj. hardver koji je samo za njih radjen. Ili s 3d softverom?
(Open source) Struka je probala napraviti “bolju” verziju Flasha s SVG formatom i sve je otislo kvragu jer je SVG stvarno pokazao koliko stvarno moze slicna stvar rasturati po procesoru.
Cak i ako govorimo o nekakvim zlim Flash bannerima koji popapaju 30% vremena na procesoru – to naprave jer ih je radio netko koji ili a) ne zna sto radi ili b) nije mu vazno jer zna da svi imaju vec dovoljno jaki PC da to vide. U svakom slucaju je stvar na developeru. Kojeg opet gura komercijala. Optimizacija = vrijeme = novac.
Ovdje uopce na komentiram Flash lite, niti me zanima – ionako osobno vjerujem da je cijeli ovaj online flame i odbacivanje Flasha zapravo korporativna strategija. Da Flash dodje na iPhone, to bi znacilo ogroman pad App.Store platforme jer sve te igrice/zezancije koje sad Apple gura najednom bile dostupne iz browsera ili lokalno puten Flasha for free – buduci da bi najednom imali legije developera za iphone.
@ Luka – sorry, al ja mislim da ja gledam to “realno” i “nazivam stvari svojim imenom”.
Ajmo analizirati “optimizaciju” na primjeru tog speakvisual sitea kojeg si naveo.
“Nije optimizirano u smislu velicine” – cijeli site se ucitao u roku odmah tj. skinuo se interno kompresirani (zip) flash file i pokazao content s najboljom mogucom kompresijom videa, fontova, itd. itd. Tu se nema sto vise reci.
“Nije optimizirano jer mi procesor skoci na 60%”. Evo isao sam mjeriti i radi se o povrsini od bar 1100×850. Tj. flash animaciji s vektorskim antialiasingom, embediranim custom fontovima i interaktivnim video na izbornicima (koji se opet scalira i antialisira). Evo ja sam pokusao otvoriti neko svoj divx filmic i resizeati ga priblizno na tu velicinu tj. 1100×800 i procesor mi je takodjer skakao izmedju 30 i 60% ovisno o sekvencama koje se prikazuju (na Macbook PROu zadnje generacije). A govorimo o “obicnom” videu tj. seriji slika koje se samo pokazuju a ne interpretiraju dinamicku na procesoru kao na Flashu (zato Flash filmovi nemaju 600mb).
Ili imas mozda primjer neke druge tehnologije koja moze takav site napraviti a koja pokazuje kako se to moze dobro “optimizirati”? Proci ce dugih godina dok ce CSS-Transform u Webkitu to moci…
Ili mozda jos netko zeli usporedjivati padajuce lisce na 320×240 rezoluciji s speakvisual.com i pricati o optimizaciji?
Sorry – al moja kritika u orginalu je isla tome ljudi bez razmisljanja vise-manje prepisuju vijesti s internacionalnih mac-related siteova koji ih nekad objavljuju kao dio Appleove marketinske mashine (hint: $$$)….
Loco ovdje se i priča o mobilnom webu.Tvoja originalna kritika je izašla sa time da nisi niti pročitao članak, nego eto preletio očima i donio zaključak.
“Znam da među čitateljstvom sigurno imammo pokojeg web developera pa me zanima vaše mišljenje, da li se radi o “wishful thinkingu” ili je ovo zaista realan i moguć scenarij?”
Dakle tražilo se mišljenje a ne davao sud. Isto tako svi su otišli na drugu stranu. Ovdje se ne govori o desktopu nego o MOBILNOM WEBU. Svi proklinju što flash ne radi na mobilnim uređajima i počinju litanije kako je flash dobar, lijep, najbolji… a istina je da Flash nema šta raditi na mobilnim uređajima i točka. Taj dio nije za raspravu i možeš se i sam uvjeriti u to. Može on biti napredan kako hoće ali tu NE VALJA.. i treba tražiti alternativu ASAP. CSS animation je jedna od mogućih opcija.
“Ili imas mozda primjer neke druge tehnologije koja moze takav site napraviti a koja pokazuje kako se to moze dobro “optimizirati”?”
Silverlight2? (blasfemy znam znam).. ali nije istina da nema nijedne druge tehnologije. Dakle treba biti fair i reći neke stvari na glas.
Još jednom da ponovim jer vidim da su se svi uhvatili za krivu stvar. Ovdje govorimo o Flashu na MOBILNIM platformama, ne o desktopu.
Mislim da Luka od Nas traži da mi kažemo, Ovo je fenomenalno. Jer tražiti nečije mišljenje a ne donositi sud, znači jednu takvu površnost… Loco je bio u pravu jer je lijepo Vam rekao svima da Flash je okruženje sa jezikom, koji istinu za volji nije baš najsretnije riješenje, ali ima odličan potencijal za rad na mobilnim platformama ako se dobro primjeni. A za Css animation to je tek početak razvoja za koji ne znači da ce biti prihvacen, isto kao i DHTML lijepo je to na papiru i zvuči a na kraju nista vec vidjeno.
Ja se slažem sa Loco i Katarinom u tome da je Flash zaista izuzetna tehnologija i ima svoje veliko tržište i primjenu. Na Apple nije da bira tako veliku tehnologiju već da je primjeni. Ali bojim se da ima istine da bih odmah imali pad prodaje na Appstore i to je ono najžalosnije.
Kao što sam rekao pre, Adobe flash lite nije savršen i ne može se reći da se primjenjuje na iPhone, kada se radi o totalno drugačijem Frameworku i mora biti napisan ponovo.
No to ne znači da se ne može primjeniti.
A animacije tipa padanje lišća, pahuljiva i sl. su 2009 godine čak i za mobilni uredjaj prevazidjene, i ne pomažu u tome da kada otvorite neku stranicu vidite Flash sadržaj, a bojim se da se neće htjeti svi prilagoditi samo za iPhone.
Ovo gore napisano je jedno mišljenje bez ikakvih Flameova i sl. stvari. Ukoliko se neko ne slaže dovoljno je napisati ja tako ne mislim ili ja se ne slažem i to je u redu. Prozivkama ovdje zaista mislim da nije mjesto.
Mislim da krivo misliš, tražim MIŠLJENJE a ne da se netko složi samnom. Al eto sviđa mi se to što si jedini uspio izreći ono što stoji :
“Kao što sam rekao pre, Adobe flash lite nije savršen i ne može se reći da se primjenjuje na iPhone, kada se radi o totalno drugačijem Frameworku i mora biti napisan ponovo.”
I definitivno se slažem sa zadnjim komentarom