Gokulakrishnan Kalaikovan gokulkrishh

## Sublime Settings - User
{
	"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
	"disable_formatted_linebreak": true,
	"folder_exclude_patterns":
	[
		".svn",
		".git",
		".hg",
		"CVS",
		"node_modules",

## gist:084d79fa12b4ae4005e7
{
	"cssconf": {
		"location": {
			"date": "September 12, 2014",
			"country": "Germany",
			"city": "Berlin",
			"venue": "Radialsystem V",
			"lat": 52.51039,
			"long": 13.42864
		},

## how to screencapture and make animated gifs or whathaveyou.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                gokulkrishh
                / how to screencapture and make animated gifs or whathaveyou.md
            
            
              Last active
              August 29, 2015 14:08
                — forked from paulirish/how to screencapture and make animated gifs or whathaveyou.md
            
              
                Make a gif in mac and ubuntu
              
          
    Screencapture and animated gifs


I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)


Launch quicktime player
do Screen recording


## README.md

      
              5 files
            
          
              1 fork
            
          
              0 comments
            
          
              1 star
            
          
                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

  
## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Simple Inheritance in JS</title>
</head>
<body>

<script id="jsbin-javascript">
//Class A

## multiple git account config
#GOKULKRISHH
Host github.com
  HostName github.com
  User git
  IdentityFile ~/.ssh/id_rsa

#WORK
Host github.com
  HostName github.com
  User git

## 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(){

## zsh alias and shortcuts
##shortcuts
alias s='git status'

# Easy Navigation
alias ..="cd .."
alias ...="cd ../.."
alias p="cd ~/practices"
alias w="cd ~/workspace"

# Tools

## trello-css-guide.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                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

  
## media-query.css

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  /* CSS */
	{
	"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
	"disable_formatted_linebreak": true,
	"folder_exclude_patterns":
	[
	".svn",
	".git",
	".hg",
	"CVS",
	"node_modules",
	{
	"cssconf": {
	"location": {
	"date": "September 12, 2014",
	"country": "Germany",
	"city": "Berlin",
	"venue": "Radialsystem V",
	"lat": 52.51039,
	"long": 13.42864
	},
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Simple Inheritance in JS</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	//Class A
	#GOKULKRISHH
	Host github.com
	HostName github.com
	User git
	IdentityFile ~/.ssh/id_rsa

	#WORK
	Host github.com
	HostName github.com
	User git
	/*
	* 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(){
	##shortcuts
	alias s='git status'

	# Easy Navigation
	alias ..="cd .."
	alias ...="cd ../.."
	alias p="cd ~/practices"
	alias w="cd ~/workspace"

	# Tools

	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	/* CSS */