Skip to content

Instantly share code, notes, and snippets.

@Frankie-666
Frankie-666 / 0_reuse_code.js
Created February 24, 2016 06:58
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@Frankie-666
Frankie-666 / Winter Trees.markdown
Last active November 10, 2018 22:36
Winter Trees
<svg version="1.1" id="mittens" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="286px" height="380px" viewBox="0 0 286 380" enable-background="new 0 0 286 380" xml:space="preserve">
<g class="mitten_left">
<path class="left_string" fill="#5B4831" d="M90.963,77.726L72.86,207.13c-0.209,1.37-1.416,2.367-2.867,2.384l0,0
c-0.139,0-0.278,0-0.414-0.016l0,0c-1.624-0.214-2.73-1.6-2.522-3.102l0,0L87.06,63.555l2.798-0.186"></path>
<path class="glove_1" fill="#09B0A6" d="M113.38,210.824l-59.726-19.3l-10.881,21.93l-0.275,0.767l-25.147,7.666
c-6.46,1.962-10.018,8.516-7.911,14.626c2.07,6.115,8.979,9.48,15.477,7.518l7.668-2.351l-6.254,17.338
c-6.182,17.113,3.492,35.712,21.557,41.548c18.065,5.847,37.72-3.288,43.905-20.385L113.38,210.824z"></path>

Stars

See also: Galaxy

Edit: Big thanks to @lightest and @jackrugile for the performance boost.

I'm getting super laggy performance on Firefox even with a low (50-100) number of particles and bad flickering on Chrome. Any ideas what it could be?

Edit: I mean. That flickering is totally intentional. Because they're stars. And stars appear to flicker.

Random animated pattern

Randomize all the things. Inspired by @mknadler's SassConf talk.

A Pen by Giana on CodePen.

License.

WebGL Spacesphere

ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API, see JS comments for full list of credits. PS: Doesn't load on the preview grid

A Pen by Luigi Mannoni on CodePen.

License.