Skip to content

Instantly share code, notes, and snippets.

View zenorocha's full-sized avatar

Zeno Rocha zenorocha

View GitHub Profile
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', {
@zenorocha
zenorocha / 1.html
Last active December 11, 2015 05:28
jQuery - YUI - AlloyUI: Rosseta Stone
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$('div.foo:first')</title>
</head>
<body>
<div class="foo" id="1"></div>
<div class="foo" id="2"></div>
@zenorocha
zenorocha / README.md
Last active February 10, 2025 07:42
A template for Github READMEs (Markdown) + Sublime Snippet

Project Name

TODO: Write a project description

Installation

TODO: Describe the installation process

Usage

@zenorocha
zenorocha / docpad.js
Created December 28, 2012 00:17
Docpad Tasks on Yogi Alloy
/*
* Copyright (c) 2012, Liferay Inc. All rights reserved.
* Code licensed under the BSD License:
* https://github.com/liferay/alloy-ui/blob/master/LICENSE.txt
*
* @author Zeno Rocha <[email protected]>
*/
// -- Yogi Alloy Header --------------------------------------------------------
var YOGI_PATH = process.env.YOGI_PATH,
@zenorocha
zenorocha / audio.sublime-snippet
Created December 26, 2012 16:26
HTML5 Audio Snippet for Sublime Text 2
<snippet>
<content><![CDATA[
<audio controls>
<source src="${1:file}.ogg" type="audio/ogg">
<source src="${1:file}.mp3" type="audio/mpeg">
<source src="${1:file}.wav" type="audio/wav">
</audio>
]]></content>
<tabTrigger>audio5</tabTrigger>
</snippet>
@zenorocha
zenorocha / alphabetical-orderded.js
Created November 19, 2012 01:13
alphabetical ordered or not?
AUI().ready('aui-carousel', function(A) {
var carousel = new A.Carousel({
activeIndex: 'rand',
contentBox: '#demo',
intervalTime: 2,
height: 254,
width: 680
}).render();
@zenorocha
zenorocha / gist:4055243
Created November 11, 2012 15:37
tracking.js - Draw Something Example
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas('#iphoneContainer');
var plotCanvas = new tracking.Canvas().render(),
drawSegments = [],
eraseFound = false,
pencilFound = false,
segment = 0,
selectedElement = document.getElementById('selected');
videoCamera.track({
@zenorocha
zenorocha / gist:4055187
Created November 11, 2012 15:11
tracking.js - Multiple Controller Example
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
ctx = videoCamera.canvas.context;
var t1 = videoCamera.track({
type: 'color',
color: 'magenta',
onFound: function(track) {
var size = 60 - track.z;
ctx.strokeStyle = "rgb(255,0,255)";
ctx.lineWidth = 3;
@zenorocha
zenorocha / gist:3924349
Created October 20, 2012 19:02
CSS3 Media Queries
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@zenorocha
zenorocha / gist:3909630
Created October 18, 2012 02:57
tracking.js - Single Controller Example
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas();
var t1 = videoCamera.track(
{
type: 'color',
color: 'magenta',
onFound: function(track) {
var pixels = track.pixels;
for (var i = 0, len = pixels.length; i < len; i += 2) {