easierbycode’s gists

easierbycode / streetview.component.css

Created December 2, 2019 20:23 — forked from cmddavid/streetview.component.css

Example street view component utilizing MapsAPILoader from @agm/core package

easierbycode / gmap.html

Last active November 9, 2019 10:46

Gmap replay

	<html>
	<head>
	<title>
	</title>
	<link rel="stylesheet" href="style.css">

	<script>
	var data = [{"start":"2012-10-05T20:46:53Z","end":"2012-10-05T21:38:35Z","distance":58.7368,"name_tag":0,"path":[{"lat":35.5329271,"lng":-108.7586143,"event_type":"ignition_on","time":"2012-10-05T20:46:53Z"},{"lat":35.5328553,"lng":-108.7585511,"event_type":"heartbeat","time":"2012-10-05T20:48:52Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5327385,"lng":-108.7592921,"event_type":"heartbeat","time":"2012-10-05T20:5

easierbycode / index.html

Created July 26, 2019 11:35

Ionic 4 + Vue.js + IonPhaser

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script type="module" src="https://unpkg.com/@ion-phaser/[email protected]/dist/ionphaser/ionphaser.esm.js"></script>
	<script nomodule="" src="https://unpkg.com/@ion-phaser/[email protected]/dist/ionphaser/ionphaser.js"></script>
	</head>

easierbycode / index.html

Created July 24, 2019 23:36 — forked from ebidel/index.html

<responsive-element> custom element for enabling container/element queries

	<!-- based on https://twitter.com/ebidel/status/933496242272747520 -->
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title><responsive-element></title>
	<link rel="stylesheet" href="styles.css">
	</head>

easierbycode / jqueyless.js

Created July 11, 2019 14:01 — forked from vnegrisolo/jqueyless.js

Because sometimes we don't need jquey, but still like query style

	function $(selector) {
	return document.querySelectorAll(selector);
	}

easierbycode / The Godfather: Part III, 1990

Last active July 3, 2019 15:53

URLSearchParams

Just when I thought I was out, they pull me back in.

easierbycode / music-index.vue

Last active March 29, 2019 03:35

	<template>
	<table class='table is-fullwidth is-striped is-hoverable is-narrow'>
	<sorted :songs="songs" @sortedSongs='sort_songs' />

	<paginated :items='sortedSongs' />
	</table>
	</template>

	<script>
	import MusicData from '@/assets/list.json'

easierbycode / music-list.json

Created March 29, 2019 02:37

	[{
	"url": "/public/music/az_is_the_new_a_town/Track_01.mp3",
	"modified": "2013-02-23T04:07:40Z",
	"title": "Track_01.mp3",
	"created": "2013-02-23T04:07:40Z",
	"artist": "AZLegend Golden",
	"genre": "Hip-Hop",
	"album": "AZ is the New A Town"
	}, {
	"url": "/public/music/az_is_the_new_a_town/Track_02.mp3",

easierbycode / num-range-v-for.vue

Created December 11, 2018 15:49

number range using Vue's v-for

	<template>
	<li v-for='n in 99'>{{ n }} bottles of beer on the wall..</li>
	</template>

easierbycode / fill-array.js

Created November 30, 2018 15:04

fill number range in an array

	Array(42).fill().map((i, idx) => arr[i] = idx+1)
	//(42) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42]

▓▒░ ♔ Daniel ♔ ░▒▓ easierbycode