Joan Claret JoanClaret
JoanClaret
/ SASS-breakpoints-mixin.scss
Last active
August 29, 2015 14:14
SASS breakpoints mediaqueries 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
| //------------------------------------------ | |
| // Breakpoints and media queries mixin | |
| //------------------------------------------ | |
| // | |
| // Usage: | |
| //------------------------------------------ | |
| // | |
| // @include breakpoint($breakpoint, $query1) { | |
| // /* Styles */ | |
| // } |
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() { | |
| var $el = $('.sticky-layer'); | |
| var $window = $(window); | |
| $window.bind("scroll resize", function() { | |
| var elHeight = $el.outerHeight(); | |
| var windowHeight = $window.height(); | |
| var scrolledHeight = $window.scrollTop(); | |
| if ((windowHeight + scrolledHeight) > elHeight ){ |
JoanClaret
/ unknow-height-animate.js
Last active
August 29, 2015 14:14
Animate to an unknown height with jquery
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
| $(document).ready(function(){ | |
| $('.js-show').click(function(){ | |
| var id = $(this).attr('id'); | |
| var el = $('.' + id); | |
| if ($(this).hasClass('open')){ | |
| el.animate({height: '46px'}, 600); | |
| } | |
| else{ |
JoanClaret
/ npm Install --no-bin-link
Created
February 9, 2015 15:14
npm install --no-bin-link (for windows/ubuntu shared folders)
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
| npm install --save-dev --no-bin-link gulp |
JoanClaret
/ Make-all-div-clickable-with-CSS.html
Last active
August 29, 2015 14:15
Make all div clickable with CSS using absolute positioning
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
| <h1>Make all div clickable with CSS <span>using absolute positioning</span></h2> | |
| <div> | |
| <a href="https://github.com/JoanClaret/" title="Github link">Github link</a> | |
| <h2>Joan's Github</h2> | |
| <p>Mixtape blog readymade, pork belly DIY sriracha hoodie. Cred gentrify freegan, swag DIY 90's tilde tousled listicle Thundercats. Seitan taxidermy Helvetica Blue Bottle, slow-carb Tumblr letterpress ugh plaid Thundercats mlkshk. | |
| </p> | |
| </div> |
JoanClaret
/ quojs.js
Last active
August 29, 2015 14:15
Quojs: Open / Close sidebar navigation by swipe
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 $swipeable = $$('nav'); | |
| var first = true; | |
| var locked = false; | |
| var direction; | |
| $swipeable.swipe(function(e) { | |
| // after swipe, reinitialize control variables | |
| first = true; |
JoanClaret
/ Simple-javascript-encapsulation.js
Created
February 19, 2015 11:49
Simple Javascript encapsulation
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 linkcolor = (function(selector, $){ | |
| $(selector).click(function(e){ | |
| // console.log($(this)); // display target element | |
| // console.log(e); // display event information | |
| // console.log(e.clientX); // display event property value | |
| // console.log(e.target); // display event property value | |
| if ($(this).hasClass('active')){ |
JoanClaret
/ Multiple-javascript-encapsulation.js
Last active
August 29, 2015 14:15
Multiple javascript encapsulation examples
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
| // define components function | |
| var components = (function($$) { | |
| // define linkcolor function in components context | |
| var linkColor = function(selector){ | |
| $(selector).click(function(e){ | |
| if ($$(this).hasClass('link-blue')){ | |
| console.log($$(this).attr('title')); |
JoanClaret
/ gist:596dd0e9187aab287f1a
Created
September 28, 2015 14:35
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
| "use strict"; | |
| var myClosure = (function outerFunction() { | |
| var hidden = 1; | |
| return { | |
| inc: function innerFunction() { | |
| return hidden++; | |
| } |
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 isProduction = true; | |
| if(gutil.env.production === true) { | |
| isProduction = true; | |
| } | |
| gulp.task('sass-private', function () { | |
| return gulp.src('resources/assets/scss/styles-private.scss') | |
| .pipe(plumber({errorHandler: onError})) |
OlderNewer