• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
  • přihlásit
    registrace
    ztracené heslo?
    PHATEHTML5 a JS v rukou Flash developerů
    Flash pomalu ale jiste umira a je nahrazovan HTML5/JS. Tento klub je o knihovnach, radach a poradach developeru vytvarejicich interaktivni obsah.
    rozbalit záhlaví
    POLOVI
    POLOVI --- ---
    OOPS: jako bez JS jsou dost slabe spis vhodne tak na move z bodu X do bodu Y na nejake timeline coz byl asi zamer. Dost veci jde vyresit skladanim animovanych objektu do vice elementu napriklad jednim elementem hybat sem tam a elementem uvnitr rotovat. bez nejake kvalitni animacni js knihovny to asi uspokoji maloktereho flashare :D
    OOPS
    OOPS --- ---
    POLOVI: asi TweenLite.js, musim jeste zkusit. Nicmene k cemu pak vubec existuji CSS Animations, kdyz jsou tak nestastne vyresene :/
    POLOVI
    POLOVI --- ---
    OOPS: neumoznuje to nejaka js knihovna pro animace tam by se uz daly v urcitych krocich z dostupnych aktualnich hodnot zmenit jine, je fakt ze na takove veci jsou transform ne moc dobre vyresene
    PHATE
    PHATE --- ---
    OOPS: imho by reseni mohl znat ricardo (@mrdoob). zkus jeho. osobne jsem si zatim moc s CSS animaci nehral, takze ani vzdalene netusim reseni.
    OOPS
    OOPS --- ---
    OOPS: no one? Podle me je proste -webkit-transform spatne navrzeny, nemuzu si pomoct, rad bych se o tom s nekym tady pobavil, proste me prijde ze to navrhoval naky typek co dela HTML Forms a ne animace.

    Je to dost omezujici, protoze si nemuzete navrhnout 2 ruzne CSS animace pres keyframes, kde by jedna definovala jen rotaci a druha jen posun (v pripade transform3d, ne left (x) a top (y), ty nejsou na mobilu HW accelerated).
    OOPS
    OOPS --- ---
    Nenapada vas nekoho jak resit tento problem?
    animation - -webkit-transform how can I change rotate() while preserving translate3d()? - Stack Overflow
    http://stackoverflow.com/questions/8143894/webkit-transform-how-can-i-change-rotate-while-preserving-translate3d
    (ta odpoved co tam je, je samozrejme blbe)

    podle me je to nemozne. Proste ve Flashi ma clovek x, y, z, rotation a muze je nastavovat kazdou zvlast. V CSS je mozne nastavit jen vse naraz, kdyz clovek chce prenastavit jednu na jinou hodnotu smaze to ostatni nastaveni.
    SLASH
    SLASH --- ---
    Hammer.js — A javascript library for multi touch gestures
    http://eightmedia.github.com/hammer.js/

    multitouch lib..
    OOPS
    OOPS --- ---
    gmaps.js - docela fajn jednoduche google mapy
    gmaps.js — the easiest way to use Google Maps
    http://hpneo.github.com/gmaps/examples/polylines.html
    OOPS
    OOPS --- ---
    Kdybyste se chteli zbavit bounce efektu na iOS pri skrolovani:
    Preventing vertical scrolling bounce of websites on iOS using JavaScript | Gregs Ramblings
    http://gregsramblings.com/2012/05/23/preventing-vertical-scrolling-bounce-using-javascript-on-ios-devices/

    ve PhoneGap aplikaci je na to switch v Cordova.plist: UIWebViewBounce: NO

    velmi uzitecne, zvlast kdyz delate aplikaci a ne web.
    OOPS
    OOPS --- ---
    PHATE: jojo, hlavne kdyz si to clovek nasetupuju na localhostu (Shadow update 2), tak je to fakt supr, jedu to spolecne s MAMP a funguje to prekvapive dobre.
    SLASH
    SLASH --- ---
    worth watching

    Fluent 2012: Paul Irish, "Javascript Development Workflow of 2013" - YouTube
    https://www.youtube.com/watch?feature=player_embedded&v=f7AU2Ozu8eo#!
    PHATE
    PHATE --- ---
    OOPS: ja s tim ted realizuju jeden projekt. je to velkej pomocnik a uz ted ma v mem toolkitu sve misto.
    OOPS
    OOPS --- ---
    Uz jste nekdo zkouseli Adobe Shadow? Postrehy?

    Download Adobe Shadow - Adobe Labs
    http://labs.adobe.com/downloads/shadow.html

    video: http://tv.adobe.com/watch/adobe-technology-sneaks-2012/adobe-shadow/
    SLASH
    SLASH --- ---
    POLOVI: tou podporou som mal na mysli podporu pre editory , spominaju ze nic okrem vim tento jazyk nerozozna a tym padom nemas code highliting, error highlighting, syntax checking, code hinting, code completion , quick fixes atd..
    + chybaju tomu pomocne higher level libraries ako jQuery..

    ale urcite to je zaujimavy projekt ktore je hodno sledovat.
    POLOVI
    POLOVI --- ---
    SLASH: nevim Haxe je zajimave ale moc bych ho s timhle nesrovnaval asi, ma jine cile. A toho ze jsx, coffeescript a podobne moc lidi nebude pouzivat bych se moc nebal vzhledem k tomu jak jednoduche ty kompilery a gramatiky jsou si to clovek jednoduse doupravi i sam.

    To JSX mi prislo zajimave hlavne tim jak podobne actionscriptu je a pritom to jde stale pouzivat jako ciste JS + umoznuje to lidem z actionscriptu celkem slusne prejit na JS bez reseni obcas nemotornych konstrukci v JS. a hlavne je to male a bez nejakych zavislosti nebo potreby nejakych prostredi a podobne. Pro urcitou skupinu lidi mi to prijde jako zajimava alternativa k cistemu JS
    SLASH
    SLASH --- ---
    POLOVI: vypada to zaujimavo, ale podobne veci uz boli skusane, neviem ci si pocul o Haxe.. Haxe ma navyse super editor - FDT podporuje aj actionscript aj haxe..
    problemom je mala rozsirenost medzi developermi a tym padom aj nizka podpora, takze pokial to neprelomi urcitu kriticku masu, je riskantne sa do toho pustat..
    POLOVI
    POLOVI --- ---
    http://jsx.github.com/

    pro nektere by mohla byt asi prijemnejsi nahrada za actionscript
    PHATE
    PHATE --- ---
    SLASH: Idea umi uplne vse bez pluginu. V podstate jsou v tom features ze vsech ostatnich IDE od jetbrains.
    SLASH
    SLASH --- ---
    PHATE: jj, je fakt super, to bez debaty..
    prave rozmyslam ze asi radsej kupime PHPStorm , kedze to ma vsetko co webstorm + php support..
    IntellijIdea je ale IDE na Java nie ? Ci si tam mozem doinstalovat podporu na php a web (js/html/css) ? ako plugins ? zadarmo ? ci musis za to extra platit ?
    PHATE
    PHATE --- ---
    SLASH: FDT jsem pouzival strasne dlouho, ale Idea mi prijde srovnatelne kvalitni, takze radsi platim jen jedu licenci a mam ji na vse :)
    SLASH
    SLASH --- ---
    PHATE: uznam ti ze intellijIDEA je najlepsi editor ked chces pouzivat VSETKY spomenute platformi v jednom.

    FDT (5.5) je vsak stale u mna number 1, co sa tyka cisto flash / AS3. Posledne tam pridali zopar fakt dobrych veci, ako conditional debbuging, swf bridge (mozes si v actionscripte napisat vlastne componenty pre IDE), haxe, advanced refactoring a workflow pre mobilne platformy je tam teraz uplny sen :)
    Kliknutím sem můžete změnit nastavení reklam