Skip to content

Instantly share code, notes, and snippets.

View gaspanik's full-sized avatar

Masaaki Komori gaspanik

113 followers · 56 following
View GitHub Profile
@gaspanik
gaspanik / gulpjs.markdown
Last active January 2, 2016 18:19
gulpjsの始め方。
@gaspanik
gaspanik / Gruntfile.js
Created December 19, 2013 14:51
foundation5-grunt-watch-livereload.
/*
Foundation 5 w/ Grunt + Libsass (watch scss/*.scss & .html)
Requirement: Chrome LiveReload extension (https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en).
Usage: foundation new project-name --libsass && grunt
*/
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
@gaspanik
gaspanik / gist:7688390
Created November 28, 2013 07:24
test
We couldn’t find that file to show.
@gaspanik
gaspanik / criticalcss-bookmarklet-devtool-snippet.js
Created August 24, 2013 05:13 — forked from PaulKinlan/criticalcss-bookmarklet-devtool-snippet.js
(function() {
var CSSCriticalPath = function(w, d, opts) {
var opt = opts || {};
var css = {};
var pushCSS = function(r) {
if(!!css[r.selectorText] === false) css[r.selectorText] = {};
var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
for(var i = 0; i < styles.length; i++) {
if(!!styles[i] === false) continue;
var pair = styles[i].split(": ");
@gaspanik
gaspanik / npm-update-error.markdown
Created July 13, 2013 20:43
npm: npm update "EMFILE" error fix.

OS X npm update "EMFILE" error fix.

OS Xで「npm update -g」とかすると、"EMFILE〜"のエラーが出る時の対処方法。

Check open files number.

$ ulimit -a

core file size (blocks, -c) 0
data seg size (kbytes, -d) unlimited

@gaspanik
gaspanik / yeoman-generators.markdown
Created May 28, 2013 21:45
Yeoman: Generators

Yeoman Generators

  • generator-angular Yeoman generator for AngularJS =sindresorhus =addyosmani =paulirish =btford
  • generator-angular-silex Yeoman generator for Silex based upon AngularJS =adamquadmon 2013-05-08 17:52 0.1.
  • generator-assemble Yeoman generator for Assemble =hariadi 2013-05-03 08:16 0.2.
  • generator-aura Yeoman generator for Aura.js =dotcypress 2013-03-03 15:58 0.0.
  • generator-backbone Yeoman generator for Backbone.js =sindresorhus =addyosmani =paulirish =revath
  • generator-backbone-amd generator-backbone-amd ====================== =abiee 2013-04-02 05:10 0.0.
  • generator-barista Yeoman generator for Barista =trimeego 2013-03-26 17:43 0.2.
  • generator-bbb Yeoman generator for Backbone Boilerplate
@gaspanik
gaspanik / package.json
Created May 25, 2013 23:06
package.json for jamjs package manager.
{
"jam": {
"packageDir": "public/vendor",
"baseUrl": "public",
"dependencies": {
}
}
}
@gaspanik
gaspanik / main.js
Created May 25, 2013 08:47
jQuery(CDN/Fallback) & Bootstrap load by Requirejs
requirejs.config({
baseUrl: '/js',
paths: {
jquery: ['//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min','jquery.min'],
bootstrap: 'bootstrap.min'
},
shim: {
'bootstrap':{deps: ['jquery']}
}
});
@gaspanik
gaspanik / screenshots.js
Last active December 17, 2015 12:19 — forked from nhoizey/screenshots.js
Take screenshots at different viewport sizes using CasperJS
/*
* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
*
* Original:
* nhoizey / screenshots.js https://gist.github.com/nhoizey/4060568
*
* Usage:
* $ casperjs screenshots.js http://example.com
*/
@gaspanik
gaspanik / TXT: kkmsz-ibdsgn-vol1.markdown
Created April 18, 2013 07:33
how to install node.js

Designing in the browser Vol. 1

こけむさずで開催した「インブラウザ勉強会」の補足。

Installing Node.js

Node.jsのインストールは自分の好きな方法でどうぞ。簡単なのはもちろん1です。

  1. Node.jsのインストールは公式サイトの「Download」からバイナリをインストールする
  2. Homebrewで「brew install node」を実行する