gre
/ index.html
Created
August 20, 2010 15:54
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> | |
| <head> | |
| <script type="text/javascript" src="jquery-1.4.2.min.js"></script> | |
| <style> | |
| body { | |
| color: #333; | |
| background: #EEE; | |
| margin: 30px; | |
| } |
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> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>CSS Transition demo</title> | |
| <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <style> | |
| /* slide transition part */ | |
gre
/ wp-polls-popup.js
Created
January 23, 2011 18:30
Wordpress - used with WP Polls plugin - Display a popup for people haven't vote for the current polls (you must have polls in widget)
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
| /// AUTHOR : Gaetan Renaudeau, http://gaetanrenaudeau.fr/, pro at grenlibre (DoT) fr | |
| (function($){ | |
| if(!jQuery) return; // we need jQuery | |
| var pollWidget = $('.widget_polls-widget') | |
| if(pollWidget.size() && $('input:visible', pollWidget).size()) { | |
| var clone = $(pollWidget).clone().removeClass('widget_polls-widget'); | |
| $('a', clone).remove(); | |
| $('input', clone).click(function(){ | |
| $('.widget_polls-widget input[value='+$(this).val()+']').attr('checked', 'checked'); |
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
| <html> | |
| <head> | |
| <style> | |
| body { | |
| background: #ddd; | |
| } | |
| canvas { | |
| background: #fff; | |
| } | |
| </style> |
gre
/ grayscale.js
Created
March 25, 2011 10:37
Proof Of Concept : JS code to grayscale any web page
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 svg = document.createElement('div'), body = document.getElementsByTagName('body')[0]; | |
| if(/(msie) ([\w.]+)/.exec(navigator.userAgent)) { | |
| body.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'; | |
| return; | |
| } | |
| svg.innerHTML = '<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"><clipPath id="c1" clipPathUnits="objectBoundingBox"><rect x="0" y="0" rx="0.05" ry="0.05" width="1" height="1"/></clipPath><filter id="desaturate"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg>'; | |
| body.appendChild(svg); | |
| body.style.filter = 'url(#desaturate)'; | |
| }()) |
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
| - The web service provides a highscore system (keep <N> top scores, where N depending of the account plan) | |
| - It can be easily embedded in a web page with widgets (JS). There is a clean API to send scores. | |
| - Different ways to send scores : Usage of social network (Twitter), direct send with REST | |
| - One account have N different scores where N depending of the account plan | |
| - Some simple analytics | |
| Ways to send scores : | |
| - Connecting with social network like Twitter : exemple: "http://grenlibre.fr/same - My highscores on Same Game: easy: 12, normal: 23, hard: 45. @samegamegravity $a45c2" : | |
| * a twitter account with an app configured - the WS will retrieve mentions | |
| * We can easily retrieve usernames and avatars |
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(){ | |
| if(!document.createElement('canvas').getContext) | |
| return; // canvas is required. | |
| var requestAnimFrame = (function(){ | |
| return window.requestAnimationFrame || | |
| window.webkitRequestAnimationFrame || | |
| window.mozRequestAnimationFrame || | |
| window.oRequestAnimationFrame || |
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
| # Same Game Gravity - Android full version # | |
| ### ~ Web App Builder ~ ### | |
| # a Makefile to compile a web project. # | |
| # designed for web project with different devices # | |
| # (mobile, tablet, desktop) but with common code. # | |
| ### by @greweb - http://greweb.fr/ ### | |
| # BUILD_DIR : PATH to Web App Builder /build directory (the directory containing all build tools) | |
| BUILD_DIR = ../build |
gre
/ mocking.css
Created
June 5, 2011 10:49
some CSS to style a <todo> element used during mocking pages.
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 { | |
| display: inline-block; | |
| font-style: italic; | |
| padding: 5px 10px; | |
| margin: 10px; | |
| color: #666; | |
| font-size: 0.9em; | |
| border: 2px dashed #ccc; | |
| background: #eee; | |
| } |
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
| <section id="game"> | |
| <div class="turnleft"></div> | |
| <div class="turnright"></div> | |
| <div class="gameStatus"> | |
| <a class="i18n-back back" href="#!/">Back</a> | |
| <span class="timeline"> | |
| <span class="remainingSeconds"><span class="remainingSecondsTime"></span> s</span> | |
| </span> | |
| </div> | |
| <div id="gameContainer"> |
OlderNewer