Skip to content

Instantly share code, notes, and snippets.

View nobitagit's full-sized avatar
🕸️
The less I know the better

Aurelio nobitagit

🕸️
The less I know the better
View GitHub Profile
/*!
* jQuery Tiny Pub/Sub - v0.X - 11/18/2010
* http://benalman.com/
*
* Original Copyright (c) 2010 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*
* Made awesome by Rick Waldron
*
@nobitagit
nobitagit / gist:e7e390a4737aa69408df
Created July 15, 2014 13:01
Distribute images along a cricle
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
*,
*:before,
*:after {
@nobitagit
nobitagit / sublime-settings.json
Last active August 29, 2015 14:09
my Sublime settings
{
"auto_match_enabled": true,
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/User/Solarized (Dark) (SL).tmTheme",
"create_window_at_startup": false,
"detect_slow_plugins": false,
"drag_text": false,
"font_options": "subpixel_antialias",
"font_size": 18.9,
@nobitagit
nobitagit / SassMeister-input.scss
Created February 6, 2015 18:02
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
/**
* CONTENTS
*
* #Introduction........Naming conventions used throughout the code.
*

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

  1. Launch quicktime player
  2. do Screen recording

screen shot 2014-10-22 at 11 16 23 am

@nobitagit
nobitagit / style.less
Last active August 29, 2015 14:17
my atom styles overrides
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*
* save as ~/.atom/style.less
@nobitagit
nobitagit / fetch.js
Last active August 29, 2015 14:17
Fetch example
/**
* Browser must support Promises and Fetch, otherwise include this polyfill:
<script src="https://cdn.jsdelivr.net/polyfills/polyfill.js+promise,fetch"></script>
**/
var endpoint = 'https://api.github.com/repos/nobitagit/material-floating-button/stats/commit_activity';
fetch(endpoint).then(function(response){
console.log(response);
return response.json();
@nobitagit
nobitagit / countries.json
Created April 28, 2015 17:34
list of countries with nation code
[
{"name": "Afghanistan", "code": "AF"},
{"name": "Åland Islands", "code": "AX"},
{"name": "Albania", "code": "AL"},
{"name": "Algeria", "code": "DZ"},
{"name": "American Samoa", "code": "AS"},
{"name": "AndorrA", "code": "AD"},
{"name": "Angola", "code": "AO"},
{"name": "Anguilla", "code": "AI"},
{"name": "Antarctica", "code": "AQ"},
sudo vim /etc/hosts
# redirect to local
127.0.0.1 local.yoursite.com
# start a server and then
# visit: local.yoursite.com:8080
# and see your local file being served
@nobitagit
nobitagit / hash-reduce.js
Last active August 29, 2015 14:26
A simple Hash table implementation with reduce
// A simple Hash table implementation with reduce
// see more here: https://www.youtube.com/watch?v=t4MOEfpsC60
var url = 'http://www.json-generator.com/api/json/get/ckmEptKGjS?indent=2'
, data
fetch(url).then(function(resp){
return resp.json();
}).then(function(resp){
data = resp;