Skip to content

Instantly share code, notes, and snippets.

View JoanClaret's full-sized avatar

Joan Claret JoanClaret

  • Adevinta
  • Barcelona
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[add your bin description]">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
@JoanClaret
JoanClaret / Preferences.sublime-settings
Created May 18, 2016 10:38
Preferences.sublime-settings
{
"bold_folder_labels": true,
"caret_extra_bottom": 1,
"caret_extra_top": 1,
"caret_extra_width": 2,
"caret_style": "phase",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"ensure_newline_at_eof_on_save": true,
"fade_fold_buttons": false,
"font_face": "Monaco",
@JoanClaret
JoanClaret / gulpfile.js
Created February 16, 2016 13:24
send variable to gulp
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}))
"use strict";
var myClosure = (function outerFunction() {
var hidden = 1;
return {
inc: function innerFunction() {
return hidden++;
}
@JoanClaret
JoanClaret / Multiple-javascript-encapsulation.js
Last active August 29, 2015 14:15
Multiple javascript encapsulation examples
// 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
JoanClaret / Simple-javascript-encapsulation.js
Created February 19, 2015 11:49
Simple Javascript encapsulation
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
JoanClaret / quojs.js
Last active August 29, 2015 14:15
Quojs: Open / Close sidebar navigation by swipe
var $swipeable = $$('nav');
var first = true;
var locked = false;
var direction;
$swipeable.swipe(function(e) {
// after swipe, reinitialize control variables
first = true;
@JoanClaret
JoanClaret / Close sidebar navigation by swipe.js
Created February 11, 2015 14:44
touchSwipe.js: Open / Close sidebar navigation by swipe
var NAV_WITH = 300;
var speed = 200;
var swipeOptions = {
triggerOnTouchEnd: true,
swipeStatus: swipeStatus,
allowPageScroll: "vertical",
threshold: 100
};