TerasawaShuhei

// Original: https://github.com/gaspanik/gulpbase/

var gulp = require('gulp'),

// 列挙するのが面倒なので、load-pluginsでプラグインをロード。何使ってるかは「package.json」で

  $ = require('gulp-load-plugins')({
    pattern: ['gulp-*', 'gulp.*'],
    replaceString: /\bgulp[\-.]/
  }),

TerasawaShuhei

Recommended Sublime Text 2 Packages for Web Developers.

Update

• 「Browser Support」を追加しました。

2013 Spring & Summer

こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。

TerasawaShuhei

Frontend Development

Attention: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.

• Guides
  • Hack Design
  • Designer School
  • TheExpressiveWeb
  • Talks To Help You Become A Better Front-End Engineer In 2013
• Web Development Teaching Materials

TerasawaShuhei

AddEncoding gzip .gz

RewriteEngine on
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{HTTP_USER_AGENT} !Konqueror
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)\.css$ $1.css.gz [QSA,L]
RewriteRule ^(.*)\.js$ $1.js.gz [QSA,L]
RewriteRule ^(.*)\.html$ $1.html.gz [QSA,L]

TerasawaShuhei

@mixin boxit ($dir) {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	box-orient:$dir;
	-moz-box-orient:$dir;
	-webkit-box-orient:$dir;
}

@mixin order ($num) {

TerasawaShuhei

// retina.js, a high-resolution image swapper (http://retinajs.com), v0.0.2

(function(){function t(e){this.path=e;var t=this.path.split("."),n=t.slice(0,t.length-1).join("."),r=t[t.length-1];this.at_2x_path=n+"@2x."+r}function n(e){this.el=e,this.path=new t(this.el.getAttribute("src"));var n=this;this.path.check_2x_variant(function(e){e&&n.swap()})}var e=typeof exports=="undefined"?window:exports;e.RetinaImagePath=t,t.confirmed_paths=[],t.prototype.is_external=function(){return!!this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain)},t.prototype.check_2x_variant=function(e){var n,r=this;if(this.is_external())return e(!1);if(this.at_2x_path in t.confirmed_paths)return e(!0);n=new XMLHttpRequest,n.open("HEAD",this.at_2x_path),n.onreadystatechange=function(){return n.readyState!=4?e(!1):n.status>=200&&n.status<=399?(t.confirmed_paths.push(r.at_2x_path),e(!0)):e(!1)},n.send()},e.RetinaImage=n,n.prototype.swap=function(e){function n(){t.el.complete?(t.el.setAttribute("width",t.el.offsetWidth),t.el.

TerasawaShuhei

AWSのせっていまとめ

インスタンスの作成

SSHでログイン

サーバーを起動させた状態でaction connect。

Connect with a standalone SSH Clientを展開

TerasawaShuhei

function detectVendorFunction(object, methodName) {
  var upperName = methodName.charAt(0).toUpperCase()+methodName.substr(1),
      detectedMethod;

  detectedMethod = object[methodName] ||
                   object['webkit'+upperName] ||
                   object['moz'+upperName] ||
                   object['ms'+upperName] ||
                   object['o'+upperName];

TerasawaShuhei

var PARALLEL_LIMIT = 3;
var Page = require('webpage');
var async = require('/Users/shuuheyhey/Sites/async.js');
var i = 0, iz;
var urls = [
      "http://css.studiomohawk.com",
      "http://inkdesign.jp",
      "http://t32k.me/mol",
      "http://havelog.ayumusato.com",
      "http://aho.mu"