Yasuyuki Enomoto blivesta

Design engineer

blivesta / doorman-id.js

Created January 28, 2017 13:16

	const element = document.querySelector('#doorman');
	const doorman = new Doorman(element, { /* options */ });
	doorman.start();

blivesta / doorman.html

Last active February 8, 2017 15:47

<div data-doorman>Welcome</div>

blivesta / doorman.css

Created January 28, 2017 13:12

blivesta / doorman-Install-global.html

Last active March 20, 2018 19:45

	<script src="umd/doorman.min.js"></script>
	<!-- OR CDN -->
	<script src="https://unpkg.com/@blivesta/doorman/umd/doorman.min.js"></script>

blivesta / svgIcon.js

Created September 29, 2016 08:33

Use SVG Sprite for React

	import React from 'react'

	class SvgIcon extends React.Component {

	static get propTypes () {
	return {
	className: React.PropTypes.string,
	iconName: React.PropTypes.string,
	viewBox: React.PropTypes.string
	}

blivesta / simple-drawer.html

Created August 10, 2016 05:07

simple-drawer

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<style>
	* {
	margin: 0;
	position: 0;

blivesta / chaffle-options.js

Last active August 5, 2016 18:24

chaffle options

	var chaffle = new Chaffle(el, {
	lang: 'en', // default: 'en'
	// 'en' \|\| 'ja' \|\| 'ja-hiragana' \|\| 'ja-katakana' \|\| 'ua'
	speed: 20, // default: 20
	delay: 100, // default: 100
	});

blivesta / chaffle-mouseover.js

Last active August 5, 2016 18:17

Chaffle mouseover

	// Example: mouseover

	import Chaffle from 'chaffle'

	const elements = document.querySelectorAll('[data-chaffle]');
	Array.prototype.forEach.call(elements, function (el) {
	const chaffle = new Chaffle(el, { /* options */ });
	el.addEventListener('mouseover', function () {
	chaffle.init();
	});

blivesta / chaffle-markup.html

Last active August 5, 2016 18:12

HTML MARKUP

	<p data-chaffle="en">English</p>
	<p data-chaffle="ja">日本語</p>
	<p data-chaffle="ja-hiragana">ひらがな</p>
	<p data-chaffle="ja-katakana">カタカナ</p>
	<p data-chaffle="ua">Українська</p>

blivesta / chaffle.html

Created August 5, 2016 18:04

LINK REQUIRED FILES

	<script src="YOUR-PROJECT/chaffle.min.js"></script>
	<!-- CDN -->
	<script src="https://npmcdn.com/chaffle/chaffle.min.js"></script>