TAKUMI KIMURA @takumikimura - Tumblr Blog

#sandwiches #Illustration #eat #egg sandwiches #ham sandwiches #design #spoon #fork

シャツ着たい

#gambert #gambert shirts #shirts #Illustration #design

初めてのsass compass（初期設定）初めてsassを導入したので、インストールの仕方をメモ。 sass compassを入れる前に、インストールしておいた方がいいツール↓ 【初心者向け】mac osx10.8(mountain lion)でRuby on Railsを動かす為の5ステップ ↑を終えた後に ---------------------------------------------- ~sassをインストール~ まずターミナルを開いて、下記のコマンドを入力してインストールしましょう。 sudo gem install sass ---------------------------------------------- ~compassをインストール~ sassと同じく、ターミナルで下記を入力してインストール。 sudo gem install compass ----------------------------------------------

以上でインストールは完了。次にどこでもいいので、ディレクトリを作成します。ディレクトリを作成した後にターミナルで作成したディレクトリに入ります。 cd ~~ （cd=Change Directory） cd の後に作成したフォルダをドラッグ&ドロップで中に入れます。作成したフォルダの中に入ったら下記のコマンドを入力しましょう。 compass create ---------------------------------------------- 実行すると下記のようなファイルがファイルが作成されます。

├── config.rb ├── sass │ ├── ie.scss │ ├── print.scss │ └── screen.scss └── stylesheets ├── ie.css ├── print.css └── screen.css 以上で準備完了。 ---------------------------------------------- メモ・compass compile（screen.scssを保存したときにscreen.cssにコンパイルするためのコマンド）・compass watch（自動でコンパイルするためのコマンド）・compass create --sass-dir "sass" --css-dir "css" --javascripts-dir "js" --images-dir "img"（フォルダ名を自分の好きな名前にしたい時）

#tutorial #sass #compass #css3

#Illustration #bicycle #house #design

#pan #soup #Illustration #design #life

#tent #Illustration #plactice #camp #outdoors #design

#Illustration #camp #camping #lamp

FIND SOMETHING

#Typography #design #poster #package #drow

ビンのコーラ飲みたい

#Illustration #cola #slow #love #bottle

#Illustration #skate #cartoon #plactice

習作：満艦飾マコ

#Illustration #illustrator #キルラキル #キルラキル最襲回ハサミリレー #満艦飾マコ #習作 #anime

#geometric #design #texstyle #graphic #grahic design

習作：キルラキル

#Illustration #anime #Japan #plactice

#Typography #design #UI design #web design #geometric #graphic #pow #practice

Sublime text2の日本語設定とEmmetのインストールのやり方

便利な拡張機能は、PackageというものをSublime Text2に入れる事で使えるようになります。

最初に「Package Control」をインストールします。

『View』➡『Show Console』を選択し一番下の入力エリアに⬇のコードを入力します。

sublimetext2の場合は⬇

import urllib2,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb’ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/’ +pf.replace( ’ ‘,’%20’ )).read()); print( ‘Please restart Sublime Text to finish installation’)

sublime Text3は⬇

import urllib.request,os; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb’).write(urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(’ ‘,’%20’)).read())

⬆を入力をしてsublime Textを再起動します。これで他のパッケージもインストールする事ができます。

再起動した後に command+shift+pで『command palette』が開くので、そこに『install』と入力して『package control:install package』を選択するとpackageを選択出来るようになります。

そこで『japanize』を入力するとsublime Textが日本語になります。 emmetのインストールの仕方

まずは『ctrl』+『shift』+『P』でコマンドパレットを開き、『install』と入力した後に、『emmet』と入力するとインストールが完了します。まだ、emmetの詳しい使い方は勉強中なので、都度載せていきまうす！

何か面白い使い方や、プラグイン、パッケージがあればぜひ教えてください。