Skip to content

Instantly share code, notes, and snippets.

Shaw shshaw

Block or report user

Report or block shshaw

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Insert Video with Javascript.markdown

Insert Video with Javascript

Small helper function with no dependencies that will insert a into an element based on the element's data attributes

A Pen by Shaw on CodePen.

License.

View EXTENSION: eacher.class.js
(function(){
// Adds simple `addClass`, `removeClass`, `toggleClass` and `hasClass` functionality to Eacher DOM Collections.
function modifyClass(obj,act,c) {
if ( !c ) { return obj; }
var classes = c.split(' ');
eacher.each(classes,function(i,c){
obj.each(function(){
if ( this.classList ) { this.classList[act](c); }
@shshaw
shshaw / JSfixForResponsiveSVGsInSafari.js
Created Jan 14, 2016 — forked from benfrain/JSfixForResponsiveSVGsInSafari.js
A vanilla JavaScript fix (of sorts) for responsive SVGs in Safari and some other WebKit browsers.
View JSfixForResponsiveSVGsInSafari.js
/*
Title: Vanilla JavaScript to fix responsive SVGs in some versions of Safari.
What it does: Stops the problem I described here: http://stackoverflow.com/q/17158717/1147859 Reference URL of the issue: http://codepen.io/benfrain/full/fhyrD
It will work on all SVGs referenced inside objects as long as given the class .emb:
<object class="emb" data="img/cup.svg" type="image/svg+xml"></object>
And also any inline SVGs.
View index.html
<ul id="scene">
<li class="layer" data-plax="0.00"></li>
<li class="layer" data-plax="0.20"></li>
<li class="layer" data-plax="0.40"></li>
<li class="layer" data-plax="0.60"></li>
<li class="layer" data-plax="0.80"></li>
<li class="layer" data-plax="1.00"></li>
</ul>
@shshaw
shshaw / index.html
Last active Oct 25, 2016
Listener Reactive Animation Helper [WIP]
View index.html
<button>Click me</button>
<script>console.clear();</script>
@shshaw
shshaw / index.html
Created Nov 30, 2016
PIXI Cloth Mesh
View index.html
<p class="desc">Cloth code adapted from <a href="https://codepen.io/dissimulate/details/eZxEBO/">Tearable Cloth v2</a> by <a href="https://codepen.io/dissimulate/" target="_blank">dissumulate</a>. Most images from <a href="http://unsplash.it" target="_blank">unsplash.it</a>.</p>
@shshaw
shshaw / script.babel
Last active Dec 1, 2016
Smudge & Randomize Image with PIXI.js Mesh
View script.babel
console.clear();
let mesh;
let cloth;
let spacingX = 5;
let spacingY = 5;
let opts = {
image: 'http://brokensquare.com/Code/assets/face.png',
pointsX: 40,
You can’t perform that action at this time.