(ws14) ivan nikolic - modernizr—browseru, identificiraj se!
TRANSCRIPT
Detekcija browseraye olden days
JS
!"#$%&!'(")*%+,(-,#$./0!1/,)'+2-('31(.,$4$45
$$$$%%$6/7'/0!$.(8,)$9/$&!'(")*$:)'!-.!:(
;
JS
!"#$%&!'(")*%+,(-,#$./0!1/,)'+2-('31(.,$4$45
$$$$%%$6/7'/0!$.(8,)$9/$&!'(")*$:)'!-.!:(
;
Detekcija browseranew kid on the block
}MOGU"NOSTI
tko si ti?
mo!e" li ti to i to?VS
Ovo je web.
Ovo !e biti web.
Nastao 2009. godine
Nastao 2009. godine
Faruk Ate# i Paul Irish
Nastao 2009. godine
Faruk Ate# i Paul Irish
Open Source App of the Year 2010. i 2011.
Nastao 2009. godine
Faruk Ate# i Paul Irish
Open Source App of the Year 2010. i 2011.
Preko 60 testova
Nastao 2009. godine
Faruk Ate# i Paul Irish
Open Source App of the Year 2010. i 2011.
Preko 60 testova
2 pjesme u $ast�
Kako Modernizr funkcionira?
HTML
<=>)?,@7($A,BCD
<A,BC$?C/--EF!"#$%FD
<A(/>D
$$$$<-?'!7,$-'?EFB)>('.!9'+G-FD<%-?'!7,D
<%A(/>D
<H)>@D<%H)>@D
<%A,BCD
HTML
<=>)?,@7($A,BCD
<A,BC$?C/--EF.)IG-FD
<A(/>D
$$$$&%'()*+,%('-./"01(!)2(3$%.4&5%'()*+4
<%A(/>D
<H)>@D<%H)>@D
<%A,BCD
HTML
<=>)?,@7($A,BCD
&6+/7,'78%%-.$%,!"#+"9'6,:";%680"<,'%%+(8!%="(/%.4
<A(/>D
$$$$<-?'!7,$-'?EFB)>('.!9'+G-FD<%-?'!7,D
+++
JS
J)>('.!9'+,)2?A$%%$"/C-(
J)>('.!9'+H)*-A/>)K$%%$,'2(
J)>('.!9'+?--,'/.-")'B-$%%$,'2(
CSS
3!"#+"9'6$+?).,')C-$5
$$$$%L$7'!:/M!$H2,,).($9/$-C!>(-A)K$L%
;
3+"9'6$+?).,')C-$5
$$$$%L$-/:'!G$H2,,).($!$:)'!-,!$7'-,(=$L%
;
JS
!"#$>"01(!)2(3+"9'6$45
$$$$%%$NO$"/CCH/?:
;$(C-($5
$$$$%%$PH('I?))C$!.,('/:?!G/=
;
CSS
+H)*$5
$$$$H/?:1')2.>I?)C)'Q'1H/#RSRSRS+T4U
;
3!"#(?:8$+H)*$5
$$$$H/?:1')2.>I!B/1(Q2'C#,'/.-7/'(.,IHC/?:+7.14U
$$$$%L$7('")'B/.?($&VW$L%
;
API
JS
>"01(!)2(3800@1%+AB:";%)2)!?BS$"2.?,!).#45
$$$$%%$C)1!:/$9/$,(-,!'/.G(
;4U
addTest()
JS
!"#$%&'(%)*##+$,-./0"1,'('&2/3456&7-'"&.89
4444%$-6%&4>"01(!)2(3+1%+C77D("*%AB:";E)2)!?BFG,::4-%6$
;8<
testProp() i testAllProps()
JS
>"01(!)2(3*(1=);10AB:";E)2)!?BFG$%%$J)9X)*O!9!.1
pre%xed()
JS
>"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(
;4U
testStyles()
JS
>"01(!)2(368%IJ1!+#Y'(-!9(YS$K!.>)K4U$%%$,'2(
hasEvent()
JS
>"01(!)2(3/K./"&=>4,7%$$&4*.4?*1@A'#-BCDEFG148/8<
mq()
JS
>"01(!)2(3L*(1=);1%U$%%$7)7!-$7'("!:-/
>"01(!)2(3L0"/D(1=);1%U$%%$7)7!-$\]J$7'("!:-/
_pre%xes i _domPre%xes
Opcionalni moduli
html5shiv.js
html5shiv.js
respond.js
html5shiv.js
respond.js
yepnope.js
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
;4U
JS
>"01(!)2(37"80#5
$$$$,(-,Q$J)>('.!9'+0!>()S
$$$$.)7(Q$^$Y"C/-AI"/CCH/?:+G-YS$Y7C/@('+-K"Y$_
;4U
pointer-eventskon!ikti sa SVG standardom
pointer-eventskon!ikti sa SVG standardom
position:%xed; jo" uvijek bez bullet proof rje"enja
pointer-eventskon!ikti sa SVG standardom
position:%xed; jo" uvijek bez bullet proof rje"enja
Touch eventovila#ne pozitivne vrijednosti
pointer-eventskon!ikti sa SVG standardom
position:%xed; jo" uvijek bez bullet proof rje"enja
Touch eventovila#ne pozitivne vrijednosti
pointer-eventskon!ikti sa SVG standardom
position:%xed; jo" uvijek bez bullet proof rje"enja
Touch eventovila#ne pozitivne vrijednosti
The Undetectables
Razmotriti na$in upotrebe!
modernizr.com + git.io/modernizr
modernizr.com + git.io/modernizr
Serverska implementacija
modernizr.com + git.io/modernizr
Serverska implementacija
Poly!llovi
modernizr.com + git.io/modernizr
Serverska implementacija
Poly!llovi
Tablice kompatibilnosticaniuse.com, mobilehtml5.org
Performansna pobolj"anja
Performansna pobolj"anja
Rje"avanje The Undetectablesa
Performansna pobolj"anja
Rje"avanje The Undetectablesa
@supports
CSS
M%9**"(+%$#$H)*I-!9!.1QH)'>('IH)*$45
$$$$%L$>(:C/'/?!G($/:)$G($27!,$7)>'M/.$L%
;
@supportsj.mp/at-supports
CSS
M%9**"(+%$#$H)*I-!9!.1QH)'>('IH)*$45
$$$$%L$>(:C/'/?!G($/:)$G($27!,$7)>'M/.$L%
;
@supportsj.mp/at-supports
