[iPhone] The 20th Century Voyage

iPhone タグ: No Comments »

hatena [iPhone] The 20th Century Voyage
 [iPhone] The 20th Century Voyage
facebook [iPhone] The 20th Century Voyage
google buzz [iPhone] The 20th Century Voyage
yahoo [iPhone] The 20th Century Voyage
livedoor [iPhone] The 20th Century Voyage
 [iPhone] The 20th Century Voyage
friendfeed [iPhone] The 20th Century Voyage

いやぁ知らなかった。Macで使わせて頂いているスクリーンセーバーのiPhone版が出ました!無料デス!
このスクリーンセーバーのデザインは最高です。しかも、色々な格言や、歴史的な事柄まで、なにげに勉強になったりもします。

20th1 [iPhone] The 20th Century Voyage

20th2 [iPhone] The 20th Century Voyage

The 20th Century Voyage itunes store

Photshop Brushes 水彩画調ブラシ 500+

Design タグ: No Comments »

hatena Photshop Brushes 水彩画調ブラシ 500+
 Photshop Brushes 水彩画調ブラシ 500+
facebook Photshop Brushes 水彩画調ブラシ 500+
google buzz Photshop Brushes 水彩画調ブラシ 500+
yahoo Photshop Brushes 水彩画調ブラシ 500+
livedoor Photshop Brushes 水彩画調ブラシ 500+
 Photshop Brushes 水彩画調ブラシ 500+
friendfeed Photshop Brushes 水彩画調ブラシ 500+

水彩画調のブラシのご紹介。すばらしいです。

1.Grungy Watercolor Brushes

wc8 Photshop Brushes 水彩画調ブラシ 500+

2.High Res Watercolour Brushes Set 1

wc19 Photshop Brushes 水彩画調ブラシ 500+

3.Watercolor Smudge Brushes

wc5 Photshop Brushes 水彩画調ブラシ 500+

4.Watercolor Splatters

wc14 Photshop Brushes 水彩画調ブラシ 500+

5.Watercolor

wc15 Photshop Brushes 水彩画調ブラシ 500+

その他は以下の引用元からどうぞ

via 500+ Watercolor Brushes for Photoshop

ベールを脱いだ!ロゴデザインチュートリアル16選

Tutorial  No Comments »

hatena ベールを脱いだ!ロゴデザインチュートリアル16選
 ベールを脱いだ!ロゴデザインチュートリアル16選
facebook ベールを脱いだ!ロゴデザインチュートリアル16選
google buzz ベールを脱いだ!ロゴデザインチュートリアル16選
yahoo ベールを脱いだ!ロゴデザインチュートリアル16選
livedoor ベールを脱いだ!ロゴデザインチュートリアル16選
 ベールを脱いだ!ロゴデザインチュートリアル16選
friendfeed ベールを脱いだ!ロゴデザインチュートリアル16選

あのロゴどう作ったのかなと、日々感心しているのですが、こんな風に作ってるんだと納得の16サイトのご紹介

1.joomlabamboo logo

joomlabamboo ベールを脱いだ!ロゴデザインチュートリアル16選

2.ProBlogger logo

problogger ベールを脱いだ!ロゴデザインチュートリアル16選

3.Social Signal logo

socialsignal logo61 ベールを脱いだ!ロゴデザインチュートリアル16選

4.HotBox Studios logo

hotbox ベールを脱いだ!ロゴデザインチュートリアル16選

5.VISSUMO logo

vissumo ベールを脱いだ!ロゴデザインチュートリアル16選

その他は以下の引用元からどうぞ

16 Unveiled Logo Design Processes!

Photoshopで作る3DTextチュートリアル

Tutorial タグ: No Comments »

hatena Photoshopで作る3DTextチュートリアル
 Photoshopで作る3DTextチュートリアル
