gaspanik

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

var gulp = require('gulp'),

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

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

maepon

// admin/make-form.phpの最後にscriptタグで追加

(function($){

  var $box           = $('#standard-form'),
      boxBaseOffsetY = $box.offset().top;

  $box.css({
    position: 'absolute',
    left:0,

hail2u

module.exports = function (grunt) {
  grunt.initConfig({
    generate: {
      all: {
        expand: true,
        cwd: '.grunt/html/',
        src: ['**/*.hbs', '!**/*.inc.hbs'],
        filter: 'isFile',
        dest: './',
        ext: '.html'

hail2u

$ node include-helper.js test,tmpl
<p>apple is sweet and red.</p>
<p>orange is sweet and orange.</p>
<p>grape is sweet and purple.</p>

masamunet

#除外ファイル
exclude = [
  '!**/.DS_Store'
  '!**/Thumbs.db'
  '!**/*.coffee'
  '!**/*.map'
  '!**/*.scss'
  '!**/*.less'
  '!**/*.s.css'
  '!**/*.l.css'

gaspanik

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

gaspanik

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

/*
* 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

Designing in the browser Vol. 1

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

Installing Node.js

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

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

hideki-a

'use strict'
PROJECT_DIR = ''
LIVERELOAD_PORT = 35729
lrSnippet = require('connect-livereload')({ port: LIVERELOAD_PORT })
proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest
mountFolder = (connect, dir) ->
  return connect.static(require('path').resolve(dir))

module.exports = (grunt) ->
  grunt.initConfig