Skip to content

Instantly share code, notes, and snippets.

Avatar
☄️
Curiosity is about annihilating itself; it doesn't seek a response.

Severan Rayraegah

☄️
Curiosity is about annihilating itself; it doesn't seek a response.
View GitHub Profile
@Rayraegah
Rayraegah / AspectRatio.js
Last active Aug 29, 2015
Image aspect ratio
View AspectRatio.js
function calculateAspectRatioFit(srcWidth, srcHeight, maxWidth, maxHeight) {
var ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);
return { width: srcWidth*ratio, height: srcHeight*ratio };
}
@Rayraegah
Rayraegah / data.json
Last active Aug 29, 2015
Ajax xhr request
View data.json
{"foo": 1, "bar": 2}
@Rayraegah
Rayraegah / appcache.js
Created Jul 11, 2014
Application Cache
View appcache.js
window.addEventListener('load', function(e) {
log("Window <em>load</em> event");
var appCache = window.applicationCache;
// Fired after the first cache of the manifest.
appCache.addEventListener('cached', handleCacheEvent, false);
// Checking for an update. Always the first event fired in the sequence.
@Rayraegah
Rayraegah / gradients.json
Created Sep 10, 2014
Pretty and Colourful Gradients
View gradients.json
[
{
"name":"Emerald Water",
"colour1":"#348F50",
"colour2":"#56B4D3"
},
{
"name":"Lemon Twist",
"colour1":"#3CA55C",
"colour2":"#B5AC49"
View debug-css.js
[].forEach.call(document.querySelectorAll("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})
@Rayraegah
Rayraegah / senpai.js
Last active Aug 29, 2015
senpai will notice me
View senpai.js
/**
* senpai.js v1.0.1
* @description A document ready state event handler and dispatcher.
* @author Rayraegah Ownsu
* @usage bodyIsReady(fn); || bodyIsReady(function () {...}); || bodyIsReady(fn, args); || bodyIsReady(function (args) {...}, ctx);
*
* ===========
* Change log:
* ===========
* v1.0.1
View index.html
<div class="loadcenter">
<div class="loadcenter_wrap">
<svg class="l1" width="320px" height="320px">
<path d="M160,0.5C212.9,53.4,319.5,160,319.5,160 L160,319.5L0.5,160L160,0.5z"></path>
</svg>
<svg class="l2" width="320px" height="320px">
<path d="M160,40.5C184,64.5,279.5,160,279.5,160 L160,279.5L40.5,160L160,40.5z"></path>
</svg>
<svg class="l3" width="320px" height="320px">
<path d="M160,80.5c21.7,21.7,79.5,79.5,79.5,79.5 L160,239.5L80.5,160L160,80.5z"></path>
@Rayraegah
Rayraegah / index.html
Last active Aug 29, 2015
Heathrow Meta tags
View index.html
<!--
A sample html document that describes how to implement Facebook Open Graph tags and Structuring data for SEO and other social networks. This document was created for Heathrow Airport as a sample for use in http://www.heathrowairport.com
2015, Severan Rye (https://rayraegah.github.io)
USEFUL LINKS
============
* Facebook for Domains - https://developers.facebook.com/docs/platforminsights/domains
* OG Meta types - http://ogp.me/
* Structured data - https://developers.google.com/structured-data/
View keybase.md

Keybase proof

I hereby claim:

  • I am rayraegah on github.
  • I am rayraegah (https://keybase.io/rayraegah) on keybase.
  • I have a public key whose fingerprint is 4023 469C 167F BE02 AAF0 7018 42F5 B157 BB45 09F9

To claim this, I am signing this object:

@Rayraegah
Rayraegah / a.html
Last active Aug 29, 2015 — forked from mbostock/.block
D3 PJAX
View a.html
<!DOCTYPE html>
<html>
<body>
<div id="main">
<ul>
<li><b>Anteater</b></li>
<li><a href="b.html">Baobao</a></li>
<li><a href="c.html">Cuttlefish</a></li>
</ul>
Anteaters, also known as antbear, are the four mammal species of the suborder Vermilingua (meaning "worm tongue") commonly known for eating ants and termites. Together with the sloths, they compose the order Pilosa. The name "anteater" is also colloquially applied to the unrelated aardvark, numbat, echidna, and pangolin.