snippet by BitBonsai Labs

CORS Proof of Concept

Getting data from a completely different domain without XSS headaches… CORS awesomeness is awesome! Server:

// access control. If doesn't contains jshell.net, forbid
$origin = $_SERVER['HTTP_ORIGIN'];
if(strpos($origin, 'jshell.net')){
    header("Access-Control-Allow-Origin: {$origin}");
    header("Access-Control-Allow-Headers: content-type, accept");
    header("Access-Control-Max-Age: 10"); // seconds
    header('Content-type: application/json');
    
    // business "logic"
    if(isset($_GET['age'])){
        print '{"whatever" : {"age" : "'. $_GET['age'] .'"}}';
    } else {
        print '{"whatever" : {"ip" : "'.$_SERVER['REMOTE_ADDR'].'"}}';
    }
    
} else {
    header('HTTP/1.0 400 Bad Request', true, 400);
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

// access control. If doesn't contains jshell.net, forbid

$origin = $_SERVER['HTTP_ORIGIN'];

if(strpos($origin, 'jshell.net')){

header("Access-Control-Allow-Origin: {$origin}");

header("Access-Control-Allow-Headers: content-type, accept");

header("Access-Control-Max-Age: 10"); // seconds

header('Content-type: application/json');

// business "logic"

if(isset($_GET['age'])){

print '{"whatever" : {"age" : "'. $_GET['age'] .'"}}';

} else {

print '{"whatever" : {"ip" : "'.$_SERVER['REMOTE_ADDR'].'"}}';

}

} else {

header('HTTP/1.0 400 Bad Request', true, 400);

}

Client:

Mashup = grooveshark + musicuo Bookmarklet

javascript:$('#banner').remove(); $('#top, #player').width('auto');$('#capital').hide(); $('#application').css('margin-right',0);$(window).trigger('resize');

1	javascript:$('#banner').remove(); $('#top, #player').width('auto');$('#capital').hide(); $('#application').css('margin-right',0);$(window).trigger('resize');

musicuo Bookmarklet

javascript:$('#banner').remove(); $('#top, #player').width('auto');$(window).trigger('resize');

1	javascript:$('#banner').remove(); $('#top, #player').width('auto');$(window).trigger('resize');

Grooveshark’s bookmarklet

javascript:$('#capital').hide();$('#application').css('margin-right',0);$(window).trigger('resize');

1	javascript:$('#capital').hide();$('#application').css('margin-right',0);$(window).trigger('resize');

CSS Shadows and Glows…

.shadow {

box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-transition-duration: 0.2s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}

.shadow:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

.shadow {

box-shadow: 0px 0px 6px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);

-webkit-transition-duration: 0.2s;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin-bottom: 20px;

}

.shadow:hover {

box-shadow: 0px 0px 20px rgba(0,235,255,0.8);

-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);

-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);

}

JS Tip: Revealing Module Pattern

From Christian Heilmann. Nothing too fancy for those who are used to write jQ plugins, but nice to save it for reference…

var myApp = function(){
	var nome = 'Mauricio Wolff';
	var idade = 35;
	
	function insertPessoa(){
		// [...]
	}
	
	function updatePessoa(){
		// [...]
	}
	
	function setPessoa () {
		// [ usa insert ou update ]
	}
	
	function getPessoa () {
		// [...]
	}
	
	return{
		set: setPessoa,
		get: getPessoa
	}
}();

// Example usage:
myApp.get();

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

var myApp = function(){

var nome = 'Mauricio Wolff';

var idade = 35;

function insertPessoa(){

// [...]

}

function updatePessoa(){

// [...]

}

function setPessoa () {

// [ usa insert ou update ]

}

function getPessoa () {

// [...]

}

return{

set: setPessoa,

get: getPessoa

}

}();

// Example usage:

myApp.get();

Python x PHP: Finding IPs with regex

Sometimes I just like to write code in Python and PHP to compare them, and admire both… Here’s a little code to find IP adressess inside strings (returned from a nslookup). The code is not optimal, but illustrate how both languages works. Just for some friday fun… Python

Python 2.6.1 (r261:67515, Jul  7 2009,  23:51:51)
 [GCC 4.2.1 (Apple Inc. build 5646)] on darwin
 Type "help", "copyright", "credits" or "license"  for  more information.

>>> a  = 'yahoo.com IN A 69.147.114.224 18774s  (05:12:54)'
>>> a += 'yahoo.com IN A 209.131.36.159 18774s  (05:12:54)'
>>> a += 'yahoo.com IN A 209.191.93.53  18774s  (05:12:54)'
>>> print a
 'yahoo.com IN A 69.147.114.224  18774s (05:12:54)yahoo.com IN A 209.131.36.159 18774s  (05:12:54)yahoo.com IN A 209.191.93.53  18774s (05:12:54)'
>>>; import re
>>> p = re.compile('(?:\d{1,3}\.){3}\d{1,3}')
>>>; p.findall(a)
 ['69.147.114.224', '209.131.36.159',  '209.191.93.53']
>>>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

Python 2.6.1 (r261:67515, Jul 7 2009, 23:51:51)

[GCC 4.2.1 (Apple Inc. build 5646)] on darwin

Type "help", "copyright", "credits" or "license" for more information.

>>> a = 'yahoo.com IN A 69.147.114.224 18774s (05:12:54)'

>>> a += 'yahoo.com IN A 209.131.36.159 18774s (05:12:54)'

