(WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se!
Upcoming SlideShare
Loading in...5
×
 

(WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se!

on

  • 528 views

 

Statistics

Views

Total Views
528
Views on SlideShare
528
Embed Views
0

Actions

Likes
0
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

(WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se! (WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se! Presentation Transcript

  • Browseru—identificiraj se! Ivan Nikolić @niksy
  • Detekcija browsera ye olden days
  • !"#$%&!(")*%+,(-,#$./0!1/,)+2-(31(.,$4$45 $$$$%%$6/7/0!$.(8,)$9/$&!(")*$:)!-.!:( ;JS
  • !"#$%&!(")*%+,(-,#$./0!1/,)+2-(31(.,$4$45 $$$$%%$6/7/0!$.(8,)$9/$&!(")*$:)!-.!:( ;JS
  • MOGUĆNOSTI }Detekcija browsera new kid on the block
  • tko si ti? VSmožeš li ti to i to?
  • Ovo je web.
  • Ovo će biti web.
  • Nastao 2009. godine
  • Nastao 2009. godineFaruk Ateş i Paul Irish
  • Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.
  • Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.Preko 60 testova
  • Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.Preko 60 testova2 pjesme u čast
  • Kako Modernizr funkcionira?
  • <=>)?,@7($A,BCD <A,BC$?C/--EF!"#$%FD <A(/>D $$$$<-?!7,$-?EFB)>(.!9+G-FD<%-?!7,D <%A(/>D <H)>@D<%H)>@DHTML <%A,BCD
  • <=>)?,@7($A,BCD <A,BC$?C/--EF.)IG-FD <A(/>D $$$$&%()*+,%(-./"01(!)2(3$%.4&5%()*+4 <%A(/>D <H)>@D<%H)>@DHTML <%A,BCD
  • <=>)?,@7($A,BCD &6+/7,78%%-.$%,!"#+"96,:";%680"<,%%+(8!%="(/%.4 <A(/>D $$$$<-?!7,$-?EFB)>(.!9+G-FD<%-?!7,D +++HTML J)>(.!9+,)2?A$%%$"/C-( J)>(.!9+H)*-A/>)K$%%$,2( J)>(.!9+?--,/.-")B-$%%$,2(JS
  • 3!"#+"96$+?).,)C-$5 $$$$%L$7!:/M!$H2,,).($9/$-C!>(-A)K$L% ; 3+"96$+?).,)C-$5 $$$$%L$-/:!G$H2,,).($!$:)!-,!$7-,(=$L% ;CSS
  • !"#$>"01(!)2(3+"96$45 $$$$%%$NO$"/CCH/?: ;$(C-($5 $$$$%%$PH(I?))C$!.,(/:?!G/= ;JS
  • +H)*$5 $$$$H/?:1)2.>I?)C)Q1H/#RSRSRS+T4U ; 3!"#(?:8$+H)*$5 $$$$H/?:1)2.>I!B/1(Q2C#,/.-7/(.,IHC/?:+7.14U $$$$%L$7(")B/.?($&VW$L% ;CSS
  • API
  • addTest() >"01(!)2(3800@1%+AB:";%)2)!?BS$"2.?,!).#45 $$$$%%$C)1!:/$9/$,(-,!/.G( ;4UJS
  • testProp() i testAllProps() !"#$%&(%)*##+$,-./0"1,(&2/3456&7-"&.89 4444%$-6%&4>"01(!)2(3+1%+C77D("*%AB:";E)2)!?BFG,::4-%6$ ;8<JS
  • prefixed() >"01(!)2(3*(1=);10AB:";E)2)!?BFG$%%$J)9X)*O!9!.1JS
  • testStyles() >"01(!)2(3+1%+E+H71%#YZB)>(.!9$5$K!>,AQ[R7*U$;YS "2.?,!).#$(C(BS$2C($45 $$$$J)>(.!9+/>>V(-,#YK!>,AYS $$$$(C(B+)""-(,W!>,A$EE$[R4U$%%$,2( ;4UJS
  • hasEvent() >"01(!)2(368%IJ1!+#Y(-!9(YS$K!.>)K4U$%%$,2(JS
  • mq() >"01(!)2(3/K./"&=>4,7%$$&4*&#4.4?*1@A#-BCDEFG148/8<JS
  • _prefixes i _domPrefixes >"01(!)2(3L*(1=);1%U$%%$7)7!-$7("!:-/ >"01(!)2(3L0"/D(1=);1%U$%%$7)7!-$]J$7("!:-/JS
  • Opcionalni moduli
  • html5shiv.js
  • html5shiv.jsrespond.js
  • html5shiv.jsrespond.jsyepnope.js
  • >"01(!)2(37"80#5 $$$$,(-,Q$J)>(.!9+,)2?AS $$$$@(7Q$-K!7(+G-S $$$$.)7(Q$-277),I,)2?A+G-$%%$G%:S$)0)$.($7)-,)G!$Q4 ;4UJS
  • >"01(!)2(37"80#5 $$$$,(-,Q$J)>(.!9+0!>()S $$$$.)7(Q$^$Y"C/-AI"/CCH/?:+G-YS$Y7C/@(+-K"Y$_ ;4UJS
  • HORORI PO DETEKCIJIhttp://j.mp/LWdtyU
  • pointer-eventskonflikti sa SVG standardom
  • pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenja
  • pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednosti
  • pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednosti
  • pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednostiThe Undetectables
  • Razmotriti način upotrebe!
  • modernizr.com + git.io/modernizr
  • modernizr.com + git.io/modernizrServerska implementacija
  • modernizr.com + git.io/modernizrServerska implementacijaPolyfillovi
  • modernizr.com + git.io/modernizrServerska implementacijaPolyfilloviTablice kompatibilnosticaniuse.com, mobilehtml5.org
  • BUDUĆNOST? http://j.mp/LWdx1D
  • Performansna poboljšanja
  • Performansna poboljšanjaRješavanje The Undetectablesa
  • Performansna poboljšanjaRješavanje The Undetectablesa@supports
  • @supports j.mp/at-supports M%9**"(+%$#$H)*I-!9!.1QH)>(IH)*$45 $$$$%L$>(:C//?!G($/:)$G($27!,$7)>M/.$L% ;CSS
  • @supports j.mp/at-supports M%9**"(+%$#$H)*I-!9!.1QH)>(IH)*$45 $$$$%L$>(:C//?!G($/:)$G($27!,$7)>M/.$L% ;CSS
  • ~ ~ @niksy