Modernizr

by giacal

HTML

<script src="http://modernizr.com/downloads/modernizr.js"></script>
<div id="pippo" data-feature='touch'>Supporto al Touch: <span></span></div>
<div id="pippo"data-feature='localstorage'>Supporto al Local Storage: <span></span></div>

CSS

.touch div[data-feature='touch'] span{
  color:green;   
}

.no-touch div[data-feature='touch'] span{
  color:red;   
}
.localstorage div[data-feature='localstorage'] span{
  color:green;   
}

.no-localstorage div[data-feature='localstorage']span{
  color:red;   
}

JavaScript

document.querySelector('div[data-feature="touch"] span').textContent = Modernizr.touch? "true" : "false" ;


document.querySelector('div[data-feature="localstorage"] span').textContent = Modernizr.canvas ? "true" : "false" ;