Skip to content

Instantly share code, notes, and snippets.

View pablolobos's full-sized avatar

Pablo Lobos pablolobos

  • i2p.cl
  • Santiago, Chile
View GitHub Profile
@pablolobos
pablolobos / jquery_delay-addClass.js
Created March 14, 2014 12:41
jquery_delay-addClass.js
.delay(500).queue(function(next){
$(this).addClass('costo-on');
next();
});
@pablolobos
pablolobos / jquery_paginate-table.js
Created March 13, 2014 15:32
jquery_paginate-table.js
$('table.i-simulador-table').each(function() {
var currentPage = 0;
var numPerPage = 10;
var $table = $(this);
$table.bind('repaginate', function() {
$table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
});
$table.trigger('repaginate');
var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
@pablolobos
pablolobos / css_input-focus-border.css
Created March 12, 2014 14:18
css_input-focus-border.css
input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus, textarea:focus {
box-shadow: none;
border: 1px solid $celeste-nuevo;
@pablolobos
pablolobos / jquery_analytics-track-form-abandon.js
Created February 26, 2014 18:56
jquery_analytics-track-form-abandon.js
(function($) {
$(document).ready(function() {
$(':input').blur(function () {
if($(this).val().length > 0) {
_gaq.push(['_trackEvent', 'INSERT FORM NAME HERE', 'completed', $(this).attr('name')]);
}
else {
_gaq.push(['_trackEvent', 'INSERT FORM NAME HERE', 'skipped', $(this).attr('name')]);
});
});
@pablolobos
pablolobos / jquery_on-animation-end.js
Created February 25, 2014 18:26
jquery_on-animation-end.js
$(this).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',
function(e) {
})
@pablolobos
pablolobos / sass_visually-hidden.scss
Created February 19, 2014 14:35
sass_visually-hidden.scss
.visuallyhidden {
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
position: absolute;
}
@pablolobos
pablolobos / sass_keyframe-animation.scss
Created February 19, 2014 14:31
sass_keyframe-animation.scss
@mixin keyframes($animation-name) {
@-webkit-keyframes $animation-name {
@content;
}
@-moz-keyframes $animation-name {
@content;
}
@-ms-keyframes $animation-name {
@content;
}
@pablolobos
pablolobos / sass_svg-background-with-png-fallback.scss
Created February 19, 2014 14:29
sass_svg-background-with-png-fallback.scss
$image-path: '../img' !default;
$fallback-extension: 'png' !default;
$retina-suffix: '@2x';
@mixin background-image($name, $size:false){
background-image: url(#{$image-path}/#{$name}.svg);
@if($size){
background-size: $size;
}
.no-svg &{
background-image: url(#{$image-path}/#{$name}.#{$fallback-extension});
@pablolobos
pablolobos / sass_media-queries.scss
Created February 19, 2014 14:27
sass_media-queries.scss
@mixin large {
@media only screen and (max-width: 60em) {
@content;
}
}
@mixin medium {
@media only screen and (max-width: 40em) {
@content;
}
@pablolobos
pablolobos / css_pointer-events-none.css
Created January 29, 2014 14:50
css_pointer-events-none.css
pointer-events: none;