Gokulakrishnan Kalaikovan gokulkrishh

curl https://git.io/ -i -F "url=<repo-url>" -F "code=<repo-name>"

Above command will give you something like git.io/repo-name

OOCSS - Object Oriented CSS

Two Main Principels

Seperation of structure from skin
Seperation of container & content

Seperation of structure from skin

Example:

1. Clone your fork:

git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream

Done:

In Progress:

Browser Tested:

BEM - Block, Element, Modifier

1. Block
----------------------------------------------

Eg: menu

<ul class="menu"></ul>

Elements

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

Given the code

	// without 2nd argument support
	if (typeof Object.create !== 'function') {
	Object.create = function(o, props) {
	function F() {}
	F.prototype = o;
	return new F();
	}
	}

	/* HTML */

	<div class="container">
	<div class="child"></div>
	<div>

	/* Basic Style */

	.container {
	width: 500px;

	// Add any library to application
	((library = 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js') => {
	var element = document.createElement('script');
	element.src = library;
	element.type = 'text/javascript';
	document.head.appendChild(element);
	})();

	// Trace any properties
	const traceProperty = (object, property) => {