shuuheyhey

Sublime Text 2 単体でLESSをコンパイルする方法

まずはnpm（Node Package manager）でlessをインストール

環境によってはsudoを付ける。

$ (sudo) npm install -g less

Node.jsを入れてない場合はこちらを参考に。

shuuheyhey

module.exports = (grunt) ->

    # プラグインを package.json から自動読み込み
    pkg = undefined
    taskName = undefined
    pkg = grunt.file.readJSON("package.json")

    # タスクスタート
    grunt.initConfig

shuuheyhey

$root-font-size: 15 !default;


//  rem()
//  Divides $input by $root-font-size and appends "rem" unit
//  $input is processed via px() if it contains multiple values
//
//  PARAMS:
//    $input        required
//

shuuheyhey

####################################
# COMPASS CONFIG                   #
#           ---------              #
# PUT config.rb ON PROJECT ROOT    #
####################################

##================================##
# Require any additional compass plugins here.
##================================##

shuuheyhey

require 'bundler/setup'
require 'thread'
require 'launchy'
require 'directory_watcher'
require 'jekyll'

desc 'preview'
task preview: [:watch]  do

  Thread.new do

shuuheyhey

require 'bundler/setup'
require 'thread'
require 'launchy'

desc 'preview'
task :preview do
  Thread.new do
    sleep 1
    Launchy.open 'http://localhost:9001/'
  end

shuuheyhey

Recommended Sublime Text 2 Packages for Web Developers.

Update

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

2013 Spring & Summer

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

shuuheyhey

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

shuuheyhey

# See http://help.github.com/ignore-files/ for more about ignoring files.
#
# If you find yourself ignoring temporary files generated by your text editor
# or operating system, you probably want to add a global ignore instead:
# git config --global core.excludesfile ~/.gitignore_global

# Ignore bundler config
###################
/.bundle
/.gem

shuuheyhey

{
      "auto_complete": true,
      "auto_complete_commit_on_tab": true,
      "auto_complete_size_limit": 4194304,
      "auto_indent": true,
      "binary_file_patterns":
      [
            "*.jpg",
            "*.jpeg",
            "*.png",