Skip to content

Instantly share code, notes, and snippets.

View p3t3r67x0's full-sized avatar

Open Data Coder p3t3r67x0

39 followers · 21 following
View GitHub Profile
@EtienneLem
EtienneLem / _utils.scss
Created September 16, 2011 13:24
Scss utils.
// Scss Utils
// @author EtienneLem
// CSS3 misc
@mixin rounded ( $radius, $prefix:'' ) {
@include prefixes(border-radius, $radius, $prefix);
}
@mixin box-shadow ( $value ) {
@include prefixes(box-shadow, $value);
@jensgro
jensgro / extern-link.css
Created December 6, 2011 11:03
css attribute selectors
@ocean90
ocean90 / gist:1549988
Created January 2, 2012 09:13
Custom border radius mixin for Compass
// Custom Border Radius
@mixin _border-radius($radius: 5px, $vertical-radius: false) {
@if $vertical-radius {
// Webkit doesn't understand the official shorthand syntax for specifying
// a vertical radius unless so in case there's several we only take the first.
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
not -moz,
-webkit,
not -o,
@davidkaneda
davidkaneda / _user-select.scss
Created March 3, 2012 21:05
User select mixin
@mixin user-select($select) {
$select: unquote($select);
@include experimental(user-select, $select,
-moz, -webkit, not -o, not -ms, -khtml, official
);
}
@sidepodcast
sidepodcast / 3d-rotate.html
Created August 23, 2012 12:41
3D rotate (webkit sample)
<!doctype html>
<head>
<meta charset=utf-8>
<title>3D spin</title>
<style>
/*
* nb: -webkit only for brevity. tested in chrome 21
*/
body {
-webkit-perspective: 800px;
@boriskaiser
boriskaiser / gist:4078611
Created November 15, 2012 13:17
mixin for border-radius (without compass )
@mixin border-radius($radius...) {
// defining prefixes so we can use them in mixins below
$prefixes: ("-webkit", "-moz", "-ms", "-o", "");
@each $prefix in $prefixes {
#{$prefix}-border-radius: $radius;
}
border-radius: $radius;
}
@jlittlejohn
jlittlejohn / gist:4084291
Created November 16, 2012 05:04
SCSS: Translate3d (Mixin)
@mixin translate3d($x, $y, $z) {
-webkit-transform: translate3d($x, $y, $z);
-moz-transform: translate3d($x, $y, $z);
-o-transform: translate3d($x, $y, $z);
transform: translate3d($x, $y, $z);
}
@joshhumble
joshhumble / dabblet.css
Created December 4, 2012 19:12
The Box-Ordinal-Group and Flexbox
/**
* The Box-Ordinal-Group and Flexbox
*/
.box {
overflow:hidden;
display:box;
display:-ms-box;
display:-moz-box;
display:-webkit-box;
@AlphaGit
AlphaGit / mongo-faceted-example.js
Created January 3, 2015 21:22
mongo-faceted example
var mongoose = require('mongoose');
var mongoFacets = require('../lib/mongo-facets');
var ExampleSchema = new mongoose.Schema({
stringField: String,
numberField: Number,
arrayOfStringsField: [String]
});
mongoFacets('Example', ExampleSchema);
@joshbedo
joshbedo / gist:8948143
Last active October 30, 2015 22:13
var express = require('express'),
app = express(),
server = require('http').createServer(app);
io = require('socket.io').listen(server),
jwt = require("jwt-simple"),
secret = "dgv33rggr3ewsfsf23gf2grwrf",
crypto = require('crypto'),
uuid = require('node-uuid'),
geoip = require('geoip-lite'),
storeStats = require('./storeStats.js'),