Skip to content

Instantly share code, notes, and snippets.

View ykhs's full-sized avatar

Yukihisa Yamada ykhs

29 followers · 6 following
  • Autify, Inc.
  • Tokyo, Japan
View GitHub Profile
@ykhs
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
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
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
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
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
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
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
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
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
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;
}