palashmon

/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;

palashmon

// based on https://gist.github.com/paulirish/12fb951a8b893a454b32

const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
};

NodeList.prototype.__proto__ = Array.prototype;

palashmon

Usage

git fetch upstream
git reset --hard upstream/master
git push origin master --force

palashmon

Usage

# create and switch to new branch, in one line 
git checkout -b new-branch-name

# add new changes to the code, after all done check status
git status

# add new files if needed

palashmon

Usage

# your initial message
git commit -m "Your old message here"

# push the local changes to remote
git push example-branch

# some typo happened in recently pushed commit message 

palashmon

Usage

# your initial message
git commit -m "Your old message here"

# some typo happened in last commited message
git commit --amend -m "Your edited message here"

palashmon

Usage

# You can simply type
> emptyfile.txt

# This will create a empty text file with name "emptyfile"
# This same as doing
echo "" > emptyfile.txt

palashmon

/**
 * @file Simple grouping of messages in console
 * @author Palash Mondal
 */
const url = new URL('http://example.com:3000/blog?startIndex=1&pageSize=10');

console.group("URL Details");
console.log(`Hostname: ${url.hostname}`);
console.log(`Pathname: ${url.pathname}`);
console.log(`Protocol: ${url.protocol}`);

palashmon

/**
* A TypeScript type alias called `Prettify`.
* It takes a type as its argument and returns a new type that has the same properties as the original type, 
* but the properties are not intersected. This means that the new type is easier to read and understand.
*/
type Prettify<T> = {
	[K in keyof T]: T[K];
} & {};

palashmon

/**
 * This CSS block is a More Effective CSS Image Reset. 
 * It resets the default styles of an image element
 * and adds some additional styles to improve its rendering. 
 * 
 * The `max-width: 100%;` ensures that the image does not exceed its container's width, 
 * while maintaining its aspect ratio with `height: auto;`. 
 * 
 * The `vertical-align: middle;` aligns the image vertically with the text. 
 *