Skip to content

Instantly share code, notes, and snippets.

View albertzak's full-sized avatar

Albert Zak albertzak

View GitHub Profile
@albertzak
albertzak / example.html
Created October 28, 2014 08:56
jQCloud - Click on a word to slide open a description pane (Google Images style)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.4/jqcloud-1.0.4.min.js"></script>
<script type="text/javascript">
makeClickable = function() {
S.cfga({
"defaultToCurrentScreen" : true,
"secondsBetweenRepeat" : 0.1,
"checkDefaultsOnLoad" : true,
"focusCheckWidthMax" : 3000,
"orderScreensLeftToRight" : true
});
S.bnda({
// Wiggle wiggle wiggle (!)
// somewhat borrowed(tm) from AirBnB
@-webkit-keyframes wiggle
from
-webkit-transform: rotate(0deg)
to
-webkit-transform: rotate(2deg)
from
-webkit-transform: rotate(2deg)