gaspanik

Recommended Sublime Text 2 Packages for Web Developers.

Update

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

2013 Spring & Summer

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

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」を実行する

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

// 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[\-.]/

gaspanik

#
# This is the main Apache HTTP server configuration file.  It contains the
# configuration directives that give the server its instructions.
# See <URL:http://httpd.apache.org/docs/2.2> for detailed information.
# In particular, see 
# <URL:http://httpd.apache.org/docs/2.2/mod/directives.html>
# for a discussion of each configuration directive.
#
# Do NOT simply read the instructions in here without understanding
# what they do.  They're here only as hints or reminders.  If you are unsure

gaspanik

Spotlight Indexing switch

os x terminal command.

Turn off indexing

Turn off Spotlight Indexing

sudo mdutil -a -i off

gaspanik

    ##
    # Gzip Settings
    ##

    gzip on;
    gzip_disable "msie6";
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;

gzip_buffers 16 8k;

gaspanik

/*
 |--------------------------------------------------------------------------
 | Browser-sync config file
 |--------------------------------------------------------------------------
 |
 | Please report any issues you encounter:
 |  https://github.com/shakyShane/browser-sync/issues
 |
 | For up-to-date information about the options:
 |  https://github.com/shakyShane/browser-sync/wiki/Working-with-a-Config-File