Skip to content

Instantly share code, notes, and snippets.

View newbornfrontender's full-sized avatar
🐣
Time to code

Infant Frontender newbornfrontender

🐣
Time to code
66 followers · 128 following
  • Russia
View GitHub Profile
@newbornfrontender
newbornfrontender / index.html
Last active October 1, 2018 05:53
Test Polymer and Lit Element
<!doctype html>
<html>
<head>
<!-- Polyfills for Microsoft Edge and Firefox-->
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
<title>Test Polymer and Lit Element</title>
</head>
<body>
@newbornfrontender
newbornfrontender / index.html
Created October 1, 2018 06:57
Polymer - css properties
<!doctype html>
<html>
<head>
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
<title>App</title>
</head>
<body>
<script type="module">
@newbornfrontender
newbornfrontender / index.html
Created October 1, 2018 07:23
Polymer slots and fallback
<!doctype html>
<html>
<head>
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
<title>App</title>
</head>
<body>
<script type="module">
@newbornfrontender
newbornfrontender / my-app.js
Created October 2, 2018 09:38
Polymer PWA titles
/**
@license
Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
@newbornfrontender
newbornfrontender / About.vue
Created October 16, 2018 11:20
Vue accessibility (vue-announcer)
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
<script>
export default {
mounted() {
setTimeout(() => {
@newbornfrontender
newbornfrontender / App.vue
Created October 16, 2018 11:33
Vue accessibility (vue-axe)
<template>
<div id="app">
<div id="nav">
<router-link
to="/"
title="Go to home page (title)"
aria-label="Go to home page (aria)"
>Home</router-link> |
<router-link
to="/about"
@newbornfrontender
newbornfrontender / index.html
Created October 19, 2018 10:14
Vue test (scoped-slots and etc)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vue Test</title>
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
</head>
@newbornfrontender
newbornfrontender / index.html
Created November 2, 2018 09:08
Lit-html (list example)
<!doctype html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Lit HTML</title>
</head>
@newbornfrontender
newbornfrontender / index.html
Last active November 2, 2018 09:18
Lit-html (Promises)
<!doctype html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Lit HTML</title>
</head>
@newbornfrontender
newbornfrontender / index.html
Created November 2, 2018 09:42
Lit-html (repeat directive)
<!doctype html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Lit HTML</title>
</head>