Skip to content

Instantly share code, notes, and snippets.

View cybear's full-sized avatar

Björn Söderqvist cybear

71 followers · 90 following
  • Greenfield AB
  • Malmo, Sweden
View GitHub Profile
@cybear
cybear / just-eat-veggie.user.js
Created January 16, 2011 19:42
This Chome userscript for the Danish site Just-eat.dk will dim most menues containing meat.
// ==UserScript==
// @match http://*.just-eat.dk/*
// ==/UserScript==
function oc(a){
var o={};
for(var i=0;i<a.length;i++) {o[a[i]]=true;}
return o;
};
var meats = oc('beef,blæksprutte,blæksprutter,bøf,bacon,chicken,crab,crabstick,grillkylling,kebab,kylling,kyllinge,kyllingelår,kød,kødsauce,kødstrimler,lam,lamb,lobster,okseburger,oksekød,pepperoni,pølse,pølser,rejer,rejecocktail,skinke,shawarma,tun,tuna,tunfisk'.split(','));
@cybear
cybear / css-transition-demo.html
Created January 17, 2011 12:29
Short demo of css transition of width
<html>
<head>
<style type="text/css">
#graphline {
display:block;
width:10px;
height:200px;
background-color:#000;
}
#graphline {
@cybear
cybear / css-transition-demo_snap_back.html
Created January 17, 2011 13:54
CSS transition demo with snap back
<html>
<head>
<style type="text/css">
#graphline {
display:block;
width:10px;
height:200px;
background-color:#000;
}
#graphline {
@cybear
cybear / styled-checkbox.html
Created January 18, 2011 10:07
a styled checkbox that can be used as a flipswitch
<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<style>
input[type=checkbox]{display:none;}
input[type=checkbox] + label{
background: #999;
height: 32px;
width: 32px;
@cybear
cybear / jslint.textmate.rb
Created January 29, 2011 10:29
A textmate command for JSLint
#!/usr/bin/env ruby
require 'cgi'
lint = `java -jar ~/Applications/jslint4java-1.4.6.jar "$TM_FILEPATH"`
lint.gsub!(/^jslint.*?((?:\/[\w\.\-]+)+).*?(\d+).*?(\d+).(.*)$/, '<p><label><a href="txmt://open?url=file://TM_FILEPATH&amp;line=\2">Line \2</a> \3</label>\4</p>')
lint.gsub!(/TM_FILEPATH/, ENV['TM_FILEPATH'])
print <<HTML
<!DOCTYPE html>
<html><head><style>
label{display:inline-block;width:85px;color:#666}
a{color:#000;text-decoration:none;font-weight:bold}
@cybear
cybear / devicemotion.html
Created February 12, 2011 17:35
Testing out devicemotion on iPad.
<!DOCTYPE html>
<html><head>
<title>iPad device motion test</title>
<style>body,input,button{font-size:20px;}.thing{width:100px;height:100px;background-color:#ccc;position:absolute;top:360px;left:360px;}</style>
<script>
var x,y,z,thing1,thing2;
var accTrackObj = function(options){
var acc={},
accHistory=[{},{}],
@cybear
cybear / html5_color_clock.html
Created February 27, 2011 15:48
Colour Clock in "HTML5"
<link rel="shortcut icon" type="image/x-icon">
<style>
title{position:absolute;font:8em/8em Arial;top:50%;left:50%;height:1em;margin:-4em 0 0 -2em;text-shadow: 1px 1px 1px #000}
head,title{display:block}
p{opacity:.7}
</style>
<script>
function j(a,b){return Array(++b).join(a)}
function tick(){
var D=new Date,h=D.getHours(),m=D.getMinutes(),s=D.getSeconds(),
@cybear
cybear / morse_test.js
Created March 8, 2011 14:24
just a basic morse codec
var Morse={
toM:{ A:"._",B:"_...",C:"_._.",D:"_..",E:".",F:".._.",G:"__.",H:"....",I:"..",J:".___",K:"_._",L:"._..",M:"__",N:"_.",O:"___",P:".__.",Q:"__._",R:"._.",S:"...",T:"_",U:".._",V:"..._",W:".__",X:"_.._",Y:"_.__",Z:"__..","1":".____","2":"..___","3":"...__","4":"...._","5":".....","6":"_....","7":"__...","8":"___..","9":"____.","0":"_____","/":"_.._.","+":"._._.","=":"_..._",".":"._._._",",":"__..__","?":"..__..","(":"_.__.",")":"_.__._","_":"_...._","\"":"._.._.","_":"..__._","'":".____.",":":"___...",";":"_._._.","$":"..._.._"," ":" "},
fromM:null,
getfromM:function(){
function inverseKeyValueObj(o){var r={},k;for(k in o)r[o[k]]=k;return r}
if(!this.fromM){
this.fromM=inverseKeyValueObj(this.toM);
this.fromM.space=' ';
}
return this.fromM;
@cybear
cybear / canvas_drawing.html
Created March 14, 2011 20:35
canvas drawing test
<!DOCTYPE HTML>
<html>
<head>
<title>Mobile Device</title>
<script type="text/javascript">
document.addEventListener('touchmove', function(e) {e.preventDefault();});
/* Based loosely on source code from http://dev.opera.com/articles/view/html5-canvas-painting/ */
function DrawingCanvas (options) {
@cybear
cybear / weinre-test.js
Created March 16, 2011 09:36
testing weinre
javascript:(function(e){e.setAttribute("src","http://the-cheat.local:8080/target/target-script-min.js");document.getElementsByTagName("body")[0].appendChild(e);})(document.createElement("script"));void(0);