Skip to content

Instantly share code, notes, and snippets.


Jeremy Keith adactio

View GitHub Profile
View note-form.php
# Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
$labels = array(
"What’s on your mind?",
"Hey Joe, what do you know?",
"Speak your brains",
"Share what you know",
adactio / datalist.html
Created Jan 9, 2011
Progressive enhancement with datalist
View datalist.html
<!DOCTYPE html>
<title>Datalist test</title>
<meta charset="utf-8">
<label for="source">How did you hear about us?</label>
<datalist id="sources">
<select name="source">
<option>please choose...</option>
<option value="television">Television</option>
<option value="radio">Radio</option>
adactio / flexboxtest.html
Created Aug 15, 2011
Content-first flexbox test
View flexboxtest.html
<!DOCTYPE html>
<title>Flexbox test</title>
@media screen and (min-width: 30em) {
body {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
adactio / monthform.html
Created Dec 13, 2011
An experiment with a progressive enhancement pattern to replace two select with a single year-month field.
View monthform.html
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Input test</title>
<form method="post" action="#">
adactio / placeholderFromDatalist.js
Created Aug 12, 2012
Generate a placeholder attribute from the datalist associated with that input.
View placeholderFromDatalist.js
(function(win,doc) {
if (doc.querySelectorAll) {
var inputs = doc.querySelectorAll('input[list]'),
total = inputs.length;
for (var i=0; i<total; i++) {
var input = inputs[i],
id = input.getAttribute('list'),
list = doc.getElementById(id),
options = list.getElementsByTagName('option'),
amount = options.length,
View postToFlickr.php
# Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
function postToFlickr($data=array()) {
$api_key = 'XXX';
$api_secret = 'XXXX';
$auth_token = 'XXXX';
View oEmbed.php
# Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
function getEmbedCode($url="",$maxwidth=320) {
$return = '';
$providers = array(
adactio / Look ahead pre-parser test
Last active Dec 19, 2015
I'd like to know if browsers that have a "look ahead" pre-parser for images will start downloading foo.png ...even if they support svg.
View Look ahead pre-parser test
<!DOCTYPE html>
<object data="foo.svg" type="image/svg+xml">
<img src="foo.png">
adactio / urtext.html
Last active May 7, 2016
December 3rd, 1990: The earliest known HTML document:
View urtext.html
There was not a lot of discussion of this at <a href=Introduction.html>ECHT90</a>, but there seem to be two leads:
<li><a href=People.html#newcombe>Steve newcombe's</a> and Goldfarber's "Hytime" committee
looking into SGML, and
<li>An ISO working group known as MHEG, "Multimedia/HyperText Expert Group".
led by one Francis Kretz (Thompsa SA? Rennes?).
adactio / tabledisplaytest.html
Created Aug 16, 2011
Content-first table-display test
View tabledisplaytest.html
<!DOCTYPE html>
<title>Table Display test</title>
@media screen and (min-width: 30em) {
body {
display: table;
caption-side: top;