facebook Photoshopで作る3DTextチュートリアル
google buzz Photoshopで作る3DTextチュートリアル
yahoo Photoshopで作る3DTextチュートリアル
livedoor Photoshopで作る3DTextチュートリアル
 Photoshopで作る3DTextチュートリアル
friendfeed Photoshopで作る3DTextチュートリアル

独学でPhotoshopを習得すると光源やパースなどがでたらめだったりします。
そんなこんなで、今一度基礎から勉強してみたいと言う人は以下のチュートリアルが参考になるのではないでしょうか。
oasis final Photoshopで作る3DTextチュートリアル

詳細は以下の引用元からどうぞ

via Create a 3D Text Scene Using Photoshop

目を惹くMacのスクリーンセーバー

Mac タグ: No Comments »

hatena 目を惹くMacのスクリーンセーバー
 目を惹くMacのスクリーンセーバー
facebook 目を惹くMacのスクリーンセーバー
google buzz 目を惹くMacのスクリーンセーバー
yahoo 目を惹くMacのスクリーンセーバー
livedoor 目を惹くMacのスクリーンセーバー
 目を惹くMacのスクリーンセーバー
friendfeed 目を惹くMacのスクリーンセーバー

1.X-Galaxy

美しいですね。あまりごちゃごちゃいじらずデフォルト美を好む人にはいいかもしれないですね。
3526764535 f85d2f8f01 o 目を惹くMacのスクリーンセーバー

2.DropClock

あれ、これって昔有料じゃなかった?このスクリンセーバーすごいかっこいいですよね。数字のブロックが水中に落ちてくるのですが、素晴らしい。
3526761403 b0dff21b2e o 目を惹くMacのスクリーンセーバー

3.Word Clock

世界時計
3527576632 72e484c79c o 目を惹くMacのスクリーンセーバー

4.Digg BigSpy

Diggのラボで公開されているスクリーンセーバー。Diggで話されているtopicが表示されます。
右上にDownload BigSpy as a screensaverのがあるのでそこからDL。

3526762295 a8caf95631 o 目を惹くMacのスクリーンセーバー

5.二十世紀ボヤージ

最高です。これ使ってます。何よりも美しい&勉強になるよ!。作られたデザイナーさんリスペクトです。記事の引用もとには無いスクリンセーバーなのですが、かれこれ2年?程使い込んでますね。なんて言うか正直言うと上であげた4つなんかどうでもいいです。これさえあれば。
20th 目を惹くMacのスクリーンセーバー

ああ、DropClockはいいよ!昔有料でそれさえ無ければ使ってた!後ちょー重かった!ようなきがする。

その他は以下の引用元からどうぞ

via 40+ Eye-Catching Mac Screensavers

photoshopで作るweb2.0風チュートリアル

Tutorial タグ: No Comments »

hatena photoshopで作るweb2.0風チュートリアル
 photoshopで作るweb2.0風チュートリアル
facebook photoshopで作るweb2.0風チュートリアル
google buzz photoshopで作るweb2.0風チュートリアル
yahoo photoshopで作るweb2.0風チュートリアル
livedoor photoshopで作るweb2.0風チュートリアル
 photoshopで作るweb2.0風チュートリアル
friendfeed photoshopで作るweb2.0風チュートリアル

この手のチュートリアルだと、「で、そこどうやってつくるの?そこが知りたいのに。」みたいな事が多いのですが丁寧にチュートリアルが書かれていて、いい感じです。
17 48 clean web2 design 21 photoshopで作るweb2.0風チュートリアル

詳細は以下の引用元からどうぞ

via How to Create a Clean Web 2.0 Style Web Design in Photoshop

emacsをrails仕様にカスタマイズ2

RoR タグ: 1 Comment »

hatena emacsをrails仕様にカスタマイズ2
 emacsをrails仕様にカスタマイズ2
facebook emacsをrails仕様にカスタマイズ2
google buzz emacsをrails仕様にカスタマイズ2
yahoo emacsをrails仕様にカスタマイズ2
livedoor emacsをrails仕様にカスタマイズ2
 emacsをrails仕様にカスタマイズ2
