##Playing with stylus functions.
A Pen by Kyle Shanks on CodePen.
Rachel Smith rachsmithcodes
rachsmithcodes
/ gifmas-01.js
Created
December 1, 2015 06:16
25 Days of Gifmas no. 1 (code for gifloopcoder)
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
| function onGLC(glc) { | |
| glc.loop(); | |
| glc.size(400, 400); | |
| glc.setDuration(2.5); | |
| // glc.setFPS(20); | |
| glc.setMode("bounce"); | |
| glc.setEasing(true); | |
| // glc.setMaxColors(256); | |
| var list = glc.renderList, | |
| width = glc.w, |
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
| function onGLC(glc) { | |
| glc.loop(); | |
| glc.size(400, 400); | |
| glc.setDuration(2.5); | |
| // glc.setFPS(20); | |
| glc.setMode("single"); | |
| glc.setEasing(false); | |
| // glc.setMaxColors(256); | |
| var list = glc.renderList, | |
| width = glc.w, |
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
| function onGLC(glc) { | |
| glc.loop(); | |
| glc.size(400, 400); | |
| glc.setDuration(2.5); | |
| // glc.setFPS(20); | |
| glc.setMode("single"); | |
| glc.setEasing(false); | |
| // glc.setMaxColors(256); | |
| var list = glc.renderList, | |
| width = glc.w, |
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
| function onGLC(glc) { | |
| glc.loop(); | |
| glc.size(400, 400); | |
| glc.setDuration(2); | |
| glc.setFPS(30); | |
| glc.setMode('bounce'); | |
| glc.setEasing(true); | |
| glc.styles.backgroundColor = '#eee'; | |
| var list = glc.renderList, | |
| width = glc.w, |
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
| /*! | |
| * getStyleProperty v1.0.4 | |
| * original by kangax | |
| * http://perfectionkills.com/feature-testing-css-properties/ | |
| * MIT license | |
| */ | |
| /*jshint browser: true, strict: true, undef: true */ | |
| /*global define: false, exports: false, module: false */ |
rachsmithcodes
/ color-stuff-css-only.markdown
Created
January 26, 2017 20:28
Color Stuff (CSS only)
dasdadasfafafassa gfjfkfky asafafssa
A Pen by Rachel Smith on CodePen.
rachsmithcodes
/ css3-glitch-animation.markdown
Created
February 3, 2017 20:36
CSS3 Glitch Animation
CSS3 Glitch Effect inspired by Kikk.be and Year in review.
Related tutorial: https://ihatetomatoes.net/how-to-create-css-glitch-effect/
A Pen by Petr Tichy on CodePen.
rachsmithcodes
/ javascript.json
Last active
June 15, 2017 23:28
New Container Component VSCode User Snippet
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
| "New Container Component": { | |
| "prefix": "ncc", | |
| "body": [ | |
| "import { connect } from 'react-redux';", | |
| "import ${1:name} from './${1:name}';", | |
| "", | |
| "const mapStateToProps = state => {", | |
| " return {$2};", | |
| "};", | |
| "", |
rachsmithcodes
/ javascript.json
Created
June 15, 2017 23:17
New React Component VSCode User Snippet (render method only)
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
| "New React Component": { | |
| "prefix": "nrc", | |
| "body": [ | |
| "import React, { Component } from 'react';", | |
| "import PropTypes from 'prop-types';", | |
| "", | |
| "class ${1:name} extends Component {", | |
| " render() {$2}", | |
| "}", | |
| "", |
OlderNewer