Alabhya Jindal alabhyajindal

VSCode - ESLint, Prettier & Airbnb Setup for Node.js Projects

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-config-airbnb-base eslint-plugin-node eslint-config-node

Python is not a great programming language.

It's great for beginners. Then it turns into a mess.

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

Rails naming conventions

General Ruby conventions

Class names are CamelCase.

Methods and variables are snake_case.

Methods with a ? suffix will return a boolean.

Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right &gt; w || b.left &lt; 0) {

	! The following 2 lines are what I use to display news.ycombinator.com

	! Limit comments to 70 characters wide, making them easier to read
	news.ycombinator.com##.comment:style(max-width: 70ch !important; overflow: hidden !important;)

	! Invert the colours of the site, making a dark mode that I like
	! `invert(95%)` does most of the work,
	! but you can tweak the hue-rotate value to fine tune the colours
	news.ycombinator.com##html:style(filter:invert(95%) hue-rotate(200deg); background: white)

	#!/usr/bin/env bash
	# Store icon and AppImage in variable
	icon_path=$HOME/Downloads/<YOUR_LOGO_FILE_NAME>.png
	exec_path=$HOME/Downloads/<YOUR_APPIMAGE_FILE_NAME>

	# Copy both files
	cp $icon_path ~/.local/share/applications/
	cp $exec_path ~/.local/share/applications/

	# Create a Desktop Entry file


	// ==UserScript==
	// @name HackerNews GPT-Free Feed
	// @namespace http://tampermonkey.net/
	// @version 0.1
	// @description Hides any Hacker News story with "GPT" in its title.
	// @author Taylor Troesh
	// @include https://news.ycombinator.com/*
	// @grant none
	// ==/UserScript==

	"A good way to tackle such problems is to consider a simpler problem first.
	There is, of course, no guarantee that solutions obtained for simpler problems
	can be used directly in the problem which inspired them; they may only serve
	to familiarise the solver with some of the features and difficulties involved.
	Even so, the work is not wasted; familiarity with a problem is one of our most
	important tools for solving it. And often we will be able to use the solution
	directly or by adapting it."

	!!!