friendfeed emacsをrails仕様にカスタマイズ2

手元にmac環境しかありませんのでmacで話を進めます。
まずはCarbon Emacsをダウンロード
次にrinariをダウンロード
gitコマンドを入れてない人は
Macの人はmac portsをインストールしてください

sudo port install git-core +gitweb +svn

GUIが良い人はporticusからでもgitを入れてください。
さて、gitのインストールがすんでいる人はrinariとrhtml-mode(erbのハイライト)をインストールします。
インストールする場所は何処でも良いのですがここではホームディレクトリ以下の~/.emacs.d/にインストールします

cd ~/.emacs.d
git clone git://github.com/eschulte/rinari.git
cd rinari
git submodule init
git submodule update
cd ~/.emacs.d
git clone git://github.com/eschulte/rhtml.git

rinariにはsnippetが入っていないのでyasnippetRails snippetsをインストールします。
yasnippetのダウンロードページにはyasnippet-bundleとyasnippetがありますが
今回はyasnippet-0.5.10.tar.bz2をダウンロード

cd ~/.emacs.d
curl -O http://yasnippet.googlecode.com/files/yasnippet-0.5.10.tar.bz2
tar jxf yasnippet-0.5.10.tar.bz2
cd yasnippet-0.5.10
mv * ../
cd ../
rm -rf yasnippet-0.5.10
rm yasnippet-0.5.10.tar.bz2
cd ~/.emacs.d/snippets
git clone git://github.com/eschulte/yasnippets-rails.git

これでrailsの開発環境が整いましたが、linum(行番号表示機能)とelscreen(タブ機能)を追加します

cd ~/.emacs.d/
curl -O http://stud4.tuwien.ac.at/~e0225855/linum/linum.el
curl -O ftp://ftp.morishima.net:21//pub/morishima.net/naoto/ElScreen/elscreen-1.4.6.tar.gz
tar xzvf elscreen-1.4.6.tar.gz
mv ~/.emacs.d/elscreen-1.4.6/elscreen.el ~/.emacs.d/
rm -rf ~/.emacs.d/elscreen-1.4.6
rm ~/.emacs.d/elscreen-1.4.6.tar.gz

次に.emacsの設定に移ります。

cd ~/
vi .emacs

なんでviなんだって話だと思うんですが、emacsにまだなれてなくて。。

