Drag and throw elements and watch them continue naturally with momentum, respect bounds and optionally snap to a grid. This is the demo seen at http://www.greensock.com/draggable/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | |
<title>Stripe Getting Started Form</title> | |
<!-- The required Stripe lib --> | |
<script type="text/javascript" src="https://js.stripe.com/v1/"></script> | |
<!-- jQuery is used only for this example; it isn't required to use Stripe --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
angular.module('angular-snap', []) | |
.directive('snap', function() { | |
var parseBoolean = function(attrValue, defaultValue) { | |
var strValue = '' + attrValue; | |
if (strValue === 'true' || | |
strValue === 'yes' || | |
strValue === '1') return true; | |
if (strValue === 'false' || |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(http://fonts.googleapis.com/css?family=Coda:400,800); | |
.high { | |
color:yellow; | |
} | |
.lb { | |
line-height: 65px; | |
position: absolute; | |
display: block; |
A demo showing multiple split types and effects. More codepen demos here: http://codepen.io/collection/KiEhr/
Forked from GreenSock's Pen SplitText: Multiple Split Types.
A Pen by Secret Sam on CodePen.
github repo for this pen: https://github.com/legomushroom/velocity
A Pen by LegoMushroom on CodePen.
Forked from Chris Steurer's Pen Product Hover Display Cards.
A Pen by A Non Ymous on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.js"></script> | |
<script> | |
(function Templify(undefined) { | |
var models = {}; | |
function replace(template, pattern, value){ | |
var expression = new RegExp('\\['+pattern+'\\]'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var ko = require('knockout'); | |
ko.components.register('simple-name', require('./components/simple-name/simple-name.js')); | |
ko.applyBindings({ userName: ko.observable() }); |
OlderNewer