jeffposnick’s gists

jeffposnick / post-card.html

Created July 2, 2014 18:40

	<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 / 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 / unresolved.html

Last active August 29, 2015 14:06

Demonstrates using `unresolved` on a wrapper element, and putting a "Loading..." indicator outside of that.

jeffposnick / demo.html

Created September 17, 2014 20:07

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 / 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 / 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 / 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 / index.html

Last active August 25, 2020 11:50

Exploration of how a service worker's fetch handler affects the DevTools Network panel

	<html>
	<head>
	<title>DevTools Test</title>
	</head>
	<body>
	<script>
	if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('sw.js');
	// Wait until the SW has taken control of the page before inserting the <script> elements.
	// That way we can be sure the SW's fetch handler will intercept them.

jeffposnick / index.html

Last active December 25, 2022 19:15

	<html>
	<body>
	<p><button onclick="fetch('a');">fetch a</button></p>
	<p><a href="b">go to b</a></p>
	<script>
	navigator.serviceWorker.register('sw.js');
	</script>
	</body>
	</html>

Jeff Posnick jeffposnick