A collection of freaking awesome HTML5 demos (work in progress).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
YUI().use('aui-carousel', function(Y) { | |
new Y.Carousel({ | |
contentBox: '#myCarousel', | |
height: 250, | |
width: 700 | |
}).render(); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* TODO. Wanna help? Please send a Pull Request. | |
* | |
* @attribute alwaysShowContainer | |
* @default false | |
* @type Boolean | |
*/ | |
alwaysShowContainer: { | |
value: false | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* TODO. Wanna help? Please send a Pull Request. | |
* | |
* @method _addSuggestion | |
* @param content | |
* @protected | |
*/ | |
_addSuggestion: function(content) { | |
// Method content | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
YUI().use('aui-form-validator', function(Y) { | |
var myRules = { | |
myField: { | |
maxLength: 50 | |
} | |
}; | |
new Y.FormValidator({ | |
boundingBox: '#myForm', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
gifify() { | |
if [[ -n "$1" ]]; then | |
if [[ $2 == '--good' ]]; then | |
ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
rm out-static*.png | |
else | |
ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
fi | |
else |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = | |
prompts: false | |
# These are variables will be accessible via our templates | |
templateData: | |
# Conference info | |
conf: | |
name: "Conference name" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function() { | |
var script, | |
scripts = document.getElementsByTagName('script')[0]; | |
function load(url) { | |
script = document.createElement('script'); | |
script.async = true; | |
script.src = url; | |
scripts.parentNode.insertBefore(script, scripts); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Pagination + Datatable</title> | |
<!-- AlloyUI --> | |
<link rel="stylesheet" href="http://cdn.alloyui.com/2.0.0pr2/aui-css/css/bootstrap.min.css"> | |
<script src="http://cdn.alloyui.com/2.0.0pr2/aui/aui-min.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
AUI().use('aui-node', 'aui-io-request', function(A) { | |
A.one('#myButton').on('click', function() { | |
loadAnotherContent(); | |
}); | |
function loadAnotherContent() { | |
A.io.request('http://alloyui.com/io/data/content.html', { | |