nishinoshake

var canvas = document.getElementById('canvas'),
    ctx    = canvas.getContext('2d'),
    image  = new Image();

canvas.setAttribute('width', window.innerWidth);
canvas.setAttribute('height', window.innerHeight);

image.src = 'sample.jpg';

image.addEventListener('load', function() {

nishinoshake

var offsetX = item.x + item.width / 2,
    offsetY = item.y + item.height / 2;
    
ctx.save();
ctx.translate(offsetX, offsetY);
ctx.rotate(deg * 180/PI);
ctx.translate(-offsetX, -offsetY);
ctx.restore();

nishinoshake

ls | awk '{printf "mv %s test%d.png\n", $0, NR-1}' | sh

nishinoshake

$(function(){
	$('<canvas id="yes"></canvas>').appendTo('body');
	var canvas = document.getElementById('yes'),
			ctx    = canvas.getContext('2d'),
			ww     = $(window).width(),
			wh     = $(window).height(),
			circle = [],
			color  = [
				'#303F9F',
				'#3F51B5',

nishinoshake

function judgeNew($postedDate) {
    $past = 7; // 1 week
    if ( strtotime($postedDate) >= strtotime('-' . $past . ' day') ) {
        return true;
    } else {
        return false;
    }
}

nishinoshake

##WordPressテンプレート作成

###各ファイルの特徴 style.css
ここにテーマの情報も書く。メインのスタイル。

index.php
いろんなファイルがなかったら最後に参照されるファイル。

header.php

nishinoshake

$about.removeClass(function(index, className) {
	return (className.match(/\bbg\d+/g) || []).join(' ');
});

nishinoshake

###出典はこちら 元ネタのGist

nishinoshake

@for $i from 0 through 11 {
	ul li:nth-of-type(#{$i + 1}) { transition-delay: #{$i * 80ms};}
}

nishinoshake

function getThumbnailUrl() {
	if ( get_post_thumbnail_id() ) {
		$thumbnailUrl = wp_get_attachment_image_src(get_post_thumbnail_id(), true)[0];
	} else {
		$thumbnailUrl = get_template_directory_uri() . '/images/noimage.jpg';
	}
	return $thumbnailUrl;
}