A collection of freaking awesome HTML5 demos (work in progress).
Zeno Rocha zenorocha
zenorocha
/ .hyper.js
Last active
April 11, 2025 07:01
— forked from millermedeiros/osx_setup.md
Setup macOS Sierra (10.12)
This file contains hidden or 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
| // Future versions of Hyper may add additional config options, | |
| // which will not automatically be merged into this file. | |
| // See https://hyper.is#cfg for all currently supported options. | |
| module.exports = { | |
| config: { | |
| // default font size in pixels for all tabs | |
| fontSize: 14, | |
| // font family with optional fallbacks |
zenorocha
/ alloyui-carousel.js
Last active
December 17, 2015 14:59
This file contains hidden or 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(); | |
| }); |
zenorocha
/ alloyui-attr-example.js
Created
May 22, 2013 01:01
This file contains hidden or 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 | |
| } |
zenorocha
/ alloyui-method-example.js
Created
May 22, 2013 00:59
This file contains hidden or 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 hidden or 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', |
zenorocha
/ .zshrc
Created
May 6, 2013 20:37
— forked from SlexAxton/.zshrc
This file contains hidden or 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 |
zenorocha
/ html5-demos.md
Last active
April 19, 2019 02:14
The HTML5 Amount of Awesomeness (work in progress)
This file contains hidden or 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" |
zenorocha
/ multiple-3rd-party-widgets.js
Last active
October 4, 2024 14:04
Loading multiple 3rd party widgets asynchronously
This file contains hidden or 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); |
zenorocha
/ aui-pagination+datatable.html
Created
February 25, 2013 19:11
AlloyUI: Pagination + Datatable
This file contains hidden or 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> |