Skip to content

Instantly share code, notes, and snippets.

@avaly
avaly / dabblet.css
Created December 19, 2011 12:22
CSS3 Gradient Pattern "Half-Rombes"
background: #36c;
background:
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.5) 75%) 0 0,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.5) 75%) 0 0,
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.5) 75%) 7px -15px,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.5) 75%) 7px -15px,
#36c;
background-size: 15px 30px;
min-height: 100%;
/*
http://snook.ca/archives/html_and_css/handling-overflow
http://www.456bereastreet.com/archive/201206/using_media_queries_to_hide_css3_from_older_browsers/
Tested in:
// Uses fade
- Safari 5.1.7
- Chrome 19
- Opera 12
@avaly
avaly / dabblet.css
Created August 21, 2012 17:06
Untitled
body {
min-height: 100%;
}
#parent {
position: fixed;
left: 100px;
bottom: 50px;
width: 300px;
height: 350px;
-webkit-perspective: 400px;
@avaly
avaly / lodash-underscore-mobile.js
Created June 17, 2013 14:58
lodash v1.3.1 - underscore mobile
/**
* @license
* Lo-Dash 1.3.1 (Custom Build) <http://lodash.com/>
* Build: `lodash -d underscore mobile`
* Copyright 2012-2013 The Dojo Foundation <http://dojofoundation.org/>
* Based on Underscore.js 1.4.4 <http://underscorejs.org/>
* Copyright 2009-2013 Jeremy Ashkenas, DocumentCloud Inc.
* Available under MIT license <http://lodash.com/license>
*/
;(function(window) {
test.os.lower() = linux test.database_os.lower() = linux
self.results['frameworks'] != None: True
test.name: hapi-mysql
self.results['completed']: {}
=====================================================
Beginning hapi-mysql
-----------------------------------------------------
-----------------------------------------------------
@avaly
avaly / gulp-zip-custom.js
Created February 18, 2014 11:09
gulp-zip-custom
var path = require('path'),
gutil = require('gulp-util'),
nodeZip = require('node-native-zip'),
through = require('through2');
var gulpZipCustom = function(filename) {
if (!filename) {
throw new gutil.PluginError('gulp-zip-custom', chalk.blue('filename') + ' required');
}
@avaly
avaly / dabblet.css
Created March 17, 2014 12:10
Untitled
.parent {
max-width: 300px;
padding: 2em;
background: #cfc;
perspective: 1000px;
}
.shape {
position: relative;
height: 0;
padding-bottom: 62.96%;
@avaly
avaly / dabblet.css
Created March 17, 2014 12:49
Untitled
.parent {
max-width: 300px;
padding: 2em;
background: #cfc;
perspective: 1000px;
}
.shape {
position: relative;
height: 0;
padding-bottom: 62.96%;
@avaly
avaly / dabblet.css
Created March 18, 2014 14:03
Untitled
.test {
position: relative;
width: 500px;
height: 5em;
background: #fcc;
border: solid 1px red;
}
.test .parent {
position: absolute;
left: 0;
@avaly
avaly / actual.html
Created July 14, 2014 09:55
Jade Markdown filter with local variable
<html>
<body>
<div class="raw">Test `code` in _some_ awesome **markdown**</div>
<div class="md-local">Test `code` in _some_ awesome **markdown**
</div>
<div class="md-inline"><p>Test <code>code</code> in <em>some</em> awesome <strong>markdown</strong></p>
</div>
</body>
</html>