xypnox

#navigator-toolbox {
  -moz-appearance: none;
  background-color: #0f111a00 !important;
  border-top: none;
}
.browser-toolbar:not(.titlebar-color),
#tabbrowser-tabs:not([movingtab])
  > .tabbrowser-arrowscrollbox
  > .tabbrowser-tab
  > .tab-stack

xypnox

Frontend Notes

PWA - Progressive Web App

Chrome, Firefox support these websites that can be installed as applications.

MARG - Inter IIT Coding Hackathon project - https://github.com/karannaoh/MARG_IITKGP/

https://scotch.io/tutorials/using-sass-in-create-react-app-v2

xypnox

Fonts

This is a list of fonts that I like and where to get them. Most are free and open source.

• Alegreya - https://fonts.google.com/specimen/Alegreya
• Lato - http://www.latofonts.com/
• Josefin Sans + Slab - https://fonts.google.com/specimen/Josefin+Sans
• Source Sans Pro - https://fonts.google.com/specimen/Source+Sans+Pro
• Source Code Pro - https://fonts.google.com/specimen/Source+Code+Pro
• Iosveka - https://typeof.net/Iosevka/

xypnox

#include <bits/stdc++.h>
#include <iostream>
#include <string>

using namespace std;
//corrected a few things including input \-?
char correctType(string b) {
  long int alpha[26] = {};
  for (long int k = 0; k < b.length(); k++) {
    for (int l = 0; l < 26; l++) {

xypnox

{
  // Editor
  "workbench.colorTheme": "Material Theme Ocean",
  "workbench.iconTheme": "material-icon-theme",
  "window.menuBarVisibility": "toggle",
  "window.titleBarStyle": "native",
  "window.zoomLevel": 0,
  "editor.wordWrap": "on",
  "editor.minimap.renderCharacters": false,
  "editor.tabSize": 2,

xypnox

Deep Work

Cal Newport

These notes are specific to me, I have cherry picked the points that I find most important. Thus, it is an incomplete summary of Deep work. It is however, thorough enough for me. I would suggest reading the book and making your own notes before going through mine.

---

Deep Work: Professional activities performed in a state of distraction-free concentration that push your cognitive capabilities to their limit. These efforts create new value, improve your skill, and are hard to replicate.

xypnox

Creating Python Packages

Python packages are complex but not complicated, I believe that once you have created one package you will develop confidence and experience to publish more of them. While trying to deploy my project on pypi, I followed the following two guides quite helpful:

• https://packaging.python.org/guides/distributing-packages-using-setuptools/
• https://python-packaging.readthedocs.io/en/latest/index.html

I mostly stuck to the first tutorial and only used the second one for additional reference and a different perspective. You can see my setup.py file for reference. To get an idea about which commands I run to build and distribute the project you can see my Makefile. If you do not use a virtual environment for your project I will suggest you to look into pipenv, It helps a lot in managing dependencies required for the project and

xypnox

JavaScript

https://developer.mozilla.org/en-US/docs/Web/JavaScript

https://javascript.info/

https://repl.it

https://guide.freecodecamp.org/javascript

xypnox

Automation

We solve something that infuriates us everyday.

Linked In automation

let elems = document.getElementsByClassName('js-discover-person-card__action-btn'), i = 0;
while(i++< elems.length){
	console.log("Yo we hack and stuff");

xypnox

Design

Date: 10 August 2019

Colors

https://color.adobe.com/create - Create color palette from images.

https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/color/ - Apple's Design guideline on color. Also a great set of default colors.