Skip to content

Instantly share code, notes, and snippets.

View gokulkrishh's full-sized avatar

Gokulakrishnan Kalaikovan gokulkrishh

774 followers · 108 following
View GitHub Profile
@gokulkrishh
gokulkrishh / sublime user.json
Last active November 19, 2015 06:02
Sublime user configuration for dotfile
{
"auto_complete": true,
"bold_folder_labels": true,
"caret_extra_width": 2,
"folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS",
@gokulkrishh
gokulkrishh / objectObserve.js
Created November 3, 2015 07:33
Use Object.observe with polyfill
/*
Example for Object.observe
Polyfill: https://github.com/MaxArt2501/object-observe
Detects: Add, Update, Delete properties
Supported Browser: http://caniuse.com/object-observe
@gokulkrishh
gokulkrishh / Atom Editor Config
Last active November 18, 2015 17:46
Atom editor config
3dd2222c-c7ea-ebf2-c4fb-86c36ffbe4ed
"*":
"exception-reporting":
userId: "3dd2222c-c7ea-ebf2-c4fb-86c36ffbe4ed"
welcome:
showOnStartup: false
core:
themes: [
@gokulkrishh
gokulkrishh / media-query.css
Last active May 17, 2024 04:45
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
/* CSS */
@gokulkrishh
gokulkrishh / trello-css-guide.md
Last active February 20, 2019 19:28 — forked from bobbygrace/trello-css-guide.md
Trello CSS Guide

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

This is where any fun you might have been having ends. Now it’s time to get serious and talk about rules.

Writing CSS is hard. Even if you know all the intricacies of position and float and overflow and z-index, it’s easy to end up with spaghetti code where you need inline styles, !important rules, unused cruft, and general confusion. This guide provides some architecture for writing CSS so it stays clean and ma

@gokulkrishh
gokulkrishh / zsh alias and shortcuts
Last active July 19, 2018 11:54
zsh alias
##shortcuts
alias s='git status'
# Easy Navigation
alias ..="cd .."
alias ...="cd ../.."
alias p="cd ~/practices"
alias w="cd ~/workspace"
# Tools
@gokulkrishh
gokulkrishh / history_navigation.js
Last active August 29, 2015 14:23 — forked from tobitailor/history_navigation.js
/*
* Lets you use your browser's back/forward buttons for in-page navigation by
* adding custom 'next' and 'previous' events to the window object.
*
* Copyright (c) 2011 Tobias Schneider <schneider@jancona.com>
* This script is freely distributable under the terms of the MIT license.
*
* Example:
*
* window.addEventListener('next', function(){
@gokulkrishh
gokulkrishh / multiple git account config
Last active July 19, 2018 11:54
GIT config
#GOKULKRISHH
Host github.com
HostName github.com
User git
IdentityFile ~/.ssh/id_rsa
#WORK
Host github.com
HostName github.com
User git
@gokulkrishh
gokulkrishh / index.html
Created April 9, 2015 11:58
Simple Inheritance in JS // source http://jsbin.com/botoqozude
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Simple Inheritance in JS</title>
</head>
<body>
<script id="jsbin-javascript">
//Class A
@gokulkrishh
gokulkrishh / README.md
Last active June 16, 2020 16:32 — forked from addyosmani/README.md

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version