Stylestats for popular Front-End Frameworks
Checkout stylestats here: https://github.com/t32k/stylestats
Stylestats for popular Front-End Frameworks
Checkout stylestats here: https://github.com/t32k/stylestats
Anyone know of a javascript date picker that is:
https://github.com/yargalot/grunt-accessibility - a little buggy compared to CodeSniffer
https://github.com/globant-ui/arialinter
http://www.karlgroves.com/2014/03/13/everything-you-know-about-accessibility-testing-is-wrong-part-4/ - grunt tenon a11y plugin
http://squizlabs.github.io/HTML_CodeSniffer/ - used to power grunt-accessibility
achecker api
test blockqoute
/* | |
* Project: BrazilJS Projects - Github Contributors | |
* Description: List all contributors of some Github Repository | |
* Author: Zeno Rocha | |
* License: WTFPL | |
*/ | |
;(function ( $, window, undefined ) { | |
.shape { | |
background: #832333; | |
background: rgba(131,35,51,0.6); | |
} | |
@media screen and (min-width: 480px) { | |
.shape { | |
background: #81409f; | |
background: rgba(129,64,159,0.6); | |
} |
function debug(text) { | |
((window.console && console.log) || (window.opera && opera.postError) || window.alert).call(this, text); | |
} | |
var test = "This is a test"; | |
debug(test); |
<picture alt="Alt tag describing the image represented"> | |
<!--<source src="photo-s.jpg"/>--> | |
<source src="photo-s.jpg"/> | |
<source src="photo-s@2x.jpg" media="-webkit-min-device-pixel-ratio:2, min-resolution:192dpi"/> | |
<!--<source src="photo-m.jpg" media="min-width:321px"/>--> | |
<source src="photo-m.jpg" media="min-width:321px"/> | |
<source src="photo-m@2x.jpg" media="min-width:321px and -webkit-min-device-pixel-ratio:2, min-resolution:192dpi"/> | |
<!--<source src="photo-l.jpg" media="min-width:641px"/>--> | |
<source src="photo-l.jpg" media="min-width:641px"/> | |
<source src="photo-l@2x.jpg" media="min-width:641px and -webkit-min-device-pixel-ratio:2, min-resolution:192dpi"/> |
<head> | |
<mqs> | |
<var name=”s@2x” media=”-webkit-min-device-pixel-ratio:2,-moz-min-device-pixel-ratio:2,-o-min-device-pixel-ratio: 2/1,min-device-pixel-ratio:2” /> | |
<var name=”m” media=”min-width:321px” /> | |
<var name=”m@2x” media=”min-width:321px and -webkit-min-device-pixel-ratio:2,-moz-min-device-pixel-ratio:2,-o-min-device-pixel-ratio: 2/1,min-device-pixel-ratio:2” /> | |
<var name=”l” media=”min-width:641px” /> | |
<var name=”l@2x” media=”min-width:641px and -webkit-min-device-pixel-ratio:2,-moz-min-device-pixel-ratio:2,-o-min-device-pixel-ratio: 2/1,min-device-pixel-ratio:2” /> | |
<var name=”xl” media=”min-width:1281px” /> | |
<var name=”xl@2x” media=”min-width:1281px and -webkit-min-device-pixel-ratio:2,-moz-min-device-pixel-ratio:2,-o-min-device-pixel-ratio: 2/1,min-device-pixel-ratio:2” /> | |
</mqs> |
<picture alt="Alt tag describing the image represented"> | |
<source src="photo.webp" type="image/webp"/> | |
<source src="photo.mng" type="image/mng"/> | |
<source src="photo.svg" type="image/svg+xml"/> | |
<img src="photo-s.jpg" /> | |
</picture> | |
// Notes | |
//---------------------------------------------------------------- | |
If browser supported the webp image format it would use that image, |