Skip to content

Instantly share code, notes, and snippets.

View nucliweb's full-sized avatar

Joan León nucliweb

View GitHub Profile
@nzakas
nzakas / alias.md
Created September 11, 2015 17:59
Some simple scripts I use to manage open source branches

Usage:

To create a new branch that is up-to-date with the remote master:

$ ws 123

Creates the branch issue123

@paulirish
paulirish / what-forces-layout.md
Last active May 14, 2025 12:58
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
@AllThingsSmitty
AllThingsSmitty / toggle-css-script-on-off.js
Created November 15, 2015 19:39
Disable/enable a stylesheet or script
// Use the Boolean `disabled` attribute
myCSS.disabled = true;
myJS.disabled = true;
// Create a stylesheet toggle button:
var stylesheet = document.getElementById('boot'),
btn = document.querySelector('.btn');
btn.addEventListener('click', function () {
stylesheet.disabled = (stylesheet.disabled === false) ? true : false;
@davecarter
davecarter / expandEmmet.sublime-keymap
Created November 20, 2015 07:53
Expand Emmet inside JSX
{
"keys": ["tab"],
"command": "expand_abbreviation_by_tab",
// put comma-separated syntax selectors for which
// you want to expandEmmet abbreviations into "operand" key
// instead of SCOPE_SELECTOR.
// Examples: source.js, text.html - source
"context": [
{
@nahuelsotelo
nahuelsotelo / error.js
Last active April 20, 2016 09:23
ERROR HANDLER
var beep = require('beepbeep');
var colors = require('colors');
var onError = function(err) {
beep([200, 200]);
var formatOutput = function(context) {
var msg, file, line, description;
if(context == 'gulp-babel') {
@carlosvillu
carlosvillu / download.js
Last active December 22, 2015 22:58
Download Wallpapers from Blizzard
const range = require('lodash.range');
const flatten = require('flatten');
const Promise = require('bluebird');
const fs = require('fs');
const RANGE = 60;
const RESOLUTIONS = ['1440x900','1600x900'];
const STATUS_OK = 200;
const ENCODING_FILE = 'binary';
@carlosvillu
carlosvillu / cookie-parser.js
Last active December 28, 2015 10:27
Utility to work with cookies
@ingramchen
ingramchen / gist:e2af352bf8b40bb88890fba4f47eccd0
Created April 5, 2016 12:58
ffmpeg convert gif to mp4, for best cross browser compatibility
### Full command line options
```
ffmpeg -f gif -i FOO.gif -pix_fmt yuv420p -c:v libx264 -movflags +faststart -filter:v crop='floor(in_w/2)*2:floor(in_h/2)*2' BAR.mp4
```
### Notie
* output mp4 is encoded with h264, support Firefox/Chrome/Safari in Windows, Mac OSX, Android, and iOS.
@tsulej
tsulej / nlinesvfield.pde
Created April 29, 2016 19:42
Nonintersecting lines vector field drawing
// generateme.tumblr.com, 2016
// idea by zach lieberman
// choose variant
int variant = 0; // 0 or 1;
void setup() {
size(800, 800);
background(0, 5, 25);
strokeWeight(0.8);
@droom
droom / Resource Hints
Last active September 26, 2021 00:35
Hints to the browser that might prime the pump for resources you will need. PreLoad is the only exception here, being more of an instruction than just a hint.
by Addy Osmani (@addyosmani)
https://twitter.com/addyosmani/status/743571393174872064
———
Preresolve DNS hostnames for assets
<link rel="dns-prefetch" href="https://my-site.com">
Begin a connection handshake in the background
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>