Skip to content

Instantly share code, notes, and snippets.

@jamesflorentino
jamesflorentino / cookie-util.coffee
Created May 17, 2012 03:25
CoffeeScript // Cookie Handling
@jamesflorentino
jamesflorentino / game-client-idea.coffee
Created June 8, 2012 08:02
Dynamic way of creating classes based on server response.
class GameModel
constructor: ->
classObjects = {}
@register = (name, classObject) -> classObjects[name] = classObject
@create = (name) -> new classObjects[name]
@ready()
ready: -> return
@jamesflorentino
jamesflorentino / HexTile.js
Created June 12, 2012 18:51
JavaScript code for finding the range of a HexTile in a hex-grid.
var HexTile;
HexTile = (function() {
function HexTile() {}
HexTile.WIDTH = 83;
HexTile.HEIGHT = 56;
<style>
@import "style.css";
</style>
<div>
<h1>Watch this carefully between hover states.</h1>
</div>
<style>
@import "style.css";
</style>
<div>
<h1>Watch this carefully between hover states.</h1>
</div>
@jamesflorentino
jamesflorentino / index.html
Created July 7, 2012 23:39
Hiding Texts in CSS
<style>
.logo {
background: url(https://a248.e.akamai.net/assets.github.com/images/modules/header/logo_gist.png?1315867479) top left no-repeat;
width: 655px;
height: 0;
overflow: hidden;
padding-top: 177px;
}
</style>
@jamesflorentino
jamesflorentino / index.html
Created July 9, 2012 01:06
Setting up nanoScroller as the entire gadget UI.
<link href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css" rel="stylesheet"/>
<script src="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.min.js"></script>
<script>
<style>
body, html { height: 100%; font-size: 1em; font-family: Helvetica Neue, Helvetica, sans-serif ;}
#main { position: absolute; top: 0; right: 0; bottom: 0; left; 0; }
</style>
<script>
@jamesflorentino
jamesflorentino / ignore-me-script.js
Created July 9, 2012 03:37
high-res logo using custom-created font
window.addEventListener('load', function(){
var hey = document.querySelector('.button'),
you = document.querySelector('.icon');
window.you = you;
if (!hey) return;
you.scale = 1;
hey.addEventListener('click', function () {
var scale = you.scale = you.scale === 1 ? 2 : 1;
var rotate = (scale === 1 ? 360 : 0) + 'deg';
you.setAttribute('style','-webkit-transform: scale(' + scale + ')');
<link href="style.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="script.js"></script>
<div class="ipro_menu">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<link href="style.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="script.js"></script>
<table class="format2" >
<thead>
<tr>
<td>Toggle visibility</td>
</tr>
</thead>