sirupsen

  function isColliding(a: DOMRect, b: DOMRect) {
    return !(
      ((a.y + a.height) < (b.y))
      || (a.y > (b.y + b.height))
      || ((a.x + a.width) < b.x)
      || (a.x > (b.x + b.width))
    );
  }

  // Move the footnotes from the bottom to become sidenotes if the viewport is

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

thefranke

The RSS Endpoint List

Please refer to this blogpost to get an overview.

Replace *-INSTANCE with one of the public instances listed in the scrapers section. Replace CAPITALIZED words with their corresponding identifiers on the website.

Social Media

Twitter

LukeTowers

# Setup symlinks in local development copy of Winter to the local development copy of Winter.Workshop
ln -s ~/LocalRepositories/WinterCMS/Themes/Winter/Workshop ~/LocalRepositories/WinterCMS/Core/winter/themes/workshop

# Setup external symlink (for mac, outside of vagrant) to the local development copies of my plugins
ln -s ~/Repositories/WinterCMS/Themes/Winter/Workshop ~/Repositories/WinterCMS/Core/winter/themes/workshop-src

# Setup symlinks in local development copy of Winter to the local development copies of my plugins
ln -s ~/LocalRepositories/WinterCMS/Plugins ~/LocalRepositories/WinterCMS/Core/winter/plugins

# Setup external symlink (for mac, outside of vagrant) to the local development copies of my plugins

rdlagency

<?php
	// This was a quick proof of concept from 2009, use the script freely - https://www.realisingdesigns.com/web-design-articles/using-google-docs-quick-easy-cms/

	// Specify document 
	$gd_doc = "dd9zpc9r_4jh8qv76j";
	$gd_doc_type = "doc"; 

	$gd_array = array();
	$gd_array["doc"]["url"] = "http://docs.google.com/View?id=".$gd_doc;
	$gd_array["doc"]["start"] = '&lt;div id="doc-contents"&gt;';

claus

Host Your Site Under Your Domain on IPFS

This is a step-by-step tutorial for hosting your website under your domain on IPFS, from zero, on a DigitalOcean Ubuntu 16.04.3 x64 Droplet (i am using the $10 variant with 2GB RAM).

Install IPFS

Log in as root.

First, make sure the system is up to date, and install tar and wget:

CannonballSkippy

<h1>Testing display of HTML elements</h1>

<h2>This is 2nd level heading</h2>
<p>This is a test paragraph.</p>
<h3>This is 3rd level heading</h3>
<p>This is a test paragraph.</p>
<h4>This is 4th level heading</h4>
<p>This is a test paragraph.</p>
<h5>This is 5th level heading</h5>
<p>This is a test paragraph.</p>

jaclyntan

<?php
	$counter = 0;
	while ( have_posts() ) : the_post();
		$counter++;
		if ($counter === 1) {
	        echo '<div class="row">';//start the row
	    }
	    
		    echo '<div class="col-sm-__NAME__">';//start the col//
			get_template_part( 'template-parts/content', 'page' );

m-e-h

/**
* Flexible media embeds
*
* For use with media embeds – such as videos, slideshows, or even images –
* that need to retain a specific aspect ratio but adapt to the width of their
* containing element.
*
* Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video
*/

acidtib

<?php
// Source: http://goo.gl/aZ1h8v
$file_headers = @get_headers($url);
if ($file_headers[0] == 'HTTP/1.0 404 Not Found'){
	$file_exists = false;
} else {
	$file_exists = true;
}
?>