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)>...
<=>)?,@7($A,BCD       <A,BC$?C/--EF.)IG-FD       <A(/>D       $$$$&%()*+,%(-./"01(!)2(3$%.4&5%()*+4       <%A(/>D       <H...
<=>)?,@7($A,BCD       &6+/7,78%%-.$%,!"#+"96,:";%680"<,%%+(8!%="(/%.4       <A(/>D       $$$$<-?!7,$-?EFB)>(.!9+G-FD<%-?!7...
3!"#+"96$+?).,)C-$5      $$$$%L$7!:/M!$H2,,).($9/$-C!>(-A)K$L%      ;      3+"96$+?).,)C-$5      $$$$%L$-/:!G$H2,,).($!$:)...
!"#$>"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.14...
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...
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!>,...
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!$...
>"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 ...
pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne ...
pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne ...
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($2...
@supports                         j.mp/at-supports      M%9**"(+%$#$H)*I-!9!.1QH)>(IH)*$45      $$$$%L$>(:C//?!G($/:)$G($2...
~            ~    @niksy
(WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se!
(WS14) Ivan Nikolic - Modernizr—browseru, identificiraj se!
Upcoming SlideShare
Loading in …5
×

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

559 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
559
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Browseru—identificiraj se! Ivan Nikolić @niksy
  2. 2. Detekcija browsera ye olden days
  3. 3. !"#$%&!(")*%+,(-,#$./0!1/,)+2-(31(.,$4$45 $$$$%%$6/7/0!$.(8,)$9/$&!(")*$:)!-.!:( ;JS
  4. 4. !"#$%&!(")*%+,(-,#$./0!1/,)+2-(31(.,$4$45 $$$$%%$6/7/0!$.(8,)$9/$&!(")*$:)!-.!:( ;JS
  5. 5. MOGUĆNOSTI }Detekcija browsera new kid on the block
  6. 6. tko si ti? VSmožeš li ti to i to?
  7. 7. Ovo je web.
  8. 8. Ovo će biti web.
  9. 9. Nastao 2009. godine
  10. 10. Nastao 2009. godineFaruk Ateş i Paul Irish
  11. 11. Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.
  12. 12. Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.Preko 60 testova
  13. 13. Nastao 2009. godineFaruk Ateş i Paul IrishOpen Source App of the Year 2010. i 2011.Preko 60 testova2 pjesme u čast
  14. 14. Kako Modernizr funkcionira?
  15. 15. <=>)?,@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
  16. 16. <=>)?,@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
  17. 17. <=>)?,@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
  18. 18. 3!"#+"96$+?).,)C-$5 $$$$%L$7!:/M!$H2,,).($9/$-C!>(-A)K$L% ; 3+"96$+?).,)C-$5 $$$$%L$-/:!G$H2,,).($!$:)!-,!$7-,(=$L% ;CSS
  19. 19. !"#$>"01(!)2(3+"96$45 $$$$%%$NO$"/CCH/?: ;$(C-($5 $$$$%%$PH(I?))C$!.,(/:?!G/= ;JS
  20. 20. +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
  21. 21. API
  22. 22. addTest() >"01(!)2(3800@1%+AB:";%)2)!?BS$"2.?,!).#45 $$$$%%$C)1!:/$9/$,(-,!/.G( ;4UJS
  23. 23. 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
  24. 24. prefixed() >"01(!)2(3*(1=);10AB:";E)2)!?BFG$%%$J)9X)*O!9!.1JS
  25. 25. 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
  26. 26. hasEvent() >"01(!)2(368%IJ1!+#Y(-!9(YS$K!.>)K4U$%%$,2(JS
  27. 27. mq() >"01(!)2(3/K./"&=>4,7%$$&4*&#4.4?*1@A#-BCDEFG148/8<JS
  28. 28. _prefixes i _domPrefixes >"01(!)2(3L*(1=);1%U$%%$7)7!-$7("!:-/ >"01(!)2(3L0"/D(1=);1%U$%%$7)7!-$]J$7("!:-/JS
  29. 29. Opcionalni moduli
  30. 30. html5shiv.js
  31. 31. html5shiv.jsrespond.js
  32. 32. html5shiv.jsrespond.jsyepnope.js
  33. 33. >"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
  34. 34. >"01(!)2(37"80#5 $$$$,(-,Q$J)>(.!9+0!>()S $$$$.)7(Q$^$Y"C/-AI"/CCH/?:+G-YS$Y7C/@(+-K"Y$_ ;4UJS
  35. 35. HORORI PO DETEKCIJIhttp://j.mp/LWdtyU
  36. 36. pointer-eventskonflikti sa SVG standardom
  37. 37. pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenja
  38. 38. pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednosti
  39. 39. pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednosti
  40. 40. pointer-eventskonflikti sa SVG standardomposition:fixed;još uvijek bez bullet proof rješenjaTouch eventovilažne pozitivne vrijednostiThe Undetectables
  41. 41. Razmotriti način upotrebe!
  42. 42. modernizr.com + git.io/modernizr
  43. 43. modernizr.com + git.io/modernizrServerska implementacija
  44. 44. modernizr.com + git.io/modernizrServerska implementacijaPolyfillovi
  45. 45. modernizr.com + git.io/modernizrServerska implementacijaPolyfilloviTablice kompatibilnosticaniuse.com, mobilehtml5.org
  46. 46. BUDUĆNOST? http://j.mp/LWdx1D
  47. 47. Performansna poboljšanja
  48. 48. Performansna poboljšanjaRješavanje The Undetectablesa
  49. 49. Performansna poboljšanjaRješavanje The Undetectablesa@supports
  50. 50. @supports j.mp/at-supports M%9**"(+%$#$H)*I-!9!.1QH)>(IH)*$45 $$$$%L$>(:C//?!G($/:)$G($27!,$7)>M/.$L% ;CSS
  51. 51. @supports j.mp/at-supports M%9**"(+%$#$H)*I-!9!.1QH)>(IH)*$45 $$$$%L$>(:C//?!G($/:)$G($27!,$7)>M/.$L% ;CSS
  52. 52. ~ ~ @niksy

×