iamnewton

For effective clipping effects, a font that has bold lettering and thick strokes tends to work best.

Source

iamnewton

/* bling.js */

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

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

NodeList.prototype.__proto__ = Array.prototype

iamnewton

http://alistapart.com/article/axiomatic-css-and-lobotomized-owls

iamnewton

#!/usr/bin/env bash
#
# Author:
#   Newton (@chrisohpedia)
#
# Description:
#   Get stock quotes
#
# Dependencies:
#   None

iamnewton

* {
    font-size: 12pt;
    font-family: monospace;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
    cursor: default;
}

iamnewton

.spoiler {
	filter: blur(20px);
	transition-property: -webkit-filter;
	transition-duration: .4s;
}
.spoiler:hover, .spoiler:focus {
	filter: blur(0px);
}

iamnewton

Below is a list of the strange errors in JavaScript. Different browsers can give you different messages for the same error, so there are several different examples where applicable.

How to read errors?

Before the list, let’s quickly look at the structure of an error message. Understanding the structure helps understand the errors, and you’ll have less trouble if you run into any errors not listed here.

A typical error from Chrome looks like this:

Uncaught TypeError: undefined is not a function

iamnewton

if ( window.Notification && Notification.permission !== "denied" ) {
	Notification.requestPermission( function( status ) {  // status is "granted", if accepted by user
		var n = new Notification('Title', { body: 'I am the body text!' }); 
	});
}

iamnewton

@mixin aspect-ratio($width, $height) {
position: relative;
  &:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: ($height / $width) * 100%;
  }
  > .content {
    position: absolute;

iamnewton

.button {
  border: none;
}
button.button {
  -webkit-appearance: none;
}
a.button {
  text-decoration: none;
}