;;; utf8
(set-language-environment "Japanese")
(set-terminal-coding-system 'utf-8)
(set-keyboard-coding-system 'utf-8)
(set-buffer-file-coding-system 'utf-8)
(setq default-buffer-file-coding-system 'utf-8)

;;; base setting
(setq line-number-mode t) ;;カーソル行番号表示
(setq inhibit-startup-message t) ;;スタートアップメッセージ非表示
(setq-default tab-width 4) ;;tab4文字
(setq make-backup-files nil) ;;バックアップファイルを作らない
(setq visible-bell t) ;;警告音無し
(setq frame-title-format "%b") ;;タイトルにファイル名表示
(display-time) ;;時計表示
(auto-compression-mode t) ;;日本語info文字化け防止
(global-hl-line-mode) ;;行ハイライト
(tool-bar-mode nil) ;;ツールバー非表示
(show-paren-mode 1) ;;対応括弧ハイライト

;;; color
(setq initial-frame-alist
(append (list
 '(width . 120) ;;フレームの幅
 '(height . 40) ;;フレームの高さ
 '(top . 0) ;;Y 表示位置
 '(left . 340) ;;X 表示位置
)
initial-frame-alist))
(setq default-frame-alist initial-frame-alist)
(set-frame-parameter nil 'alpha 90 ) ;;windowの透明度設定

;;; theme-monokai
(custom-set-faces
 '(default ((t (:stipple nil :background "#272822" :foreground "#F8F8F2" :inverse-video nil :box nil :strike-through nil :overline nil :underline nil :slant normal :weight normal :height 98 :width normal :family "outline-consolas"))))
 '(cursor ((t (:background "#F8F8F2" :foreground "#272822"))))
 '(font-lock-comment-face ((((class color) (min-colors 88) (background dark)) (:foreground "#75715E"))))
 '(font-lock-function-name-face ((((class color) (min-colors 88) (background dark)) (:foreground "#A6E22E"))))
 '(font-lock-keyword-face ((((class color) (min-colors 88) (background dark)) (:foreground "#F92672"))))
 '(font-lock-preprocessor-face ((t (:inherit font-lock-builtin-face :foreground "#66d9ef"))))
 '(font-lock-string-face ((((class color) (min-colors 88) (background dark)) (:foreground "#E6DB74"))))
 '(font-lock-type-face ((((class color) (min-colors 88) (background dark)) (:foreground "#66d9ef"))))
 '(font-lock-variable-name-face ((((class color) (min-colors 88) (background dark)) (:foreground "#FD971F"))))
 '(region ((((class color) (min-colors 88) (background dark)) (:background "#49483E"))))
 '(show-paren-match ((((class color) (background dark)) (:background "#3E3D32"))))
 '(variable-pitch ((t (:family "DejaVu Sans")))))

(setq load-path
(append
(list
(expand-file-name "~/.emacs.d/")
)
load-path))

;; Interactively Do Things (highly recommended, but not strictly required)
(require 'ido)
(ido-mode t)

;; Rinari
(add-to-list 'load-path "~/.emacs.d/rinari")
(require 'rinari)

;;; rhtml-mode
(add-to-list 'load-path "~/.emacs.d/rhtml")
(require 'rhtml-mode)
(add-hook 'rhtml-mode-hook
(lambda () (rinari-launch)))

;;; yasnippet
(require 'yasnippet)
(yas/initialize)
(yas/load-directory "~/.emacs.d/snippets/rails-snippets")

;;; line-number 
(require 'linum)
(global-linum-mode t)
(setq linum-format "%5d")

;;; elscreen
(require 'elscreen)
;; PrefixキーをC-zに割り当て
(if window-system
 (define-key elscreen-map "\C-z" 'iconify-or-deiconify-frame)
  (define-key elscreen-map "\C-z" 'suspend-emacs))

エラーが出るようであればpluginのパスを環境に合わせて変えてみてください。
emacsを立ち上げて
emacs emacsをrails仕様にカスタマイズ2
こんな画面になれば成功です。
C-c ; wでmongrel起動
C-c C-cでmongrel終了
その他キーバインドはまた次の機会にでも書きたいと思います。
間違い等がありましたら教えて頂けると助かります。

emacsをrails仕様にカスタマイズ

RoR タグ: No Comments »

hatena emacsをrails仕様にカスタマイズ
 emacsをrails仕様にカスタマイズ
facebook emacsをrails仕様にカスタマイズ
google buzz emacsをrails仕様にカスタマイズ
yahoo emacsをrails仕様にカスタマイズ
livedoor emacsをrails仕様にカスタマイズ
 emacsをrails仕様にカスタマイズ
friendfeed emacsをrails仕様にカスタマイズ

さて、日々の開発はtextmateで行っているのですが、何となくemacsくらい使えないとだめかなぁと思い立ちCarbon Emacsをダウンロード
emacsはC++のコーディングにしか使った事なく、ほとんど使い方がわからなかったのですが、rinariを使うとかなりイケテルとの事でなんとなく入れてみました。
emacs emacsをrails仕様にカスタマイズ
textmateでも使っているmonokaiというテーマのパクリです。
.emacs.elにでも貼付けてください。

(custom-set-faces
'(default ((t (:stipple nil :background "#272822" :foreground "#F8F8F2" :inverse-video nil :box nil :strike-through nil :overline nil :underline nil :slant normal :weight normal :height 98 :width normal :family "outline-consolas"))))
'(cursor ((t (:background "#F8F8F2" :foreground "#272822"))))
'(font-lock-comment-face ((((class color) (min-colors 88) (background dark)) (:foreground "#75715E"))))
'(font-lock-function-name-face ((((class color) (min-colors 88) (background dark)) (:foreground "#A6E22E"))))
'(font-lock-keyword-face ((((class color) (min-colors 88) (background dark)) (:foreground "#F92672"))))
'(font-lock-preprocessor-face ((t (:inherit font-lock-builtin-face :foreground "#66d9ef"))))
'(font-lock-string-face ((((class color) (min-colors 88) (background dark)) (:foreground "#E6DB74"))))
'(font-lock-type-face ((((class color) (min-colors 88) (background dark)) (:foreground "#66d9ef"))))
'(font-lock-variable-name-face ((((class color) (min-colors 88) (background dark)) (:foreground "#FD971F"))))
'(region ((((class color) (min-colors 88) (background dark)) (:background "#49483E"))))
'(show-paren-match ((((class color) (background dark)) (:background "#3E3D32"))))
'(variable-pitch ((t (:family "DejaVu Sans")))))

テーマは下記ページからの引用です。
I get so tired of searching for programming editor color schemes
いやあああつかいやすいわあああああ!
textmateとはまた違う操作感。textmateを使ってなかったら100%こちらを使うでしょうね!
ということでrails用にって何をって話で以下のplugin?とか入れてます。
ido
rinari
yasnippet+rails-snippets(スニペット)
linum(行表示)
elscreen(tab表示)
ruby-block(対応ブロック表示)
を使っています。反応があれば、emacs.elとpluginの設定でも次回書きますか。
あぁ。emacsよくわかってないので小汚くても良ければですが。

emacsをrails仕様にカスタマイズ2へ続く

背景ジェネレーター10選+α

Draft  No Comments »

hatena 背景ジェネレーター10選+α
 背景ジェネレーター10選+α
facebook 背景ジェネレーター10選+α
google buzz 背景ジェネレーター10選+α
yahoo 背景ジェネレーター10選+α
livedoor 背景ジェネレーター10選+α
 背景ジェネレーター10選+α
friendfeed 背景ジェネレーター10選+α

背景パターンを作成してくれるサイトです。リンク元のサイトにはロゴ作成やcss作成などその他有益な情報も掲載されています。

1.Pattern Cooler

patterncooler 背景ジェネレーター10選+α

2.Stripe Mania

stripemania 背景ジェネレーター10選+α

3.Dotted Background Generator

dottedbackground 背景ジェネレーター10選+α

4.Tartan Maker

tartanmaker 背景ジェネレーター10選+α

5.Striped Backgrounds

stripedbackgrounds 背景ジェネレーター10選+α

Read the rest of this entry »

Photshop Brushes フラクタルなブラシ+

Design タグ: No Comments »

hatena Photshop Brushes フラクタルなブラシ+
 Photshop Brushes フラクタルなブラシ+
facebook Photshop Brushes フラクタルなブラシ+
google buzz Photshop Brushes フラクタルなブラシ+
yahoo Photshop Brushes フラクタルなブラシ+
livedoor Photshop Brushes フラクタルなブラシ+
 Photshop Brushes フラクタルなブラシ+
friendfeed Photshop Brushes フラクタルなブラシ+

1.Destiny Brushes

0 Photshop Brushes フラクタルなブラシ+

2.Dekka-zero – Brushes

1 Photshop Brushes フラクタルなブラシ+

3.Abstract Cloud Brush for PS7

21 Photshop Brushes フラクタルなブラシ+

4.Abstract Brushes Vol X.

3 Photshop Brushes フラクタルなブラシ+

5.Abstract Brushes Vol VI

4 Photshop Brushes フラクタルなブラシ+

Read the rest of this entry »

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS