Skip to content

Instantly share code, notes, and snippets.

View jCrip's full-sized avatar
🏠
Working from home

Juan Cristobal Pazos jCrip

🏠
Working from home
  • Modyo
  • Santiago, Chile
View GitHub Profile
@jCrip
jCrip / HTML SCRIPT: LiveReload
Last active October 3, 2015 08:57
HTML SCRIPT: LiveReload
<!-- LiveReload -->
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
@jCrip
jCrip / index.html
Created July 17, 2012 16:59
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Loading Pixels &middot; CodePen</title>
<!--
Copyright (c) 2012 leison, http://codepen.io/leison
Permission is hereby granted, free of charge, to any person obtaining
@jCrip
jCrip / jquery.spin.js
Created September 7, 2012 02:13 — forked from innotekservices/jquery.spin.js
jQuery Plugin for Spin.js
/*
You can now create a spinner using any of the variants below:
$("#el").spin(); // Produces default Spinner using the text color of #el.
$("#el").spin("small"); // Produces a 'small' Spinner using the text color of #el.
$("#el").spin("large", "white"); // Produces a 'large' Spinner in white (or any valid CSS color).
$("#el").spin({ ... }); // Produces a Spinner using your custom settings.
$("#el").spin(false); // Kills the spinner.
@jCrip
jCrip / CSSComb Yandex.json
Last active April 27, 2020 07:24
CSSComb Yandex
{
"custom_sort_order": true,
"sort_order": [
[
"position",
"z-index",
"top",
"right",
"bottom",
"left"
@jCrip
jCrip / CSSComb Alpha.json
Last active October 11, 2015 20:58
CSSComb Alpha
{
"custom_sort_order": true,
"sort_order": [
"-webkit-animation",
"-moz-animation",
"-ms-animation",
"-o-animation",
"animation",
"-webkit-animation-delay",
"-moz-animation-delay",
@jCrip
jCrip / jquery.pubsub.js
Created October 31, 2012 16:45 — forked from cowboy/HEY-YOU.md
jQuery: Tiny Pub/Sub
/* jQuery Tiny Pub/Sub */
(function($) {
var o = $({});
$.subscribe = function() {o.on.apply(o, arguments);};
$.unsubscribe = function() {o.off.apply(o, arguments);};
$.publish = function() {o.trigger.apply(o, arguments);};
}(jQuery));
@jCrip
jCrip / hidpi.txt
Created November 6, 2012 13:19 — forked from simX/hidpi.txt
Enable HiDPI mode in Mountain Lion w/o Quartz Debug
sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled -bool YES;
sudo defaults delete /Library/Preferences/com.apple.windowserver DisplayResolutionDisabled;
// by the way, you need to logout and log back in for this to take effect. Or at least that's what
// Quartz Debug says. Who knows, maybe it's lying?
// P.S. Go to [Apple menu --> System Preferences --> Displays --> Display --> Scaled] after logging
// back in, and you'll see a bunch of "HiDPI" resolutions in the list to choose from.
@jCrip
jCrip / HANDLEBARS: Comparison Block Helper
Created November 22, 2012 22:01
HANDLEBARS: Comparison Block Helper
/* =====================================
{{#compare Database.Tables.Count ">" 5}}
There are more than 5 tables
{{/compare}}
{{#compare "Test" "Test"}}
Default comparison of "==="
{{/compare}}
===================================== */
@jCrip
jCrip / _retina.scss
Created January 29, 2013 16:29
Retina images mixin for SCSS
@mixin at2x($image_name, $w: auto, $h: auto, $extention: '.png') {
background-image: image-url($image_name + $extention);
$x2img : $image_name + '@2x' + $extention;
@media
all and (-webkit-min-device-pixel-ratio : 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
background-image: image-url($x2img);
@jCrip
jCrip / high-dpi-media.css
Last active December 11, 2015 21:59 — forked from marcedwards/high-dpi-media.css
high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */