Skip to content

Instantly share code, notes, and snippets.

@subtleGradient
subtleGradient / Behavior.framer.js
Last active July 28, 2017 17:27
Simple Behavior sheet system for FramerJS. Allows you to apply pre-defined behaviors to your layers by changing the layer name. by Thomas Aylott (http://subtlegradient.com) Copyright 2013 Facebook. All rights reserved. MIT License.
function Behavior(PSD){
var _BehaviorNames = Object.keys(Behavior.behaviors)
.filter(function(BehaviorName){ return !!Behavior.behaviors[BehaviorName].namingPattern });
Object.keys(PSD).forEach(function(layerName){
var layer = PSD[layerName];
_BehaviorNames.forEach(function(BehaviorName){
var match = layerName.match(Behavior.behaviors[BehaviorName].namingPattern);
try {
@carambula
carambula / responsive_mixin.sass
Created October 17, 2012 19:33
Make any attribute responsive in one line
@mixin responsive($property: width, $wide: null, $full: null, $ipad-landscape: null, $ipad-portrait: null, $iphone-landscape: null, $iphone-portrait: null)
#{$property}: $full
@if $wide != null
@media only screen and (min-width: 1280px)
#{$property}: $wide
@if $ipad-landscape != null
@media only screen and (min-width: 1024px) and (max-width: 1124px)
#{$property}: $ipad-landscape
@if $ipad-portrait != null
@media only screen and (min-width: 768px) and (max-width: 1024px)
@balupton
balupton / README.md
Last active February 10, 2025 05:38
Ajaxify a Website with the HTML5 History API using History.js, jQuery and ScrollTo