Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Gokulakrishnan Kalaikovan gokulkrishh

🎯
Focusing
Block or report user

Report or block gokulkrishh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@gokulkrishh
gokulkrishh / Object.create.js
Created Mar 24, 2019
A simple polyfil for Object.create method.
View Object.create.js
// without 2nd argument support
if (typeof Object.create !== 'function') {
Object.create = function(o, props) {
function F() {}
F.prototype = o;
return new F();
}
}
@gokulkrishh
gokulkrishh / git-io-custom-url.md
Last active Feb 26, 2019
Create a custom (repo name) name in git.io
View git-io-custom-url.md
curl https://git.io/ -i -F "url=<repo-url>" -F "code=<repo-name>"

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

View OOCSS.md

OOCSS - Object Oriented CSS

Two Main Principels

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

Seperation of structure from skin

Example:

@gokulkrishh
gokulkrishh / alignments.css
Last active May 12, 2019
CSS Layout - Align an element Horizontal & Vertical center
View alignments.css
/* HTML */
<div class="container">
<div class="child"></div>
<div>
/* Basic Style */
.container {
width: 500px;
@gokulkrishh
gokulkrishh / snippets.js
Last active Mar 26, 2019
Useful snippets for web development.
View snippets.js
// 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) => {
View gist:e4016f44d9d5504489f8459c389f1374

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
gokulkrishh / pull_format.md
Last active Sep 27, 2017
Pull request format
View pull_format.md

Done:

In Progress:

Browser Tested:

View BEM.md

BEM - Block, Element, Modifier

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

Eg: menu

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

2. Elements
@gokulkrishh
gokulkrishh / SCSS.md
Created Aug 10, 2017 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do
View SCSS.md

⇐ 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

You can’t perform that action at this time.