TubeNews.in @ WebConf Taiwan 2013

Transcript

1. TubeNews.in a backend-free TV News Parody Zhusee http://about.me/zhusee

2. None

3. ྛṻὸ仛ఖ

4. + Â Narration = T “News”? YouTube Video

5. None

6.   
   
   
   %  
   
   "'&$$ (! %)
   # ዹ࢕ Exclusive

   17:201 wx
    Tube News HD
7. None

8. location.search http://tubenews.in/?v= &title= video id string Initialize Function

9. T ෮ၛ҂Ⴈሱ࠭ቓ႕ோHosting XD

10. News Layout UI Embedded YouTube Video TV Frame

11. 
    # ዹ Exclusive   
    
    
    %  
    
    "'&$$ (! %)

    17:201 wx
     CSS Gradient by Handlino +

12. Container ẖⅼ஝Ẻ Container   Container    Loop

    Start Running Loop End

13. CSS ҂ᾇỗྍ↙஝Ẻ ྍ↙Ṍⅳ 1 2 3 4 5 1’ 2’

    3’ ♶⚧

14. CSS ҂ᾇỗྍ↙஝Ẻ Container Container Container Loop Start Running Still Running...

    ྍ↙Ṍⅳ 1 2 3 4 2 3 4 5 1’ 4 5 1’ 2’ 3’

15. CSS ҂ᾇỗྍ↙஝Ẻ Container Loop Start ྍ↙Ṍⅳ 1 2 3 4

    Container Loop End 5 1’ 2’ 3’ transitionEnd event

16. • TubeNews: http://tubenews.in/ • MoreText.js: http://more.handlino.com/ • @zhusee2 on Twitter

    • http://about.me/zhusee Thank You