>>> a += 'yahoo.com IN A 209.191.93.53 18774s (05:12:54)'

>>> print a

'yahoo.com IN A 69.147.114.224 18774s (05:12:54)yahoo.com IN A 209.131.36.159 18774s (05:12:54)yahoo.com IN A 209.191.93.53 18774s (05:12:54)'

>>>; import re

>>> p = re.compile('(?:\d{1,3}\.){3}\d{1,3}')

>>>; p.findall(a)

['69.147.114.224', '209.131.36.159', '209.191.93.53']

>>>

PHP

$a  = 'yahoo.com IN A 69.147.114.224 18774s (05:12:54)';
$a .= 'yahoo.com  IN A 209.131.36.159 18774s (05:12:54)';
$a .= 'yahoo.com  IN A 209.191.93.53  18774s (05:12:54)';

print $a;

/*
saida: yahoo.com IN A 69.147.114.224 18774s (05:12:54)yahoo.com IN A  209.131.36.159 18774s (05:12:54)yahoo.com IN A 209.191.93.53 18774s  (05:12:54)
*/

$re = '/(\d+).(\d+).(\d+).(\d+)/';

preg_match_all($re, $a, $matches);

var_dump($matches[0]); // saida 1
var_dump($matches); // saida 2

/*
saida 1:

array(3) {
  [0]=>
  string(14) "69.147.114.224"
  [1]=>
  string(14) "209.131.36.159"
  [2]=>
  string(13) "209.191.93.53"
}

saida 2:

array(5) {
  [0]=>
  array(3) {
    [0]=>
    string(14) "69.147.114.224"
    [1]=>
    string(14) "209.131.36.159"
    [2]=>
    string(13) "209.191.93.53"
  }
  [1]=>
  array(3) {
    [0]=>
    string(2) "69"
    [1]=>
    string(3) "209"
    [2]=>
    string(3) "209"
  }
  [2]=>
  array(3) {
    [0]=>
    string(3) "147"
    [1]=>
    string(3) "131"
    [2]=>
    string(3) "191"
  }
  [3]=>
  array(3) {
    [0]=>
    string(3) "114"
    [1]=>
    string(2) "36"
    [2]=>
    string(2) "93"
  }
  [4]=>
  array(3) {
    [0]=>
    string(3) "224"
    [1]=>
    string(3) "159"
    [2]=>
    string(2) "53"
  }
}
*/

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

$a = 'yahoo.com IN A 69.147.114.224 18774s (05:12:54)';

$a .= 'yahoo.com IN A 209.131.36.159 18774s (05:12:54)';

$a .= 'yahoo.com IN A 209.191.93.53 18774s (05:12:54)';

print $a;

/*

saida: yahoo.com IN A 69.147.114.224 18774s (05:12:54)yahoo.com IN A 209.131.36.159 18774s (05:12:54)yahoo.com IN A 209.191.93.53 18774s (05:12:54)

*/

$re = '/(\d+).(\d+).(\d+).(\d+)/';

preg_match_all($re, $a, $matches);

var_dump($matches[0]); // saida 1

var_dump($matches); // saida 2

/*

saida 1:

array(3) {

[0]=>

string(14) "69.147.114.224"

[1]=>

string(14) "209.131.36.159"

[2]=>

string(13) "209.191.93.53"

}

saida 2:

array(5) {

[0]=>

array(3) {

[0]=>

string(14) "69.147.114.224"

[1]=>

string(14) "209.131.36.159"

[2]=>

string(13) "209.191.93.53"

}

[1]=>

array(3) {

[0]=>

string(2) "69"

[1]=>

string(3) "209"

[2]=>

string(3) "209"

}

[2]=>

array(3) {

[0]=>

string(3) "147"

[1]=>

string(3) "131"

[2]=>

string(3) "191"

}

[3]=>

array(3) {

[0]=>

string(3) "114"

[1]=>

string(2) "36"

[2]=>

string(2) "93"

}

[4]=>

array(3) {

[0]=>

string(3) "224"

[1]=>

string(3) "159"

[2]=>

string(2) "53"

}

*/

Porque adoro jQuery

Pedido: Fazer com que todos os links de uma determinada página sejam externos. Abordagem 1: Alterar a classe em php, genérica, para ver se o link é externo e acrescentar o target; por regex. Abordagem 2: Colocar no init.js

$("a[href^='http://']").attr("target","_blank");

1	$("a[href^='http://']").attr("target","_blank");

E todo site fica assim; links externos, para fora! Aff… que doce.

recursively chmod only subdirectories

When I use Betterzip to uncompress a directory tree, it chmods the dirs with 700. Here’s the command to solve this:

find . -type d | xargs chmod 755

1	find . -type d \| xargs chmod 755

It finds all subdirectories and chmod’em to 755. Clever, isn’t it?

BitBonsai Labs

Mauricio Wolff

"The art of bonsai tells a story through living illusion. A bonsai artist searches for ways to express his personal creativity by mixing form and thought in a miniature world." Now imagine a bonsai made of bits. That's code to me.

CORS Proof of Concept

Mashup = grooveshark + musicuo Bookmarklet

musicuo Bookmarklet

Grooveshark’s bookmarklet

CSS Shadows and Glows…

Testing pastie.org embed

JS Tip: Revealing Module Pattern

Python x PHP: Finding IPs with regex

Porque adoro jQuery

recursively chmod only subdirectories