gokulkrishh

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

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

gokulkrishh

OOCSS - Object Oriented CSS

Two Main Principels

• Seperation of structure from skin
• Seperation of container & content

Seperation of structure from skin

Example:

gokulkrishh

/* HTML */

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

/* Basic Style  */

.container {
  width: 500px;

gokulkrishh

// 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) => {

gokulkrishh

General

1. Sidebar
2. Smashing Magazine
3. Hacker News

Browsers & Web

1. PWA Tips

gokulkrishh

1. Clone your fork:

git clone git@github.com: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

gokulkrishh

Done:

In Progress:

Browser Tested:

gokulkrishh

BEM - Block, Element, Modifier

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

Eg: menu

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

2. Elements

gokulkrishh

⇐ 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