gangsthub
/ Playing-with-SVG-painting.markdown
Created
August 24, 2014 23:42
— forked from anonymous/Playing-with-SVG-painting.markdown
gangsthub
/ rAF.js
Created
August 25, 2014 01:25
— forked from paulirish/rAF.js
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
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
gangsthub
/ Mobile-first---hide-on-scroll-menu.markdown
Created
August 30, 2014 11:47
A Pen by Andi Dysart.
gangsthub
/ TremulaJS-Boilerplate.markdown
Last active
August 29, 2015 14:06
— forked from garris/TremulaJS-Boilerplate.markdown
TremulaJS is a client-side javascript UI component providing Bézier-based content-stream interactions with momentum & physics effects for mouse, scroll and and touch UIs.
This Pen allows you to experiment using different config file settings.
gangsthub
/ *Only-Web-kit*-experiment-called-Julia.js.markdown
Created
October 10, 2014 14:49
A Pen by Brav0.
This is an experiment I'm working on, I want to call it Julia.js.
The only thing thats will cause not working fine on firefox is the -webkit-background-clip: text; thing. Any ideas?
Also I'm planning to add a "save button" via canvas... ;)
Inspired by: Glen Maddern's Pen wxaGg.
gangsthub
/ Preventing draggable images or selection on every image
Created
February 24, 2015 17:28
Preventing downloading images by blocking right click on DOM elements and CSS in modern browsers (made for http://erikaabenia.com/)
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
| img { | |
| /* Preventing draggable images or selection on every image. Use at your own risk. */ | |
| -webkit-user-select:none; | |
| -webkit-touch-callout:none; /*Safari, safari mobile; iPhone OS*/ | |
| -khtml-user-select: none; | |
| -ms-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| } |
gangsthub
/ pseudo-elements.md
Last active
August 29, 2015 14:16
— forked from p3t3r67x0/pseudo_elements.md
Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {
gangsthub
/ Hard Cross Browser Opacity
Last active
August 29, 2015 14:21
Two versions: with and without `!important`
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
| // Inspired in: | |
| // https://css-tricks.com/snippets/css/cross-browser-opacity/ | |
| // http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/ | |
| // Usage: `@include hardOpacity(1);`, `@include hardOpacity(.5);` | |
| @mixin hardOpacity($valueOpacity) { | |
| $unitOp: unit($valueOpacity); | |
| $valOp: parseInt($valueOpacity); |
gangsthub
/ placeholders.scss
Last active
April 4, 2016 10:05
Styling placeholders Cross Browser SCSS mixin
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
| // Usage example: | |
| // input[type="text"] { | |
| // @include placeholders { | |
| // color: currentColor; | |
| // } | |
| // } | |
| // | |
| // See: https://css-tricks.com/almanac/selectors/p/placeholder/ | |
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(){ | |
| // dropdown function to pass to "dropdown actions" | |
| // if you want the containers to be shown by default, add to the the class `.shown` in the markup | |
| // Author: Paul Melero | |
| // Url: https://gist.github.com/gangsthub/157a833258b43cfbeb64148b6d0dcc7c/ | |
| // Scroll func | |
| var scrollSpeed = 500, |
OlderNewer