Skip to content

Instantly share code, notes, and snippets.

View chakrakan's full-sized avatar
💯

Kanisk chakrakan

💯
View GitHub Profile
@chakrakan
chakrakan / keybase.md
Last active November 19, 2019 17:52
🔑 my keybase proof

Keybase proof

I hereby claim:

  • I am chakrakan on github.
  • I am chakrakan (https://keybase.io/chakrakan) on keybase.
  • I have a public key whose fingerprint is B23C E5F7 7C2D FC16 2CBE 607B 277E 72B4 E92C 5D69

To claim this, I am signing this object:

@chakrakan
chakrakan / commit-structure.md
Created July 8, 2020 18:46
General commit message structure

Message Structure A commit messages consists of three distinct parts separated by a blank line: the title, an optional body and an optional footer. The layout looks like this:

type: subject

body

footer

The title consists of the type of the message and subject.

@chakrakan
chakrakan / pycharm-issue.md
Created July 10, 2020 09:03
For weird PyCharm interpreter issue

If pushed stupid files into repo,

  • Remove DS_Store

find . -name .DS_Store -print0 | xargs -0 git rm -f --ignore-unmatch

  • .idea / .vscode

git rm -r --cached .idea .vscode

@chakrakan
chakrakan / Slow Dance.md
Created September 1, 2020 05:06
A little poem to remind yourself to slow down.

Slow Dance by David L. Weatherford

Have you ever watched kids On a merry-go-round?

Or listened to the rain Slapping the ground?

Ever followed a butterfly’s erratic flight? Or gazed at the sun into the fading night?

@chakrakan
chakrakan / darkmode.md
Created September 26, 2020 08:39
Dark mode in 1 line CSS
html[theme='dark-mode'] {
    filter: invert(1) hue-rotate(180deg);
}

The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. (Reference: MDN Web Docs)

For this dark mode, we would be using two filters namely invert and hue-rotate

@chakrakan
chakrakan / github-profile-checklist.md
Created July 8, 2020 18:44
Professional Github Profile Checklist

General

𝥷 I included at least three projects on my GitHub account.

𝥷 My GitHub account demonstrates my knowledge of how to make incremental commits.

𝥷 My commit graph shows many green squares, at minimum for the last two weeks. (This indicates that commits have been pushed regularly).

Hiring Perspective: The first thing that a recruiter or hiring manager will look at is your commit graph and the frequency of contribution. Next, they will usually dig deeper into projects to get a sense of the kind of engineer you are. Regular activity and major contributions indicate a passion for coding, and companies want to hire people that love to code because it correlates highly with success in the workplace.

Other 36 mins ████████████████████▋ 98.2%
Markdown 39 secs ▎░░░░░░░░░░░░░░░░░░░░ 1.8%
Last Activity: Thu Aug 26 2021 03:51:15 GMT+0000 (Coordinated Universal Time)
@chakrakan
chakrakan / css-media-queries-cheat-sheet.css
Created February 17, 2022 14:55 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@chakrakan
chakrakan / tsconfig.json
Created April 26, 2022 04:56
Next TSconfig options
{
"compilerOptions": {
"allowJs": true,
"allowUnreachableCode": false,
"allowUnusedLabels": false,
"declaration": true,
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": true,
"jsx": "preserve",