ykhs’s gists

ykhs / gist:3027432

Created July 1, 2012 07:53

Shadow DOM Sample

	<!DOCTYPE HTML>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<!-- このスタイルは文書ツリー側に定義したものなので Shadow DOM 内部には適用されない。 -->
	<style>
	section.articleBox h1 {
	color: black;
	}

ykhs / genPassword.js

Created August 9, 2012 04:21

generate password like string

	var password = [].reduce.call('AaBbCcDdEeFfGgHhiJjKkLMmNnPpQqRrSsTtWwXxYyz3456789', function(p, c, i, a) {
	return p += a.replace(new RegExp(p.split('').join('\|'), 'g'), '')[Math.floor(Math.random() * (a.length - p.length))];
	}, '').substr(0, 16);

	console.log(password);

ykhs / fizzbuzz.ls

Created August 30, 2012 03:01

fizzbuzz with LiveScript

	global <<< require \prelude-ls

	fizzbuzz = (x) ->
	\| x % 15 is 0 => \fizzbuzz
	\| x % 5 is 0 => \buzz
	\| x % 3 is 0 => \fizz
	\| otherwise => x

	[1 to 100] \|> map fizzbuzz \|> each console.log

ykhs / backcall-with-do-statement.ls

Created August 31, 2012 07:22

backcalls のスコープは `do` で制御できる

	do
	<-! $
	initializeApp!

	data <-! $.get 'ajaxtest'
	$ \.result .html data
	processed <-! $.get 'ajaxprocess', data
	$ \.result .append processed

ykhs / _linear-gradient.scss

Created September 10, 2012 11:55

linear-gradient Sass Mixin

	@mixin linear-gradient($angle, $color-stops...) {
	$_angle-with-vendor-prefix: "";
	$_angle: "";
	@if $angle == "to top" or $angle == "bottom" {
	$_angle-with-vendor-prefix: bottom;
	$_angle: to top;
	} @else if $angle == "to right" or $angle == "left" {
	$_angle-with-vendor-prefix: left;
	$_angle: to right;
	} @else if $angle == "to bottom" or $angle == "top" {

ykhs / colour_lovers_sass_palette.rb

Created April 7, 2013 09:57

www.colourlovers.com の palette を取得して Sass の変数定義の形へ整形

	require 'net/http'
	require 'rexml/document'

	class Palette
	attr_accessor :name, :url, :colors

	def initialize(id)
	@name = String.new
	@url = String.new
	@colors = Array.new

ykhs / domParse.js

Last active December 17, 2015 12:39

	domParse = function(htmlString) {
	var doc;

	doc = document.implementation.createHTMLDocument('');
	doc.body.innerHTML = htmlString;
	return doc.body.firstChild;
	};

ykhs / fizzbuzz.js

Created December 10, 2013 09:28

Array.apply(null,Array(100)).map(function(i,j){++j;i='';!(j%3)&&(i='fizz');!(j%5)&&(i+='buzz');console.log(i||j)})

ykhs / chapter4_list3.js

Last active August 29, 2015 14:07

JavaScript養成読本特集1 第4章リスト3 訂正

	var ContactView = Backbone.View.extend({
	render: function() {
	// HTMLテンプレートを取得する
	var template = $('#contact-template').html();
	// HTMLテンプレートにモデルのデータを適用する
	// モデルのtoJSON()メソッドを使って属性を
	// オブジェクトの形式で書き出す
	var compiled = _.template(template)
	var html = compiled(this.model.toJSON());
	// 自身が保持しているDOM要素を更新する

ykhs / chapter4_listA.js

Created October 22, 2014 02:46

JavaScript養成読本特集1 第4章リストA 訂正

	var ContactView = Backbone.View.extend({
	template: '<div>Name: <%= firstName %> <%= lastName %></div>' +
	'<div>Email: <%= email %></div>',

	render: function() {
	var compiled = _.template(this.template);
	var html = compiled(this.model.toJSON());
	this.$el.html(html);
	return this;
	}

Yukihisa Yamada ykhs