Skip to content

Instantly share code, notes, and snippets.

View jeffposnick's full-sized avatar

Jeff Posnick jeffposnick

1.1k followers · 1 following
View GitHub Profile
@jeffposnick
jeffposnick / post-card.html
Created July 2, 2014 18:40
Modified version of https://github.com/Polymer/polymer-tutorial/blob/master/finished/post-card.html to answer http://stackoverflow.com/questions/24530619/automatic-node-finding-not-working
<link rel="import" href="../components/polymer/polymer.html">
<link rel="import" href="../components/core-icon-button/core-icon-button.html">
<polymer-element name="post-card">
<template>
<style>
:host {
display: block;
position: relative;
background-color: white;
@jeffposnick
jeffposnick / designer.html
Created July 9, 2014 17:42
designer
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<polymer-element name="google-youtube-video-wall">
<template>
<style>
:host {
position: absolute;
@jeffposnick
jeffposnick / unresolved.html
Last active August 29, 2015 14:06
Demonstrates using `unresolved` on a wrapper element, and putting a "Loading..." indicator outside of that.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Polymer Demo</title>
<style>
.hidden {
display: none;
}
</style>
@jeffposnick
jeffposnick / demo.html
Created September 17, 2014 20:07
<html>
<head>
<title>Demo</title>
</head>
<body>
Will it float?
</body>
</html>
@jeffposnick
jeffposnick / material_design_list.html
Last active August 29, 2015 14:08
A Material Design(ish) card list built with Polymer. Live demo at https://rawgit.com/jeffposnick/a2978142dd2b7d3c8687/raw/e322b7e160fbdd485206ca1eba37aacf21039fcf/material_design_list.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="A Material Design card list built with Polymer.">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<!-- See https://www.chromestatus.com/feature/5398016231997440 -->
<meta name="theme-color" content="#0277db">
@jeffposnick
jeffposnick / ie.html
Last active August 29, 2015 14:22
<!doctype html>
<html>
<head>
<title>Polymer 1.0.2 Template</title>
<script src="https://cdn.rawgit.com/webcomponents/webcomponentsjs/master/webcomponents.js"></script>
<link rel="import" href="https://cdn.rawgit.com/Polymer/polymer/v1.0.2/polymer.html">
</head>
<body>
<template is="dom-bind" id="page-template">
@jeffposnick
jeffposnick / test.js
Last active October 21, 2015 16:56
Using Promises to wait for UI actions
function waitForLogin(message) {
return new Promise(function(resolve) {
if (alreadyLoggedIn) {
resolve();
} else {
if (message) {
showMessage(message);
}
addEventListener('logged-in', resolve);
}
@jeffposnick
jeffposnick / index.html
Created October 21, 2015 17:29
<html>
<head>
<title>Video src issue</title>
</head>
<body>
<p>
Playing the video will trigger a network request for
<code>https://ia800502.us.archive.org/10/items/WebmVp8Vorbis/webmvp8.webm</code>.
The <code>ia800502.us.archive.org</code> server doesn't support CORS, but when there is no SW
@jeffposnick
jeffposnick / index.html
Last active December 8, 2015 15:59
Live version at https://rawgit.com/jeffposnick/097c50fea42be76a3e05/raw/959a778b12411e878d112617cee610ed475638a6/index.html
<html>
<head>
<title>Test</title>
</head>
<body>
<p>
This page will make a CORS-enabled request for <code>https://cors-test.appspot.com/test</code> with an
Authentication header set after the service worker takes control.
</p>
@jeffposnick
jeffposnick / index.html
Created December 9, 2015 21:59
IDB test
<html>
<body>
<script src="https://cdn.rawgit.com/jakearchibald/indexeddb-promised/dd48c031e7f93d6695e89bb504cbe586dfacc073/lib/idb.js"></script>
<script>
idb.open('test', 1).then(db => {
db.transaction('key-val').objectStore('key-val').put('hello', 'world');
});
</script>
</body>
</html>