Razvan Caliman oslego

## dabblet.css
/**
 * border-radius example
 */

.box{
	background: lime;
	border-radius: 20px;
}

## run-webkit.sh
#!/bin/bash

osascript -e 'quit app "safari.app"'
export DYLD_FRAMEWORK_PATH="/path/to/Release/"
export WEBKIT_UNSET_DYLD_FRAMEWORK_PATH="YES"
osascript -e 'activate app "safari.app"'

## jQuery Custom Events Bubble.js
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
	(function($){

		//non-DOM object events that propagate up to the 'document'

## noquery.js
var $ = function(){

    function noQuery() {
        var args = Array.prototype.slice.call(arguments, 0)[0],
            query = args[0]
            qsa = function(q){
                return Array.prototype.slice.call(document.querySelectorAll(q), 0)
            }

        this.el = []

## .gitignore
Introducing CSS FilterLab.docx

## index.html
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="qunit/qunit.css" type="text/css" media="screen">
    <script type="text/javascript" src="qunit/jquery.js"></script>
    <script type="text/javascript" src="qunit/qunit.js"></script>
    <script type="text/javascript">

    // To save data in Browserscope do something like the following.
    // The syntax is 'test_key': 'value' where test_key is some unique

## support.js
    // based on http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-detect-css-support-in-browsers-with-javascript/
    var support = (function() {
       var div     = document.createElement('div'),
           vendors = 'Khtml Ms O Moz Webkit'.split(' '),
           len     = vendors.length;

       return function(prop) {
          if ( prop in div.style ) return true;

          prop = prop.replace(/^[a-z]/, function(val) {

## arraytemplate.js
/*
    Neat alternative to JavaScript templating by using an array.

    Inspired by Ryan Florence
    https://github.com/rpflorence/snack/blob/master/demos/jsonp/demo.js

*/
var h = [],
    p = function (){ h.push.apply(h, arguments) },
    data = ["one", "two", "three"]

## regions-events.js
// Free to use, reuse and abuse.
// Have fun! razvan.caliman@gmail.com

(function(){

    // Hack to make CSS Regions trigger click event handlers.
    // Workaround for CSS Regions bug #76454 - https://bugs.webkit.org/show_bug.cgi?id=76454
    document.addEventListener("click", function(e){

        // get all the regions from the document based on a selector

## counter.css
    body{
        counter-reset: region-order;
    }

    [data-region]::before{
        display:block;
        color:red;
        content: counter(region-order);
        counter-increment: region-order;
    }
	/**
	* border-radius example
	*/

	.box{
	background: lime;
	border-radius: 20px;
	}
	#!/bin/bash

	osascript -e 'quit app "safari.app"'
	export DYLD_FRAMEWORK_PATH="/path/to/Release/"
	export WEBKIT_UNSET_DYLD_FRAMEWORK_PATH="YES"
	osascript -e 'activate app "safari.app"'
	<!DOCTYPE HTML>
	<html>
	<head>
	</head>
	<body>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	<script type="text/javascript">
	(function($){

	//non-DOM object events that propagate up to the 'document'
	var $ = function(){

	function noQuery() {
	var args = Array.prototype.slice.call(arguments, 0)[0],
	query = args[0]
	qsa = function(q){
	return Array.prototype.slice.call(document.querySelectorAll(q), 0)
	}

	this.el = []
	// based on http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-detect-css-support-in-browsers-with-javascript/
	var support = (function() {
	var div = document.createElement('div'),
	vendors = 'Khtml Ms O Moz Webkit'.split(' '),
	len = vendors.length;

	return function(prop) {
	if ( prop in div.style ) return true;

	prop = prop.replace(/^[a-z]/, function(val) {
	/*
	Neat alternative to JavaScript templating by using an array.

	Inspired by Ryan Florence
	https://github.com/rpflorence/snack/blob/master/demos/jsonp/demo.js

	*/
	var h = [],
	p = function (){ h.push.apply(h, arguments) },
	data = ["one", "two", "three"]
	// Free to use, reuse and abuse.
	// Have fun! razvan.caliman@gmail.com

	(function(){

	// Hack to make CSS Regions trigger click event handlers.
	// Workaround for CSS Regions bug #76454 - https://bugs.webkit.org/show_bug.cgi?id=76454
	document.addEventListener("click", function(e){

	// get all the regions from the document based on a selector
	body{
	counter-reset: region-order;
	}

	[data-region]::before{
	display:block;
	color:red;
	content: counter(region-order);
	counter-increment: region-order;
	}