Skip to content

Instantly share code, notes, and snippets.

@oslego
oslego / index.html
Created May 28, 2012 15:12
QUnit and Browserscope boilerplate code.
<!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
@oslego
oslego / support.js
Created April 30, 2012 11:33
Basic DOM property checking
// 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) {
@oslego
oslego / arraytemplate.js
Created April 20, 2012 10:25
Templates in JavaScript using Array
/*
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"]
@oslego
oslego / regions-events.js
Created February 20, 2012 16:54
Workaround to make CSS Regions handle click events
// 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
@oslego
oslego / counter.css
Created January 11, 2012 15:38
Counter in CSS
body{
counter-reset: region-order;
}
[data-region]::before{
display:block;
color:red;
content: counter(region-order);
counter-increment: region-order;
}
@oslego
oslego / list.rb
Created January 4, 2012 16:05
Related Lists
class List < ActiveRecord::Base
has_many :related_lists, :finder_sql => 'SELECT * FROM related_lists WHERE list_a_id = #{id} OR list_b_id = #{id}'
end
@oslego
oslego / markup.html
Created January 4, 2012 15:43
codeoff-test
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
<script src="https://gist.github.com/1560618.js"> </script>
tsk
</body>
@oslego
oslego / arrayfy.js
Created January 4, 2012 12:43
Convert object to array
// idea from https://github.com/bartaz/impress.js
var arrayify = function ( a ) {
return Array.prototype.slice.call( a );
};
@oslego
oslego / regions-grid.css
Created December 13, 2011 18:10
CSS Regions and Grid Template
/* Region related style for redirecting content flows */
#article {
flow-into: article_flow;
}
#region1, #region2, #region3, #region4 {
flow-from: article_flow;
}
/* positioning and sizing of the region elements */
@oslego
oslego / myadobe-hiring-tweaks.js
Created December 8, 2011 11:46
MyAdobe Hiring Tweaks
(function($){
$(function(){$("#r_sidebar, #l_sidebar").remove(); $("#contentleft").css("width","960px") });
})(jQuery)