Skip to content

Instantly share code, notes, and snippets.

View JanMiksovsky's full-sized avatar

Jan Miksovsky JanMiksovsky

90 followers · 0 following
View GitHub Profile
@JanMiksovsky
JanMiksovsky / gist:11201938
Created April 23, 2014 03:28
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<polymer-element name="test-element" noscript>
<template>
Hello, <content></content>.
</template>
</polymer-element>
@JanMiksovsky
JanMiksovsky / gist:11201962
Created April 23, 2014 03:30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dynamic HTML import of element definition doesn't trigger upgrade</title>
<script src="http://www.polymer-project.org/platform.js"></script>
<!-- If uncommented, the static version of this link works. -->
<!-- <link rel="import" href="http://jsbin.com/vovun/2"> -->
@JanMiksovsky
JanMiksovsky / gist:45c25682d5c7a15c49a5
Created May 16, 2014 21:22
Slides for talk: Web Components — SeattleJS, 5/15/2014
Web Components bring sanity, efficiency and fun to front-end web development
============================================================================
* New HTML standards enable the creation of reusable, shareable
web user interface components
* Can start today
* Numerous implications for front-end JavaScript development
@JanMiksovsky
JanMiksovsky / index.html
Created May 16, 2014 21:22
Web components example: text-input-with-button
<html>
<head>
<meta charset="utf-8">
<script src="bower_components/platform/platform.js"></script>
<link rel="import" href="text-input-with-button.html">
<script>
document.addEventListener( "go", function( event ) {
alert( event.detail );
});
@JanMiksovsky
JanMiksovsky / gist:4f06a2e4cf0ea054ccbd
Created October 30, 2014 03:57
Does an akyral-modal instance pick up body styling?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="akyral-modal/bower_components/platform/platform.js"></script>
<link rel="import" href="akyral-modal/bower_components/akyral-modal/akyral-modal.html">
@JanMiksovsky
JanMiksovsky / gist:16f7f5f2fc5cca95fda1
Created May 29, 2015 22:08
Repro case for Polymer 1.0 element which can't be instantiated in Shady DOM
<!--
Repro case for bug that appears under Shady DOM.
Attempting to instantiate this component will trigger an exception. Both the
hostAttributes and the property change observer appear necessary to trigger the
exception.
-->
<link rel="import" href="../bower_components/polymer/polymer.html">
@JanMiksovsky
JanMiksovsky / elementUpgradeTest
Created May 29, 2013 00:04
This test case for Polymer contrasts three similar situations in which a test element is used, but one of them is "upgraded" (converted from plain DOM to custom element instance) in an unexpected manner.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../polymer/polymer.js"></script>
<element name="test-element">
<template>
@JanMiksovsky
JanMiksovsky / clickableButtonTest.html
Created June 3, 2013 16:43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../tools/polymer/polymer.js"></script>
<element name="test-element">
<template>
@JanMiksovsky
JanMiksovsky / BasicWebComponentsArchitecture.js
Created March 14, 2016 23:19
Summary of Basic Web Components architecture, focusing on its use of mixins
Basic Web Components architecture
=================================
The project seeks to provide a comprehensive set of solid, well-designed web
components that implement very common user interface patterns.
Goals:
* Usability excellence
* Work in a wide variety of situations (Gold Standard)
* As functionally complete as possible
@JanMiksovsky
JanMiksovsky / bower.json
Last active April 5, 2016 21:41
Repro case for https://github.com/basic-web-components/basic-web-components/issues/16
{
"name": "issue-16",
"version": "0.0.0",
"dependencies": {
"iron-pages": "PolymerElements/iron-pages",
"paper-tabs": "PolymerElements/paper-tabs"
}
}