LiamChapman

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

LiamChapman

chore: add Oyster build script
docs: explain hat wobble
feat: add beta sequence
fix: remove broken confirmation message
refactor: share logic between 4d3d3d3 and flarhgunnstow
style: convert tabs to spaces
test: ensure Tayne retains clothing

LiamChapman

app.get('/robots.txt', function (req, res) {
    res.type('text/plain');
    res.send("User-agent: *\nDisallow: /");
});

LiamChapman

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

LiamChapman

/* Based on 
 * - EGM Mathematical Finance class by Enrique Garcia M. <[email protected]>
 * - A Guide to the PMT, FV, IPMT and PPMT Functions by Kevin (aka MWVisa1)
 */

var ExcelFormulas = {

	PVIF: function(rate, nper) {
		return Math.pow(1 + rate, nper);
	},

LiamChapman

// https://egghead.io/lessons/javascript-redux-persisting-the-state-to-the-local-storage

export const loadState = () => {
	console.log( "State Loaded");
	try {
		const serialisedState = localStorage.getItem('state');
		if (serialisedState === null) {
			return undefined;
		}
		return JSON.parse( serialisedState );

LiamChapman

// ctx and RAD defined globally etc
function drawPolygon(x,y, rot, radius, sides, colour) {
	ctx.fillStyle = colour;
	ctx.beginPath();
	var step = (360 / sizes) + rot;
	var tx, ty;
	for(var i = 0; i < sides; i++ ) {
		tx = radius * Math.cos((step * i) / RAD);
		ty = radius * Math.sin((step * i) / RAD);
	}

LiamChapman

window.httpStatus = (address) => {
	return new Promise( (resolve, reject) => {
		let client = new XMLHttpRequest();
		client.onload = function () {
			if (this.status === 200) resolve(this.status);
			if (this.status !== 200) reject(this.status);
		};
		client.open("HEAD", address, true);
		client.send();
	});

LiamChapman

// https://maps.googleapis.com/maps/api/js?key=API_KEY (include)
/**
 * Google Maps
**/
var GoogleMaps =  (function(google, document) {
   
   	try {
   
	   	// Params for offsetting map
	   	var desktopWidth = 768;

LiamChapman

/* one item */
li:first-child:nth-last-child(1) {
  width: 100%
}

/* two items */
li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}