<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>Narju.com &#187; WebSite</title>
	<atom:link href="http://narju.com/category/website/feed" rel="self" type="application/rss+xml" />
	<link>http://narju.com</link>
	<description>デザイン〜ビジネス〜ライフハックまで。</description>
	<lastBuildDate>Mon, 26 Jul 2010 05:40:06 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/category/website/feed" />
		<item>
		<title>ハイクオリティー 無料WordPressテーマ20選</title>
		<link>http://narju.com/2009/08/972.html</link>
		<comments>http://narju.com/2009/08/972.html#comments</comments>
		<pubDate>Tue, 04 Aug 2009 02:52:46 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://narju.com/2009/08/972.html</guid>
		<description><![CDATA[ wordpress無料テンプレート20選です。...  Gallery Theme       2....  Grid Focus Theme       4.  The Unstandard Theme       5.  Portfolio WPESP Theme       via  20 High Quality Free WordPress 2.7 Themes  ]]></description>
			<content:encoded><![CDATA[<p>wordpress無料テンプレート20選です。さて、ここも変えますか。</p>
<h3>1.Gallery Theme</h3>
<p><a href="http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/08/wp27theme08.jpg" width="450" height="338" alt="wp27theme08 ハイクオリティー 無料WordPressテーマ20選"  title="ハイクオリティー 無料WordPressテーマ20選" /></a></p>
<h3>2.Milano Theme</h3>
<p><a href="http://web2feel.com/milano-theme/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/08/wp27theme06.jpg" width="450" height="285" alt="wp27theme06 ハイクオリティー 無料WordPressテーマ20選"  title="ハイクオリティー 無料WordPressテーマ20選" /></a></p>
<h3>3.Grid Focus Theme</h3>
<p><a href="http://5thirtyone.com/grid-focus" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/08/wp27theme11.jpg" width="450" height="443" alt="wp27theme11 ハイクオリティー 無料WordPressテーマ20選"  title="ハイクオリティー 無料WordPressテーマ20選" /></a></p>
<h3>4.The Unstandard Theme</h3>
<p><a href="http://5thirtyone.com/the-unstandard" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/08/wp27theme05.jpg" width="450" height="277" alt="wp27theme05 ハイクオリティー 無料WordPressテーマ20選"  title="ハイクオリティー 無料WordPressテーマ20選" /></a></p>
<h3>5.Portfolio WPESP Theme</h3>
<p><a href="http://wpesp.com/portfolio/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/08/wp27theme20.jpg" width="450" height="270" alt="wp27theme20 ハイクオリティー 無料WordPressテーマ20選"  title="ハイクオリティー 無料WordPressテーマ20選" /></a></p>
<p>via <a href="http://www.toxel.com/design/2009/05/29/20-high-quality-free-wordpress-27-themes/">20 High Quality Free WordPress 2.7 Themes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/08/972.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/08/972.html" />
	</item>
		<item>
		<title>emacsをrails仕様にカスタマイズ2</title>
		<link>http://narju.com/2009/05/739.html</link>
		<comments>http://narju.com/2009/05/739.html#comments</comments>
		<pubDate>Wed, 20 May 2009 03:57:20 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[RoR]]></category>
		<category><![CDATA[開発]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/739.html</guid>
		<description><![CDATA[git clone git://github.com/eschulte/rhtml.git  rinariにはsnippetが入っていないので yasnippet と Rails snippets をインストールします。 

...git clone git://github.com/eschulte/yasnippets-rails.git  これでrailsの開発環境が整いましたが、linum(行番号を表示機能)とelscreen(emacsにタブ機能)を追加します  


...rm ~/.emacs.d/elscreen-1.4.6.tar.gz  次に.emacsの設定に移ります。  


...	(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 . ...  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]]></description>
			<content:encoded><![CDATA[<p>手元にmac環境しかありませんのでmacで話を進めます。<br />
まずはCarbon Emacsを<a href="http://homepage.mac.com/zenitani/emacs-j.html" target="_blank">ダウンロード</a><br />
次に<a href="http://github.com/eschulte/rinari/tree/master" target="_blank">rinari</a>をダウンロード<br />
gitコマンドを入れてない人は<br />
Macの人は<a href="http://www.macports.org/" target="_blank">mac ports</a>をインストールしてください</p>

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">sudo port install git-core +gitweb +svn</pre></div></div>

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

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">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</pre></div></div>

<p>rinariにはsnippetが入っていないので<a href="http://code.google.com/p/yasnippet/" target="_blank">yasnippet</a>と<a href="http://github.com/eschulte/yasnippets-rails/tree/master" target="_blank">Rails snippets</a>をインストールします。<br />
yasnippetのダウンロードページにはyasnippet-bundleとyasnippetがありますが<br />
今回はyasnippet-0.5.10.tar.bz2をダウンロード</p>

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">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</pre></div></div>

<p>これでrailsの<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/%e9%96%8b%e7%99%ba" title="開発 の投稿をすべて表示" target="_blank">開発</a></span>環境が整いましたが、linum(行番号表示機能)とelscreen(タブ機能)を追加します</p>

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">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</pre></div></div>

<p>次に.emacsの設定に移ります。</p>

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">cd ~/
vi .emacs</pre></div></div>

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

<div class="wp_syntax"><div class="code"><pre class="code" style="font-family:monospace;">;;; utf8
(set-language-environment &quot;Japanese&quot;)
(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)
&nbsp;
;;; 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 &quot;%b&quot;) ;;タイトルにファイル名表示
(display-time) ;;時計表示
(auto-compression-mode t) ;;日本語info文字化け防止
(global-hl-line-mode) ;;行ハイライト
(tool-bar-mode nil) ;;ツールバー非表示
(show-paren-mode 1) ;;対応括弧ハイライト
&nbsp;
;;; 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の透明度設定
&nbsp;
;;; theme-monokai
(custom-set-faces
 '(default ((t (:stipple nil :background &quot;#272822&quot; :foreground &quot;#F8F8F2&quot; :inverse-video nil :box nil :strike-through nil :overline nil :underline nil :slant normal :weight normal :height 98 :width normal :family &quot;outline-consolas&quot;))))
 '(cursor ((t (:background &quot;#F8F8F2&quot; :foreground &quot;#272822&quot;))))
 '(font-lock-comment-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#75715E&quot;))))
 '(font-lock-function-name-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#A6E22E&quot;))))
 '(font-lock-keyword-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#F92672&quot;))))
 '(font-lock-preprocessor-face ((t (:inherit font-lock-builtin-face :foreground &quot;#66d9ef&quot;))))
 '(font-lock-string-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#E6DB74&quot;))))
 '(font-lock-type-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#66d9ef&quot;))))
 '(font-lock-variable-name-face ((((class color) (min-colors 88) (background dark)) (:foreground &quot;#FD971F&quot;))))
 '(region ((((class color) (min-colors 88) (background dark)) (:background &quot;#49483E&quot;))))
 '(show-paren-match ((((class color) (background dark)) (:background &quot;#3E3D32&quot;))))
 '(variable-pitch ((t (:family &quot;DejaVu Sans&quot;)))))
&nbsp;
(setq load-path
(append
(list
(expand-file-name &quot;~/.emacs.d/&quot;)
)
load-path))
&nbsp;
;; Interactively Do Things (highly recommended, but not strictly required)
(require 'ido)
(ido-mode t)
&nbsp;
;; Rinari
(add-to-list 'load-path &quot;~/.emacs.d/rinari&quot;)
(require 'rinari)
&nbsp;
;;; rhtml-mode
(add-to-list 'load-path &quot;~/.emacs.d/rhtml&quot;)
(require 'rhtml-mode)
(add-hook 'rhtml-mode-hook
(lambda () (rinari-launch)))
&nbsp;
;;; yasnippet
(require 'yasnippet)
(yas/initialize)
(yas/load-directory &quot;~/.emacs.d/snippets/rails-snippets&quot;)
&nbsp;
;;; line-number 
(require 'linum)
(global-linum-mode t)
(setq linum-format &quot;%5d&quot;)
&nbsp;
;;; elscreen
(require 'elscreen)
;; PrefixキーをC-zに割り当て
(if window-system
 (define-key elscreen-map &quot;\C-z&quot; 'iconify-or-deiconify-frame)
  (define-key elscreen-map &quot;\C-z&quot; 'suspend-emacs))</pre></div></div>

<p>エラーが出るようであればpluginのパスを環境に合わせて変えてみてください。<br />
emacsを立ち上げて<br />
<img src="http://narju.com/wp-content/uploads/2009/05/emacs.png" width="480" height="341" alt="emacs emacsをrails仕様にカスタマイズ2"  title="emacsをrails仕様にカスタマイズ2" /><br />
こんな画面になれば成功です。<br />
C-c ; wでmongrel起動<br />
C-c C-cでmongrel終了<br />
その他キーバインドはまた次の機会にでも書きたいと思います。<br />
間違い等がありましたら教えて頂けると助かります。</p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/739.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/739.html" />
	</item>
		<item>
		<title>emacsをrails仕様にカスタマイズ</title>
		<link>http://narju.com/2009/05/736.html</link>
		<comments>http://narju.com/2009/05/736.html#comments</comments>
		<pubDate>Tue, 19 May 2009 16:02:59 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[RoR]]></category>
		<category><![CDATA[開発]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/736.html</guid>
		<description><![CDATA[さて、日々の開発はtextmateで行っているのですが、emacsはC++のコーディングにしか使った事なく、ほとんど使い方がわからなかったのですが、rinariを使うとかなりイケテルとの事でなんとなくがんがん入れてみました。   

...'(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"))))


...'(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"))))


...I get so tired of searching for programming editor color schemes  またrails用に ido  rinari   yasnippet + rails-snippets (スニペット)  linum (行表示)  elscreen (tab表示)  ruby-block (対応ブロック表示) を使っています。]]></description>
			<content:encoded><![CDATA[<p>さて、日々の<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/%e9%96%8b%e7%99%ba" title="開発 の投稿をすべて表示" target="_blank">開発</a></span>はtextmateで行っているのですが、何となくemacsくらい使えないとだめかなぁと思い立ちCarbon Emacsをダウンロード<br />
emacsはC++のコーディングにしか使った事なく、ほとんど使い方がわからなかったのですが、rinariを使うとかなりイケテルとの事でなんとなく入れてみました。<br />
<img src="http://narju.com/wp-content/uploads/2009/05/emacs.png" width="480" height="341" alt="emacs emacsをrails仕様にカスタマイズ"  title="emacsをrails仕様にカスタマイズ" /><br />
textmateでも使っているmonokaiというテーマのパクリです。<br />
.emacs.elにでも貼付けてください。</p>

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

<p>テーマは下記ページからの引用です。<br />
<a href="http://jaguilar.posterous.com/i-get-so-tired-of-searching-fo" target="_blank">I get so tired of searching for programming editor color schemes</a><br />
いやあああつかいやすいわあああああ！<br />
textmateとはまた違う操作感。textmateを使ってなかったら100%こちらを使うでしょうね！<br />
ということでrails用にって何をって話で以下のplugin？とか入れてます。<br />
ido<br />
<a href="http://rinari.rubyforge.org/">rinari</a><br />
<a href="http://code.google.com/p/yasnippet/">yasnippet</a>+<a href="http://github.com/eschulte/yasnippets-rails/tree/master" target="_blank">rails-snippets</a>(スニペット)<br />
<a href="http://stud4.tuwien.ac.at/~e0225855/linum/linum.html" target="_blank">linum</a>(行表示)<br />
<a href="http://www.morishima.net/~naoto/software/elscreen/index.php.ja" target="_blank">elscreen</a>(tab表示)<br />
<a href="http://www.emacswiki.org/emacs/ruby-block.el" target="_blank">ruby-block</a>(対応ブロック表示)<br />
を使っています。反応があれば、emacs.elとpluginの設定でも次回書きますか。<br />
あぁ。emacsよくわかってないので小汚くても良ければですが。</p>
<p><a href="http://narju.com/2009/05/739.html">emacsをrails仕様にカスタマイズ2</a>へ続く</p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/736.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/736.html" />
	</item>
		<item>
		<title>背景ジェネレーター10選+α</title>
		<link>http://narju.com/2009/05/733.html</link>
		<comments>http://narju.com/2009/05/733.html#comments</comments>
		<pubDate>Tue, 19 May 2009 01:49:35 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/733.html</guid>
		<description><![CDATA[ 背景パターンを作成してくれるサイトです。  リンク元のサイトにはロゴ作成やcss作成などその他有益な情報も掲載されています。  ...  Dotted Background Generator       4....  Stripe Generator 2.0       8....  Bgmaker       その他は以下の引用元からどうぞ  via  55+ Extremely Useful Online Generators for Designers  ]]></description>
			<content:encoded><![CDATA[<p>背景パターンを作成してくれるサイトです。リンク元のサイトにはロゴ作成やcss作成などその他有益な情報も掲載されています。</p>
<h3>1.Pattern Cooler</h3>
<p><a href="http://www.patterncooler.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/patterncooler.jpg" width="450" height="140" alt="patterncooler 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>2.Stripe Mania</h3>
<p><a href="http://www.stripemania.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/stripemania.jpg" width="450" height="203" alt="stripemania 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>3.Dotted Background Generator</h3>
<p><a href="http://www.pixelknete.de/dotter/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/dottedbackground.jpg" width="450" height="157" alt="dottedbackground 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>4.Tartan Maker</h3>
<p><a href="http://www.tartanmaker.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/tartanmaker.jpg" width="450" height="228" alt="tartanmaker 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>5.Striped Backgrounds</h3>
<p><a href="http://stripedbgs.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/stripedbackgrounds.jpg" width="450" height="184" alt="stripedbackgrounds 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<p><span id="more-733"></span><br />
<h3>6.BgPatterns</h3>
<p><a href="http://bgpatterns.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/bgpatterns.jpg" width="450" height="133" alt="bgpatterns 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>7.Stripe Generator 2.0</h3>
<p><a href="http://www.stripegenerator.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/stripegenerator.jpg" width="450" height="127" alt="stripegenerator 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>8.ColourLovers</h3>
<p><a href="http://www.colourlovers.com/patterns/add" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/colourlovers.jpg" width="450" height="179" alt="colourlovers 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>9.Stripe Designer</h3>
<p><a href="http://www.stripedesigner.com/" target="_blank" class="broken_link"><img src="http://narju.com/wp-content/uploads/2009/05/stripedesigner.jpg" width="450" height="132" alt="stripedesigner 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<h3>10.Bgmaker</h3>
<p><a href="http://bgmaker.ventdaval.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/bgmaker.jpg" width="450" height="352" alt="bgmaker 背景ジェネレーター10選+α"  title="背景ジェネレーター10選+α" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers/" target="_blank">55+ Extremely Useful Online Generators for Designers</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/733.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/733.html" />
	</item>
		<item>
		<title>jQueryでcoolなexposeエフェクト</title>
		<link>http://narju.com/2009/05/712.html</link>
		<comments>http://narju.com/2009/05/712.html#comments</comments>
		<pubDate>Thu, 14 May 2009 02:17:53 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/712.html</guid>
		<description><![CDATA[なにかしらのアテンションを操作性を崩さず与えたいという機会は多々あるかと思います。   jquery.exposeを使う事によりユーザーを直感的に導く事が出来ます。     デモではフォームにフォーカスすると下記図のようになります。     入力ミス等のエラーを出力する場合にも有効そうですね。    site  jquery.expose]]></description>
			<content:encoded><![CDATA[<p>なにかしらのアテンションを操作性を崩さず与えたいという機会は多々あるかと思います。<br />
jquery.exposeを使う事によりユーザーを直感的に導く事が出来ます。<br />
<img src="http://narju.com/wp-content/uploads/2009/05/jquery-expose1.png" width="480" height="249" alt="jquery_expose1.png" title="jQueryでcoolなexposeエフェクト" /><br />
デモではフォームにフォーカスすると下記図のようになります。<br />
<img src="http://narju.com/wp-content/uploads/2009/05/jquery-expose2.png" width="480" height="240" alt="jquery_expose2.png" title="jQueryでcoolなexposeエフェクト" /><br />
入力ミス等のエラーを出力する場合にも有効そうですね。<br />
カスタマイズも容易で使い勝手が良いです。</p>
<p>site <a href="http://www.flowplayer.org/tools/expose.html" target="_blank">jquery.expose 1.0.1</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/712.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/712.html" />
	</item>
		<item>
		<title>レイアウトのきれいなサイト30選</title>
		<link>http://narju.com/2009/05/674.html</link>
		<comments>http://narju.com/2009/05/674.html#comments</comments>
		<pubDate>Mon, 11 May 2009 03:52:34 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/674.html</guid>
		<description><![CDATA[どれもお手本になるきれいなレイアウトです。    Portfolio project       Panda Sofa       Eye For Art       iThink       Pastorant Restaurant       その他は以下の引用元からどうぞ  via  30 Inspiring Web Design Layouts from deviantART]]></description>
			<content:encoded><![CDATA[<p>どれもお手本になるきれいなレイアウトです。</p>
<h3>1.Portfolio project</h3>
<p><a href="http://twodecks.deviantart.com/art/Portfolio-project-54461060" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/07-01-porffolio-project.jpg" width="480" height="349" alt="07-01_porffolio_project.jpg" title="レイアウトのきれいなサイト30選" /></a></p>
<h3>2.Panda Sofa</h3>
<p><a href="http://downsign.deviantart.com/art/Panda-Sofa-s-100410381" target="_blank" class="broken_link"><img src="http://narju.com/wp-content/uploads/2009/05/07-07-pandasofa.jpg" width="480" height="277" alt="07-07_pandasofa.jpg" title="レイアウトのきれいなサイト30選" /></a></p>
<h3>3.Eye For Art</h3>
<p><a href="http://ecp-pro.deviantart.com/art/Eye-For-Art-79205202" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/07-05-eyeforart.jpg" width="480" height="349" alt="07-05_eyeforart.jpg" title="レイアウトのきれいなサイト30選" /></a></p>
<h3>4.iThink</h3>
<p><a href="http://iloveflyer.deviantart.com/art/iThink-54820021" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/07-14-ithink.jpg" width="480" height="349" alt="07-14_ithink.jpg" title="レイアウトのきれいなサイト30選" /></a></p>
<h3>5.Pastorant Restaurant</h3>
<p><a href="http://kpucu.deviantart.com/art/Pastorant-Restaurant-71565329" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/07-16-pastorant.jpg" width="480" height="349" alt="07-16_pastorant.jpg" title="レイアウトのきれいなサイト30選" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://sixrevisions.com/design-showcase-inspiration/30-inspiring-web-design-layouts-from-deviantart/" target="_blank">30 Inspiring Web Design Layouts from deviantART</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/674.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/674.html" />
	</item>
		<item>
		<title>フリー背景ダウロードサイト PATTERN8</title>
		<link>http://narju.com/2009/05/666.html</link>
		<comments>http://narju.com/2009/05/666.html#comments</comments>
		<pubDate>Fri, 08 May 2009 13:28:50 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[ダウンロード]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/666.html</guid>
		<description><![CDATA[背景の連続パターンをdownloadできるサイトのご紹介。   奇麗な背景が９０種類近くあります。  こういう背景って色々使えますよね。   商用利用も可との事ですが、規約を再度ご確認ください。]]></description>
			<content:encoded><![CDATA[<p>背景の連続パターンをdownloadできるサイトのご紹介。<br />
奇麗な背景が９０種類近くあります。こういう背景って色々使えますよね。<br />
商用利用も可との事ですが、規約を再度ご確認ください。</p>
<p><a href="http://pattern8.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/pattern8.png" width="480" height="327" alt="pattern8 フリー背景ダウロードサイト PATTERN8"  title="フリー背景ダウロードサイト PATTERN8" /></a></p>
<p>site <a href="http://pattern8.com/" target="_blank">PATTERN8</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/666.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/666.html" />
	</item>
		<item>
		<title>jQuery フォーム拡張プラグイン15+</title>
		<link>http://narju.com/2009/05/659.html</link>
		<comments>http://narju.com/2009/05/659.html#comments</comments>
		<pubDate>Fri, 08 May 2009 04:46:55 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/659.html</guid>
		<description><![CDATA[ 1.  QuickSelect       2.  SexyCombo       3.prettyCheckboxes       4.jQuery Date Range Selector       5.jQuery Date Picker       その他は以下の引用元からどうぞ  via  15+ Excellent jQuery Plugins To Enhance HTML Forms  ]]></description>
			<content:encoded><![CDATA[<h3>1.QuickSelect</h3>
<p><a href="http://github.com/dcparker/jquery_plugins/tree/master/quickselect" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/quickselect.png" width="187" height="137" alt="quickselect jQuery フォーム拡張プラグイン15+"  title="jQuery フォーム拡張プラグイン15+" /></a></p>
<h3>2.SexyCombo</h3>
<p><a href="http://vladimir-k.blogspot.com/2008/11/jquery-sexycombo-plugin.html" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/sexycombo.png" width="153" height="91" alt="sexycombo jQuery フォーム拡張プラグイン15+"  title="jQuery フォーム拡張プラグイン15+" /></a></p>
<h3>3.prettyCheckboxes</h3>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/prettycheckboxes.png" width="290" height="152" alt="prettycheckboxes jQuery フォーム拡張プラグイン15+"  title="jQuery フォーム拡張プラグイン15+" /></a></p>
<h3>4.<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/jquery" title="jQuery の投稿をすべて表示" target="_blank">jQuery</a></span> Date Range Selector</h3>
<p><a href="http://chrisstormer.com/2008/10/18/transcendent-jquery-date-range-selector-short-cuts/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/daterangeselector.png" width="390" height="244" alt="daterangeselector jQuery フォーム拡張プラグイン15+"  title="jQuery フォーム拡張プラグイン15+" /></a></p>
<h3>5.<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/jquery" title="jQuery の投稿をすべて表示" target="_blank">jQuery</a></span> Date Picker</h3>
<p><a href="http://www.kelvinluck.com/projects/jquery-date-picker" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/datepicker.png" width="329" height="157" alt="datepicker jQuery フォーム拡張プラグイン15+"  title="jQuery フォーム拡張プラグイン15+" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://webdeveloperplus.com/jquery/15-excellent-jquery-plugins-to-enhance-html-forms/" target="_blank">15+ Excellent jQuery Plugins To Enhance HTML Forms</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/659.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/659.html" />
	</item>
		<item>
		<title>美しいDrupalテーマ25選</title>
		<link>http://narju.com/2009/05/646.html</link>
		<comments>http://narju.com/2009/05/646.html#comments</comments>
		<pubDate>Thu, 07 May 2009 04:32:57 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[Drupal]]></category>

		<guid isPermaLink="false">http://narju.com/2009/05/646.html</guid>
		<description><![CDATA[ Drupalのテーマをご紹介。  私はblog作成はwordpressサイト作成はdrupalを使っているのですが、drupalはホントよく出来ています。  モジュールもたくさんあり、小中規模のCMSとしてはNo1ではないでしょうか。  Modxも好きですが。    Acquia Marina      ver6対応  Chrysalis      ver6対応  Dark Elegance      ver6対応  Color Paper      ver6対応  Absynthe      ver6対応  Chrysalis      ver6対応  Acquia Slate      ver6対応  Agregado      ver6対応  Addari      ver6対応  Analytic      ver6対応 ]]></description>
			<content:encoded><![CDATA[<p><span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/drupal" title="Drupal の投稿をすべて表示" target="_blank">Drupal</a></span>のテーマをご紹介。私はblog作成はwordpressサイト作成はdrupalを使っているのですが、drupalはホントよく出来ています。モジュールもたくさんあり、小中規模のCMSとしてはNo1ではないでしょうか。Modxも好きですが。</p>
<h3>Acquia Marina</h3>
<p><a href="http://drupal.org/project/acquia_marina" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/acquia-marina.jpg" width="480" height="141" alt="acquia_marina.jpg" title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Chrysalis</h3>
<p><a href="http://drupal.org/project/chrysalis" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/colourise.jpg" width="480" height="141" alt="colourise 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Dark Elegance</h3>
<p><a href="http://drupal.org/project/darkelegance" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/darkelegance.jpg" width="480" height="141" alt="darkelegance 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Color Paper</h3>
<p><a href="http://drupal.org/project/colorpaper" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/colorpaper.jpg" width="480" height="141" alt="colorpaper 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Absynthe</h3>
<p><a href="http://drupal.org/project/absynthe" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/absynthe.jpg" width="480" height="141" alt="absynthe 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<p><span id="more-646"></span><br />
<h3>Chrysalis</h3>
<p><a href="http://drupal.org/project/chrysalis" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/asynchronous.jpg" width="480" height="141" alt="asynchronous 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Acquia Slate</h3>
<p><a href="http://drupal.org/project/acquia_slate" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/acquia-slate.jpg" width="480" height="141" alt="acquia slate 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Agregado</h3>
<p><a href="http://drupal.org/project/agregado" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/agregado.jpg" width="480" height="141" alt="agregado 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Addari</h3>
<p><a href="http://drupal.org/project/addari" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/addari.jpg" width="480" height="141" alt="addari 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<h3>Analytic</h3>
<p><a href="http://drupal.org/project/analytic" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/05/analytic.jpg" width="480" height="141" alt="analytic 美しいDrupalテーマ25選"  title="美しいDrupalテーマ25選" /></a><br />
ver6対応</p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://mogdesign.eu/blog/25-beautiful-drupal-themes/" target="_blank">25 beautiful Drupal themes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/05/646.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/05/646.html" />
	</item>
		<item>
		<title>jQuery テクニック18選</title>
		<link>http://narju.com/2009/04/625.html</link>
		<comments>http://narju.com/2009/04/625.html#comments</comments>
		<pubDate>Thu, 30 Apr 2009 01:32:30 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/625.html</guid>
		<description><![CDATA[ いざJQueryを使おうとする時にあれ、なんだっけとなる事がしばしば。...  1.jQuery tabs       2.jQuery cycle       3....  Flip Box       6.jQuery Multimedia portfolio       7....  Kwicks       9.jQuery Treeview plugin       10.jQuery filterable portfolio       11.  LavaLamp menu effect       12.jQuery Calculator       13.jQuery form validation       14.jQuery Accordion menu       15.jQuery sequential list       16.jqTransform       17.jQuery Virtual Tour       18.jQuery Image Notes       via  18 jQuery scripts and tutorials to improve your portfolio  ]]></description>
			<content:encoded><![CDATA[<p>いざJQueryを使おうとする時にあれ、なんだっけとなる事がしばしば。という事で<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/jquery" title="jQuery の投稿をすべて表示" target="_blank">jQuery</a></span>メモ。</p>
<h3>1.<span class='wp_keywordlink_affiliate'><a href="http://narju.com/tag/jquery" title="jQuery の投稿をすべて表示" target="_blank">jQuery</a></span> tabs</h3>
<p><a target="_blank" href="http://stilbuero.de/jquery/tabs_3/"><img title="jquery tabs" src="http://narju.com/wp-content/uploads/2009/04/jquery-tabs.jpg" alt="jquery tabs" width="450" height="86" /></a></p>
<h3>2.jQuery cycle</h3>
<p><a target="_blank" href="http://www.malsup.com/jquery/cycle/int2.html"><img title="jquery cycle" src="http://narju.com/wp-content/uploads/2009/04/jquery-cycle.jpg" alt="jquery cycle" width="450" height="189" /></a></p>
<h3>3.Coda Bubble</h3>
<p><a target="_blank" href="http://jqueryfordesigners.com/coda-popup-bubbles/"><img title="coda bubble" src="http://narju.com/wp-content/uploads/2009/04/coda-bubble.jpg" alt="coda bubble" width="450" height="163" /></a></p>
<h3>4.jQuery Zoom</h3>
<p><a target="_blank" href="http://www.mind-projects.it/projects/jqzoom/"><img title="jquery zoom" src="http://narju.com/wp-content/uploads/2009/04/jquery-zoom.jpg" alt="jquery zoom" width="450" height="187" /></a></p>
<h3>5.Flip Box</h3>
<p><a target="_blank" href="http://lab.smashup.it/flip/"><img title="flip box" src="http://narju.com/wp-content/uploads/2009/04/flipbox.jpg" alt="flip box" width="450" height="177" /></a></p>
<p><span id="more-625"></span><br />
<h3>6.jQuery Multimedia portfolio</h3>
<p><a target="_blank" href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en"><img title="jquery portfolio" src="http://narju.com/wp-content/uploads/2009/04/jquery-portfolio.jpg" alt="jquery portfolio" width="450" height="139" /></a></p>
<h3>7.Coda slider</h3>
<p><a target="_blank" href="http://www.ndoherty.com/blog/category/coda-slider"><img title="coda slider" src="http://narju.com/wp-content/uploads/2009/04/coda-slider.jpg" alt="coda slider" width="450" height="214" /></a></p>
<h3>8.Kwicks</h3>
<p><a target="_blank" href="http://www.jeremymartin.name/projects.php?project=kwicks"><img title="kwicks" src="http://narju.com/wp-content/uploads/2009/04/kwicks.jpg" alt="kwicks 18 jQuery scripts and tutorials to improve your portfolio" width="450" height="98" /></a></p>
<h3>9.jQuery Treeview plugin</h3>
<p><a target="_blank" href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/"><img title="jquery treeview" src="http://narju.com/wp-content/uploads/2009/04/jquery-menu-tree.jpg" alt="jquery treeview" width="450" height="116" /></a></p>
<h3>10.jQuery filterable portfolio</h3>
<p><a target="_blank" href="http://nettuts.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/"><img title="jquery portfolio filter" src="http://narju.com/wp-content/uploads/2009/04/jquery-portfolio-filter.jpg" alt="jquery portfolio filter" width="450" height="140" /></a></p>
<h3>11.LavaLamp menu effect</h3>
<p><a target="_blank" href="http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/"><img title="lavalamp menu" src="http://narju.com/wp-content/uploads/2009/04/lavalamp-menu.jpg" alt="lavalamp menu" width="450" height="78" /></a></p>
<h3>12.jQuery Calculator</h3>
<p><a target="_blank" href="http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm"><img title="jquery calculator" src="http://narju.com/wp-content/uploads/2009/04/jquery-calculator.jpg" alt="jquery calculator" width="450" height="114" /></a></p>
<h3>13.jQuery form validation</h3>
<p><a target="_blank" href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/"><img title="jquery validation" src="http://narju.com/wp-content/uploads/2009/04/jquery-validation.jpg" alt="jquery validation" width="450" height="147" /></a></p>
<h3>14.jQuery Accordion menu</h3>
<p><a target="_blank" href="http://www.learningjquery.com/2007/03/accordion-madness"><img title="jquery accordion" src="http://narju.com/wp-content/uploads/2009/04/jquery-accordion.jpg" alt="jquery accordion" width="450" height="123" /></a></p>
<h3>15.jQuery sequential list</h3>
<p><a target="_blank" href="http://www.webdesignerwall.com/tutorials/jquery-sequential-list/"><img title="jquery sequential list" src="http://narju.com/wp-content/uploads/2009/04/jquery-sequential.jpg" alt="jquery sequential list" width="450" height="121" /></a></p>
<h3>16.jqTransform</h3>
<p><a target="_blank" href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/"><img title="jquery form styling" src="http://narju.com/wp-content/uploads/2009/04/jquery-form.jpg" alt="jquery form styling" width="450" height="145" /></a></p>
<h3>17.jQuery Virtual Tour</h3>
<p><a target="_blank" href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en"><img title="jquery virtual tour" src="http://narju.com/wp-content/uploads/2009/04/virtual-tour.jpg" alt="jquery virtual tour" width="450" height="209" /></a></p>
<h3>18.jQuery Image Notes</h3>
<p><a target="_blank" href="http://www.sanisoft.com/blog/2009/01/23/img-notes-v02-a-couple-of-bug-fixes-and-some-more/"><img title="jquery image notes" src="http://narju.com/wp-content/uploads/2009/04/jquery-image-notes.jpg" alt="jquery image notes" width="450" height="277" /></a></p>
<p>via <a href="http://www.designer-daily.com/18-jquery-scripts-and-tutorials-to-improve-your-portfolio-2162/" target="_blank">18 jQuery scripts and tutorials to improve your portfolio</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/625.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/625.html" />
	</item>
		<item>
		<title>Ruby on Rails 2.3 をMacOSXにインストール</title>
		<link>http://narju.com/2009/04/614.html</link>
		<comments>http://narju.com/2009/04/614.html#comments</comments>
		<pubDate>Sun, 26 Apr 2009 14:45:21 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[RoR]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/614.html</guid>
		<description><![CDATA[If I run gems list it does not show mysql, so I tried to run the gem install and got the following: ERROR: Error installing mysql: ERROR: Failed to build gem native extension.

...checking for mysql_query() in -lmysqlclient... no


...checking for mysql_query() in -lmysqlclient... no


...checking for mysql_query() in -lmysqlclient... no


...checking for mysql_query() in -lmysqlclient... no  rails 2.2?]]></description>
			<content:encoded><![CDATA[<p>さて、我が家のMac book proのHDDが飛んだ為にrailsを再インストール/アップデートした際のメモ。<br />
Mac OSX 10.5.6でのお話。</p>
<p>まずはgem本体をupdate</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ <span style="color: #c20cb9; font-weight: bold;">sudo</span> gem update <span style="color: #660033;">--system</span></pre></div></div>

<p>インストールされている全てをupdate</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ <span style="color: #c20cb9; font-weight: bold;">sudo</span> gem update</pre></div></div>

<p>次にMySQLをインストール。MAMPと迷った物の若干更新が遅いようなのでMySQL.comよりMac用MySQLserverをDL。<br />
が、罠が。まず一つ目。<br />
なにも考えずMac OS X 10.5 (x86_64)をダウントードしたのですが、まぁなんだかんだでエラーが出ます。<br />
特に理由が無ければMac OS X 10.5 (x86)を使いましょう。<br />
<a href="http://dev.mysql.com/downloads/mysql/5.1.html#macosx-dmg" target="_blank">Mac OS X 10.5 (x86)</a></p>
<p><span id="more-614"></span>
<p>二つ目の罠。<br />
意気揚々とrake db:migrateとするもののエラー。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ db:migrate
<span style="color: #000000; font-weight: bold;">!!!</span> The bundled mysql.rb driver has been removed from Rails 2.2. Please <span style="color: #c20cb9; font-weight: bold;">install</span> the mysql gem and try again: gem <span style="color: #c20cb9; font-weight: bold;">install</span> mysql.
rake aborted<span style="color: #000000; font-weight: bold;">!&lt;</span>br <span style="color: #000000; font-weight: bold;">/&gt;</span>If I run gems list it does not show mysql, so I tried to run the gem <span style="color: #c20cb9; font-weight: bold;">install</span> and got the following:<span style="color: #000000; font-weight: bold;">&lt;</span>br <span style="color: #000000; font-weight: bold;">/&gt;</span>ERROR: Error installing mysql:<span style="color: #000000; font-weight: bold;">&lt;</span>br <span style="color: #000000; font-weight: bold;">/&gt;</span>ERROR: Failed to build gem native extension.<span style="color: #000000; font-weight: bold;">/</span>System<span style="color: #000000; font-weight: bold;">/</span>Library<span style="color: #000000; font-weight: bold;">/</span>Frameworks<span style="color: #000000; font-weight: bold;">/</span>Ruby.framework<span style="color: #000000; font-weight: bold;">/</span>Versions<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">1.8</span><span style="color: #000000; font-weight: bold;">/</span>usr<span style="color: #000000; font-weight: bold;">/</span>bin<span style="color: #000000; font-weight: bold;">/</span>ruby extconf.rb <span style="color: #c20cb9; font-weight: bold;">install</span> mysql
checking <span style="color: #000000; font-weight: bold;">for</span> mysql_query<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lmysqlclient... no
checking <span style="color: #000000; font-weight: bold;">for</span> main<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lm... <span style="color: #c20cb9; font-weight: bold;">yes</span>
checking <span style="color: #000000; font-weight: bold;">for</span> mysql_query<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lmysqlclient... no
checking <span style="color: #000000; font-weight: bold;">for</span> main<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lz... <span style="color: #c20cb9; font-weight: bold;">yes</span>
checking <span style="color: #000000; font-weight: bold;">for</span> mysql_query<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lmysqlclient... no
checking <span style="color: #000000; font-weight: bold;">for</span> main<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lsocket... no
checking <span style="color: #000000; font-weight: bold;">for</span> mysql_query<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lmysqlclient... no
checking <span style="color: #000000; font-weight: bold;">for</span> main<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lnsl... no
checking <span style="color: #000000; font-weight: bold;">for</span> mysql_query<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #000000; font-weight: bold;">in</span> -lmysqlclient... no</pre></div></div>

<p>rails 2.2?からMySQLのドライバーを別途インストールする必要があるとの事。はぁ。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ <span style="color: #c20cb9; font-weight: bold;">sudo</span> gem <span style="color: #c20cb9; font-weight: bold;">install</span> mysql <span style="color: #660033;">--</span> <span style="color: #660033;">--with-mysql-config</span>=<span style="color: #000000; font-weight: bold;">/</span>usr<span style="color: #000000; font-weight: bold;">/</span>local<span style="color: #000000; font-weight: bold;">/</span>mysql<span style="color: #000000; font-weight: bold;">/</span>bin<span style="color: #000000; font-weight: bold;">/</span>mysql_config</pre></div></div>

<p>とりあえず。rails2.3でsampleを動かさねばと、せっかくMySQLを入れたので、MySQLで行きます。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ rails bookmark <span style="color: #660033;">-d</span> mysql
create
create  app<span style="color: #000000; font-weight: bold;">/</span>controllers
create  app<span style="color: #000000; font-weight: bold;">/</span>helpers
create  app<span style="color: #000000; font-weight: bold;">/</span>models
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>layouts
create  config<span style="color: #000000; font-weight: bold;">/</span>environments
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers
create  config<span style="color: #000000; font-weight: bold;">/</span>locales
create  db
create  doc
create  lib
create  lib<span style="color: #000000; font-weight: bold;">/</span>tasks
create  log
create  public<span style="color: #000000; font-weight: bold;">/</span>images
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts
create  public<span style="color: #000000; font-weight: bold;">/</span>stylesheets
create  script<span style="color: #000000; font-weight: bold;">/</span>performance
create  test<span style="color: #000000; font-weight: bold;">/</span>fixtures
create  test<span style="color: #000000; font-weight: bold;">/</span>functional
create  test<span style="color: #000000; font-weight: bold;">/</span>integration
create  test<span style="color: #000000; font-weight: bold;">/</span>performance
create  test<span style="color: #000000; font-weight: bold;">/</span>unit
create  vendor
create  vendor<span style="color: #000000; font-weight: bold;">/</span>plugins
create  tmp<span style="color: #000000; font-weight: bold;">/</span>sessions
create  tmp<span style="color: #000000; font-weight: bold;">/</span>sockets
create  tmp<span style="color: #000000; font-weight: bold;">/</span>cache
create  tmp<span style="color: #000000; font-weight: bold;">/</span>pids
create  Rakefile
create  README
create  app<span style="color: #000000; font-weight: bold;">/</span>controllers<span style="color: #000000; font-weight: bold;">/</span>application_controller.rb
create  app<span style="color: #000000; font-weight: bold;">/</span>helpers<span style="color: #000000; font-weight: bold;">/</span>application_helper.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>database.yml
create  config<span style="color: #000000; font-weight: bold;">/</span>routes.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>locales<span style="color: #000000; font-weight: bold;">/</span>en.yml
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers<span style="color: #000000; font-weight: bold;">/</span>backtrace_silencers.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers<span style="color: #000000; font-weight: bold;">/</span>inflections.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers<span style="color: #000000; font-weight: bold;">/</span>mime_types.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers<span style="color: #000000; font-weight: bold;">/</span>new_rails_defaults.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>initializers<span style="color: #000000; font-weight: bold;">/</span>session_store.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>environment.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>boot.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>environments<span style="color: #000000; font-weight: bold;">/</span>production.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>environments<span style="color: #000000; font-weight: bold;">/</span>development.rb
create  config<span style="color: #000000; font-weight: bold;">/</span>environments<span style="color: #000000; font-weight: bold;">/</span>test.rb
create  script<span style="color: #000000; font-weight: bold;">/</span>about
create  script<span style="color: #000000; font-weight: bold;">/</span>console
create  script<span style="color: #000000; font-weight: bold;">/</span>dbconsole
create  script<span style="color: #000000; font-weight: bold;">/</span>destroy
create  script<span style="color: #000000; font-weight: bold;">/</span>generate
create  script<span style="color: #000000; font-weight: bold;">/</span>runner
create  script<span style="color: #000000; font-weight: bold;">/</span>server
create  script<span style="color: #000000; font-weight: bold;">/</span>plugin
create  script<span style="color: #000000; font-weight: bold;">/</span>performance<span style="color: #000000; font-weight: bold;">/</span>benchmarker
create  script<span style="color: #000000; font-weight: bold;">/</span>performance<span style="color: #000000; font-weight: bold;">/</span>profiler
create  test<span style="color: #000000; font-weight: bold;">/</span>test_helper.rb
create  test<span style="color: #000000; font-weight: bold;">/</span>performance<span style="color: #000000; font-weight: bold;">/</span>browsing_test.rb
create  public<span style="color: #000000; font-weight: bold;">/</span>404.html
create  public<span style="color: #000000; font-weight: bold;">/</span>422.html
create  public<span style="color: #000000; font-weight: bold;">/</span>500.html
create  public<span style="color: #000000; font-weight: bold;">/</span>index.html
create  public<span style="color: #000000; font-weight: bold;">/</span>favicon.ico
create  public<span style="color: #000000; font-weight: bold;">/</span>robots.txt
create  public<span style="color: #000000; font-weight: bold;">/</span>images<span style="color: #000000; font-weight: bold;">/</span>rails.png
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts<span style="color: #000000; font-weight: bold;">/</span>prototype.js
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts<span style="color: #000000; font-weight: bold;">/</span>effects.js
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts<span style="color: #000000; font-weight: bold;">/</span>dragdrop.js
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts<span style="color: #000000; font-weight: bold;">/</span>controls.js
create  public<span style="color: #000000; font-weight: bold;">/</span>javascripts<span style="color: #000000; font-weight: bold;">/</span>application.js
create  doc<span style="color: #000000; font-weight: bold;">/</span>README_FOR_APP
create  log<span style="color: #000000; font-weight: bold;">/</span>server.log
create  log<span style="color: #000000; font-weight: bold;">/</span>production.log
create  log<span style="color: #000000; font-weight: bold;">/</span>development.log
create  log<span style="color: #000000; font-weight: bold;">/</span>test.log
$ <span style="color: #7a0874; font-weight: bold;">cd</span> Bookmark</pre></div></div>

<p>はいはい、サクサクとフィールドを追加。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ script<span style="color: #000000; font-weight: bold;">/</span>generate scaffold bookmark name:string url:string
exists  app<span style="color: #000000; font-weight: bold;">/</span>models<span style="color: #000000; font-weight: bold;">/</span>
exists  app<span style="color: #000000; font-weight: bold;">/</span>controllers<span style="color: #000000; font-weight: bold;">/</span>
exists  app<span style="color: #000000; font-weight: bold;">/</span>helpers<span style="color: #000000; font-weight: bold;">/</span>
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>bookmarks
exists  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>layouts<span style="color: #000000; font-weight: bold;">/</span>
exists  test<span style="color: #000000; font-weight: bold;">/</span>functional<span style="color: #000000; font-weight: bold;">/</span>
exists  test<span style="color: #000000; font-weight: bold;">/</span>unit<span style="color: #000000; font-weight: bold;">/</span>
create  test<span style="color: #000000; font-weight: bold;">/</span>unit<span style="color: #000000; font-weight: bold;">/</span>helpers<span style="color: #000000; font-weight: bold;">/</span>
exists  public<span style="color: #000000; font-weight: bold;">/</span>stylesheets<span style="color: #000000; font-weight: bold;">/</span>
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>bookmarks<span style="color: #000000; font-weight: bold;">/</span>index.html.erb
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>bookmarks<span style="color: #000000; font-weight: bold;">/</span>show.html.erb
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>bookmarks<span style="color: #000000; font-weight: bold;">/</span>new.html.erb
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>bookmarks<span style="color: #000000; font-weight: bold;">/</span>edit.html.erb
create  app<span style="color: #000000; font-weight: bold;">/</span>views<span style="color: #000000; font-weight: bold;">/</span>layouts<span style="color: #000000; font-weight: bold;">/</span>bookmarks.html.erb
create  public<span style="color: #000000; font-weight: bold;">/</span>stylesheets<span style="color: #000000; font-weight: bold;">/</span>scaffold.css
create  app<span style="color: #000000; font-weight: bold;">/</span>controllers<span style="color: #000000; font-weight: bold;">/</span>bookmarks_controller.rb
create  test<span style="color: #000000; font-weight: bold;">/</span>functional<span style="color: #000000; font-weight: bold;">/</span>bookmarks_controller_test.rb
create  app<span style="color: #000000; font-weight: bold;">/</span>helpers<span style="color: #000000; font-weight: bold;">/</span>bookmarks_helper.rb
create  test<span style="color: #000000; font-weight: bold;">/</span>unit<span style="color: #000000; font-weight: bold;">/</span>helpers<span style="color: #000000; font-weight: bold;">/</span>bookmarks_helper_test.rb
route  map.resources :bookmarks
dependency  model
exists    app<span style="color: #000000; font-weight: bold;">/</span>models<span style="color: #000000; font-weight: bold;">/</span>
exists    test<span style="color: #000000; font-weight: bold;">/</span>unit<span style="color: #000000; font-weight: bold;">/</span>
exists    test<span style="color: #000000; font-weight: bold;">/</span>fixtures<span style="color: #000000; font-weight: bold;">/</span>
create    app<span style="color: #000000; font-weight: bold;">/</span>models<span style="color: #000000; font-weight: bold;">/</span>bookmark.rb
create    test<span style="color: #000000; font-weight: bold;">/</span>unit<span style="color: #000000; font-weight: bold;">/</span>bookmark_test.rb
create    test<span style="color: #000000; font-weight: bold;">/</span>fixtures<span style="color: #000000; font-weight: bold;">/</span>bookmarks.yml
create    db<span style="color: #000000; font-weight: bold;">/</span>migrate
create    db<span style="color: #000000; font-weight: bold;">/</span>migrate<span style="color: #000000; font-weight: bold;">/</span>XXXXXXXXXX_create_bookmarks.rb</pre></div></div>

<p>次に「bookmark_development」というDBを作成して。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ rake db:migrate
<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #000000; font-weight: bold;">in</span> <span style="color: #000000; font-weight: bold;">/</span>Users<span style="color: #000000; font-weight: bold;">/</span>XXXXXXX<span style="color: #000000; font-weight: bold;">/</span>Sites<span style="color: #000000; font-weight: bold;">/</span>bookmark<span style="color: #7a0874; font-weight: bold;">&#41;</span>
==  CreateBookmarks: migrating ================================================
<span style="color: #660033;">--</span> create_table<span style="color: #7a0874; font-weight: bold;">&#40;</span>:bookmarks<span style="color: #7a0874; font-weight: bold;">&#41;</span>
-<span style="color: #000000; font-weight: bold;">&amp;</span>gt; 0.0893s
==  CreateBookmarks: migrated <span style="color: #7a0874; font-weight: bold;">&#40;</span>0.0896s<span style="color: #7a0874; font-weight: bold;">&#41;</span> =======================================</pre></div></div>

<p>起動です。</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">$ script<span style="color: #000000; font-weight: bold;">/</span>server</pre></div></div>

<p>http://localhost:3000/bookmarksを確認して終了。<br />
おつかれさまでした。</p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/614.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/614.html" />
	</item>
		<item>
		<title>WordPress シンプルでスタイリッシュなミニマルフリーテンプレート40選</title>
		<link>http://narju.com/2009/04/517.html</link>
		<comments>http://narju.com/2009/04/517.html#comments</comments>
		<pubDate>Tue, 21 Apr 2009 05:18:27 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ダウンロード]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/517.html</guid>
		<description><![CDATA[Cardeo Minimal        View Demo »   11.  Clean Home        View Demo »   12.f8 Lite        View Demo »   13....  Clean Minimal        View Demo »   18....  Sans Serif Racer        View Demo »   34....  Stilbruch        View Demo »    40 Stylish, Minimal and Clean Free Wordpress Themes]]></description>
			<content:encoded><![CDATA[<p>レイアウトはすでに完成しているので、カスタマイズしやすいですよね。<br />
ただ、ダサクなる可能性が高いのですが。。。</p>
<h3>1.Oulipo</h3>
<p><a href="http://andreamignolo.com/oulipo/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp3.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://labs.andreamignolo.com/oulipo" target="_blank">View Demo »</a></p>
<h3>2.Manifest</h3>
<p>
<a href="http://jimbarraud.com/2009/03/19/manifest/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp5.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://demo.jimbarraud.com/manifest/" target="_blank">View Demo »</a></p>
<h3>3.Modern Clix</h3>
<p>
<a href="http://rodrigogalindez.com/themes/modern-clix/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp20.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://rodrigogalindez.com/themes/modern-clix/" target="_blank">View Demo »</a></p>
<h3>4.Thunderbolt</h3>
<p>
<a href="http://hellyeahdude.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp1.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<h3>5.Die Neue Typographie</h3>
<p>
<a href="http://hellyeahdude.com/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp2.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a><br />
<span id="more-517"></span><br />
<h3>6.Simplicity</h3>
<p><a href="http://lab.yukei.net/wp-demo/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp4.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://lab.yukei.net/wp-demo/" target="_blank">View Demo »</a></p>
<h3>7.Sharpfolio</h3>
<p>
<a href="http://webrevolutionary.com/sharpfolio/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp6.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://webrevolutionary.com/sharpfolio-demo/" target="_blank">View Demo »</a></p>
<h3>8.Typogriph</h3>
<p>
<a href="http://wp-content-themes.com/typogriph-a-free-fluid-wordpress-27-theme/150" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp8.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://www.gavagai.ro/blues/" target="_blank">View Demo »</a></p>
<h3>9.Undedicated</h3>
<p>
<a href="http://www.nyutech.com/2009/02/undedicated-free-minimal-wordpress_27.html" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp9.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://undedicated.uuuq.com/" target="_blank" class="broken_link">View Demo »</a></p>
<h3>10.Cardeo Minimal</h3>
<p>
<a href="http://cardeo.ca/2008/cardeo-minimal-wordpress-theme/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/minimalwp10.jpg" alt="Minimal WP Themes" title="Wordpress シンプルでスタイリッシュなミニマルフリーテンプレート40選" /></a></p>
<p><a href="http://cardeo.ca/cardeo-themes/cardeo-minimal/" target="_blank">View Demo »</a></p>
<p>その他は以下の引用元からどうぞ</p>
<p><a href="http://speckyboy.com/2009/04/20/40-stylish-minimal-and-clean-free-wordpress-themes/" target="_blank">40 Stylish, Minimal and Clean Free WordPress Themes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/517.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/517.html" />
	</item>
		<item>
		<title>フリーソーシャルアイコンセット600+</title>
		<link>http://narju.com/2009/04/497.html</link>
		<comments>http://narju.com/2009/04/497.html#comments</comments>
		<pubDate>Mon, 20 Apr 2009 02:39:12 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>
		<category><![CDATA[Icon]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/497.html</guid>
		<description><![CDATA[フリーでダウンロードできるソーシャルアイコンのセットの紹介です。   ライセンスは未確認ですので、ご使用にあたっては自己判断でお願い致します。    SOCIAL MEDIA ICON COLLECTIONS       The Best Social Media Icons All in One Place           Handycons 2 - another free hand drawn icon set         22 Amazing Styles of RSS Icons Free for your Blog             21 Sets of Free Social Bookmarking Icons for Your Blog      


 TWITTER ICON COLLECTIONS       100+ Remarkably Beautiful Twitter Icons and Buttons         The best Twitter Icons for you         181 Free Twitter Buttons, Badges, Widgets and Counters to Help you Find Followers           Over 75+ Beautiful Twitter Design Icons    DESIGN ICON COLLECTIONS        60 Free Vector Icon Packs for Design Professionals           50 Free High-Quality Icon Sets         40 Beautiful Free Icon Sets         75 Best Free Graphic Design Icon Sets        50 of the Best Ever Web Development, Design and Application Icon Sets          The Best Original Freebies by Web/Graphic Designers and Illustrators          Free Icon Pack: Web Injection   via  600+ Free Design, Twitter and Social Media Icons: A Collection Motherload!]]></description>
			<content:encoded><![CDATA[<p>フリーでダウンロードできるソーシャルアイコンのセットの紹介です。<br />
ライセンスは未確認ですので、ご使用にあたっては引用元をご確認のうえでお願い致します。</p>
<h3>SOCIAL MEDIA ICON COLLECTIONS</h3>
<p>
<a href="http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place" target="_blank"><img title="webdesignledger" src="http://narju.com/wp-content/uploads/2009/04/webdesignledger.png" alt="webdesignledger フリーソーシャルアイコンセット600+" width="497" height="136" /><br /></a><a href="http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place" target="_blank">The Best Social Media Icons All in One Place</a><a href="http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place" target="_blank"><br /></a></p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx" target="_blank"><img title="janko" src="http://narju.com/wp-content/uploads/2009/04/janko.png" alt="janko フリーソーシャルアイコンセット600+" width="497" height="136" /><br /></a><a href="http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx" target="_blank">Handycons 2 &#8211; another free hand drawn icon set</a></p>
<p><a href="http://speckyboy.com/2008/11/19/22-amazing-styles-of-rss-icons-free-for-your-blog/" target="_blank"><img title="speckyboy" src="http://narju.com/wp-content/uploads/2009/04/speckyboy.png" alt="speckyboy フリーソーシャルアイコンセット600+" width="497" height="136" /><br /></a><a href="http://speckyboy.com/2008/11/19/22-amazing-styles-of-rss-icons-free-for-your-blog/" target="_blank">22 Amazing Styles of RSS Icons Free for your Blog</a><a href="http://speckyboy.com/2008/11/19/22-amazing-styles-of-rss-icons-free-for-your-blog/" target="_blank"><br /></a></p>
<p><a href="http://www.wpzoom.com/design/21-sets-of-free-social-bookmarking-icons-for-your-blog/" target="_blank"><img title="wpzoon" src="http://narju.com/wp-content/uploads/2009/04/wpzoon.png" alt="wpzoon フリーソーシャルアイコンセット600+" width="497" height="136" /><br /></a></p>
<p><a href="http://www.wpzoom.com/design/21-sets-of-free-social-bookmarking-icons-for-your-blog/" target="_blank">21 Sets of Free Social Bookmarking Icons for Your Blog</a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://www.thedesigncubicle.com/2009/04/600-free-design-twitter-and-social-media-icons-a-collection-motherload/" target="_blank">600+ Free Design, Twitter and Social Media Icons: A Collection Motherload!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/497.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/497.html" />
	</item>
		<item>
		<title>PHP フリーグラフ/チャートライブラリ6選</title>
		<link>http://narju.com/2009/04/489.html</link>
		<comments>http://narju.com/2009/04/489.html#comments</comments>
		<pubDate>Sun, 19 Apr 2009 14:43:20 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/489.html</guid>
		<description><![CDATA[ フリーのチャート作成ライブラリをありがたく使わせていただいてるのですが、なかなかオシャレなのって無いですよね。   ライセンスは再確認お願い致します。  ...  Visifire  出力形式: Silverlight ライセンス:  GPL 3.0  / Commercial      2.  PHP/SWF Charts  出力形式: Flash ライセンス:Free   / Commercial      3.pChart  出力形式: Image ライセンス:GNU General Public License      4.  Open Flash Chart  出力形式: Flash ライセンス: LGPL       5.amCharts  出力形式: Flash / Image ライセンス:Free / Commercial      6.ezGraph component  出力形式: SVG / Image ライセンス:BSD license     via  6 excellent charting libraries for php  ]]></description>
			<content:encoded><![CDATA[<p>フリーのチャート作成ライブラリをありがたく使わせていただいてるのですが、なかなかオシャレなのって無いですよね。<br />
ライセンスは再確認お願い致します。</p>
<h3>1.Visifire</h3>
<p>出力形式: Silverlight<br />
ライセンス: <a rel="nofollow" href="http://www.gnu.org/licenses/gpl.html">GPL 3.0</a> / Commercial<br />
<a href="http://visifire.com/"><img title="visifire" src="http://narju.com/wp-content/uploads/2009/04/visifire.gif" alt="visifire PHP フリーグラフ/チャートライブラリ6選" width="198" height="151" /></a></p>
<h3>2.PHP/SWF Charts</h3>
<p>出力形式: Flash<br />
ライセンス:Free<a rel="nofollow" href="http://www.gnu.org/licenses/gpl.html"></a> / Commercial<br />
<a href="http://www.maani.us/charts4/"><img title="phpswf" src="http://narju.com/wp-content/uploads/2009/04/phpswf.gif" alt="phpswf PHP フリーグラフ/チャートライブラリ6選" width="198" height="150" /></a></p>
<h3>3.pChart</h3>
<p>出力形式: Image<br />
ライセンス:GNU General Public License<br />
<a href="http://pchart.sourceforge.net/index.php"><img title="pchart" src="http://narju.com/wp-content/uploads/2009/04/pchart.gif" alt="pchart PHP フリーグラフ/チャートライブラリ6選" width="198" height="150" /></a></p>
<p><span id="more-489"></span></p>
<h3>4.Open Flash Chart</h3>
<p>出力形式: Flash<br />
ライセンス:<a href="http://www.gnu.org/licenses/lgpl.html">LGPL</a><br />
<a href="http://teethgrinder.co.uk/open-flash-chart-2/"><img title="open flash chart" src="http://narju.com/wp-content/uploads/2009/04/openflash.gif" alt="open flash chart" width="198" height="151" /></a></p>
<h3>5.amCharts</h3>
<p>出力形式: Flash / Image<br />
ライセンス:Free / Commercial<br />
<a href="http://www.amcharts.com/"><img title="amcharts" src="http://narju.com/wp-content/uploads/2009/04/amcharts.gif" alt="amcharts PHP フリーグラフ/チャートライブラリ6選" width="198" height="151" /></a></p>
<h3>6.ezGraph component</h3>
<p>出力形式: SVG / Image<br />
ライセンス:BSD license</p>
<p><a href="http://ezcomponents.org/docs/tutorials/Graph"><img title="ezcomponent" src="http://narju.com/wp-content/uploads/2009/04/ezcomponent.gif" alt="ezcomponent PHP フリーグラフ/チャートライブラリ6選" width="198" height="150" /></a></p>
<p>via <a href="http://www.codediesel.com/php/6-excellent-charting-libraries-for-php/" target="_blank">6 excellent charting libraries for php</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/489.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/489.html" />
	</item>
		<item>
		<title>様々なWeb form ボタン40</title>
		<link>http://narju.com/2009/04/433.html</link>
		<comments>http://narju.com/2009/04/433.html#comments</comments>
		<pubDate>Fri, 17 Apr 2009 04:20:28 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/433.html</guid>
		<description><![CDATA[結構buttonって使い回したりするんですよね。  改めて見てみると様々なアイデアが凝縮されています。  ...  Lifetree Creative       8/Games for Her by You       9....  I Wear Your Shirt       40.  Your Web Job       via  Button Design Showcase]]></description>
			<content:encoded><![CDATA[<p>結構buttonって使い回したりするんですよね。改めて見てみると様々なアイデアが凝縮されています。</p>
<h3>1.GoodBarry</h3>
<p><a target="_blank" href="http://goodbarry.com/obnw-designers"><img src="http://narju.com/wp-content/uploads/2009/04/17_14.jpg" alt="17 14 様々なWeb form ボタン40" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>2.Aviary</h3>
<p><a target="_blank" href="http://aviary.com/home"><img src="http://narju.com/wp-content/uploads/2009/04/17_02.jpg" alt="Aviary" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>3.Pixel Crayons</h3>
<p><a target="_blank" href="http://xhtml.pixelcrayons.com/"><img src="http://narju.com/wp-content/uploads/2009/04/17_03.jpg" alt="Pixel Crayons" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>4.OH! Media</h3>
<p><a target="_blank" href="http://www.ohmedia.ca/"><img src="http://narju.com/wp-content/uploads/2009/04/17_07.jpg" alt="OH! Media" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>5.Resumator</h3>
<p><a target="_blank" href="http://www.theresumator.com/"><img src="http://narju.com/wp-content/uploads/2009/04/17_38.jpg" alt="The Resumator" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<p><span id="more-433"></span><br />
<h3>6.The Invoice Machine</h3>
<p><a target="_blank" href="http://invoicemachine.com/home"><img src="http://narju.com/wp-content/uploads/2009/04/17_05.jpg" alt="The Invoice Machine" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>7.Lifetree Creative</h3>
<p><a target="_blank" href="http://www.lifetreecreative.com/"><img src="http://narju.com/wp-content/uploads/2009/04/17_01.jpg" alt="Lifetree Creative" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>8/Games for Her by You</h3>
<p><a target="_blank" href="http://www.gamesforherbyyou.com/"><img src="http://narju.com/wp-content/uploads/2009/04/17_10.jpg" alt="Games for Her by You" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>9.FreebiesDock</h3>
<p><a target="_blank" href="http://freebiesdock.com/"><img src="http://narju.com/wp-content/uploads/2009/04/17_11.jpg" alt="FreebiesDock" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<h3>10.Checkout</h3>
<p><a target="_blank" href="http://www.checkoutapp.com/quicktour" class="broken_link"><img src="http://narju.com/wp-content/uploads/2009/04/17_13.jpg" alt="Checkout" width="400" height="150" title="様々なWeb form ボタン40" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://vandelaydesign.com/blog/galleries/button-design-showcase/" target="_blank">Button Design Showcase</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/433.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/433.html" />
	</item>
		<item>
		<title>jQuery ページをAjaxでスライド10選</title>
		<link>http://narju.com/2009/04/395.html</link>
		<comments>http://narju.com/2009/04/395.html#comments</comments>
		<pubDate>Thu, 16 Apr 2009 06:36:26 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/395.html</guid>
		<description><![CDATA[Easy Slider       3.wSlide       4.  Coda-Slider       5.slideViewer       6.  Accessible News Slider       7.jQuery.spinTheWheel.js       8.  News Ticker Pro       9....  CrossSlide       via  10 Best jQuery Sliders]]></description>
			<content:encoded><![CDATA[<h3>1.loopedSlider</h3>
<p><a target="_blank" href="http://code.google.com/p/loopedslider/"><img src="http://narju.com/wp-content/uploads/2009/04/looped.png" alt="looped jQuery ページをAjaxでスライド10選"  title="jQuery ページをAjaxでスライド10選" /></a></p>
<h3>2.Easy Slider</h3>
<p><a target="_blank" href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><img src="http://narju.com/wp-content/uploads/2009/04/easyslider.png" alt="easyslider jQuery ページをAjaxでスライド10選"  title="jQuery ページをAjaxでスライド10選" /></a></p>
<h3>3.wSlide</h3>
<p><a target="_blank" href="http://www.webinventif.fr/wslide-plugin/"><img src="http://narju.com/wp-content/uploads/2009/04/wslide.png" alt="wslide jQuery ページをAjaxでスライド10選"  title="jQuery ページをAjaxでスライド10選" /></a></p>
<p><span id="more-395"></span><br />
<h3>4.Coda-Slider</h3>
<p><a target="_blank" href="http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/"><img src="http://narju.com/wp-content/uploads/2009/04/coda-slider.png" alt="coda slider jQuery ページをAjaxでスライド10選"  title="jQuery ページをAjaxでスライド10選" /></a></p>
<h3>5.slideViewer</h3>
<p><a target="_blank" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html"><img src="http://narju.com/wp-content/uploads/2009/04/slideviewer.png" alt="slideviewer jQuery ページをAjaxでスライド10選"  title="jQuery ページをAjaxでスライド10選" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://www.ajaxline.com/10-best-jquery-sliders" target="_blank">10 Best jQuery Sliders</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/395.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/395.html" />
	</item>
		<item>
		<title>WordPress 美しいフリーテンプレート41選</title>
		<link>http://narju.com/2009/04/363.html</link>
		<comments>http://narju.com/2009/04/363.html#comments</comments>
		<pubDate>Wed, 15 Apr 2009 01:09:14 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ダウンロード]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/363.html</guid>
		<description><![CDATA[Web 2.0  [ Preview ] [ Download ]      16....  Comfy Magazine  [ Preview ] [ Download ]      36.  IPhone Creative Magazine  [ Preview ] [ Download ]      37.  ZenFresh Magazine  [ Preview ] [ Download ]      38....  Magazeen  [ Preview ] [ Download ]      via  41 Great Looking Free WordPress Themes]]></description>
			<content:encoded><![CDATA[<p>ライセンス未確認。ご利用は自己責任でお願いします。</p>
<h3>1.RedLight</h3>
<p>[<a target="_blank" href="http://www.templatelite.com/download/preview.php?theme=15">Preview</a>] [<a target="_blank" href="http://www.templatelite.com/download/dl.php?theme=15">Download</a>]<br />
<a target="_blank" href="http://demo.freebiesdock.com/"><img src="http://narju.com/wp-content/uploads/2009/04/redlight.jpg" alt="freemium" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>2.FREEmium</h3>
<p>[<a target="_blank" href="http://demo.freebiesdock.com/">Preview</a>] [<a target="_blank" href="http://freebiesdock.com/get-it/freemium-wordpress-theme">Download</a>]<br />
<a target="_blank" href="http://demo.freebiesdock.com/"><img src="http://narju.com/wp-content/uploads/2009/04/freemium.jpg" alt="freemium WordPress 美しいフリーテンプレート41選" width="500" height="823" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>3.WaterColor</h3>
<p>[<a target="_blank" href="http://demo.templatelite.com/?wptheme=WaterColor">Preview</a>] [<a target="_blank" href="http://www.templatelite.com/download/dl.php?theme=9">Download</a>]<br />
<a target="_blank" href="http://demo.templatelite.com/?wptheme=WaterColor"><img src="http://narju.com/wp-content/uploads/2009/04/watercolor.jpg" alt="freemium" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>4.Agregado Lifestream</h3>
<p>[<a target="_blank" href="http://www.darrenhoyt.com/demo/agregado/">Preview</a>] [<a target="_blank" href="http://www.darrenhoyt.com/downloads/agregado.zip">Download</a>]<br />
<a target="_blank" href="http://www.darrenhoyt.com/demo/agregado/"><img src="http://narju.com/wp-content/uploads/2009/04/agregado.jpg" alt="agregado WordPress 美しいフリーテンプレート41選" width="500" height="387" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>5.Infinity</h3>
<p>[<a target="_blank" href="http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/">Preview</a>] [<a target="_blank" href="http://media2.smashingmagazine.com/images/infinity-wordpress-theme/infinity-theme.zip">Download</a>]<br />
<a target="_blank" href="http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/g"><img src="http://narju.com/wp-content/uploads/2009/04/infinity.jpg" alt="infinity WordPress 美しいフリーテンプレート41選" width="500" height="555" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<p><span id="more-363"></span><br />
<h3>6.WP CODA</h3>
<p>[<a target="_blank" href="http://wordpress.bustatheme.com/coda/">Preview</a>] [<a target="_blank" href="http://bustatheme.com/wordpress/wp-coda/">Download</a>]<br />
<a target="_blank" href="http://wordpress.bustatheme.com/coda/"><img src="http://narju.com/wp-content/uploads/2009/04/wp_coda.jpg" alt="wp coda WordPress 美しいフリーテンプレート41選" width="500" height="754" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>7.Snapshot</h3>
<p>[<a target="_blank" href="http://www.woothemes.com/demo/?t=12">Preview</a>] [<a target="_blank" href="http://www.woothemes.com/free-downloads/snapshot.zip" class="broken_link">Download</a>]<br />
<a target="_blank" href="http://www.woothemes.com/demo/?t=12"><img src="http://narju.com/wp-content/uploads/2009/04/snapshot.jpg" alt="snapshot WordPress 美しいフリーテンプレート41選" width="500" height="556" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>8.Versatility Lite</h3>
<p>[<a target="_blank" href="http://test2.think-four.com/">Preview</a>] [<a target="_blank" href="http://thinkdesignblog.com/wp-content/uploads/2008/11/VersatilityLite.zip">Download</a>]<br />
<a target="_blank" href="http://test2.think-four.com/"><img src="http://narju.com/wp-content/uploads/2009/04/versatilityLite.jpg" alt="versatilityLite WordPress 美しいフリーテンプレート41選" width="500" height="895" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>9.CHARA</h3>
<p>[<a target="_blank" href="http://wpthemedesigner.com/demo/index.php?wptheme=Chara+Theme">Preview</a>] [<a target="_blank" href="http://www.wpthemedesigner.com/wp-content/plugins/download-monitor/download.php?id=91">Download</a>]<br />
<a target="_blank" href="http://wpthemedesigner.com/demo/index.php?wptheme=Chara+Theme"><img src="http://narju.com/wp-content/uploads/2009/04/chara.jpg" alt="chara WordPress 美しいフリーテンプレート41選" width="500" height="823" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>10.Vintage</h3>
<p>[<a target="_blank" href="http://dev1.agriya.com/wpthemes/?wptheme=wordpress-brown">Preview</a>] [<a target="_blank" href="http://dellustrations.com/blog/zip/vintage-wordpress-theme.zip">Download</a>]<br />
<a target="_blank" href="http://dev1.agriya.com/wpthemes/?wptheme=wordpress-brown"><img src="http://narju.com/wp-content/uploads/2009/04/vintage.jpg" alt="vintage WordPress 美しいフリーテンプレート41選" width="500" height="718" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>11.Blues</h3>
<p>[<a target="_blank" href="http://dev1.agriya.com/wpthemes/?wptheme=wordpress-blue">Preview</a>] [<a target="_blank" href="http://dellustrations.com/blog/zip/blues-wordpress-theme.zip" class="broken_link">Download</a>]<br />
<a target="_blank" href="http://dev1.agriya.com/wpthemes/?wptheme=wordpress-blue"><img src="http://narju.com/wp-content/uploads/2009/04/blues.jpg" alt="blues WordPress 美しいフリーテンプレート41選" width="500" height="678" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>12.Deskspace</h3>
<p>[<a target="_blank" href="http://freethemelayouts.com/blog/index.php?wptheme=DeskSpace">Preview</a>] [<a target="_blank" href="http://freethemelayouts.com/dls/deskspace.zip" class="broken_link">Download</a>]<br />
<a target="_blank" href="http://freethemelayouts.com/blog/index.php?wptheme=DeskSpace"><img src="http://narju.com/wp-content/uploads/2009/04/Deskspace.jpg" alt="Deskspace WordPress 美しいフリーテンプレート41選" width="500" height="1136" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>13.Maasahan</h3>
<p>[<a target="_blank" href="http://www.paddsolutions.com/wpmag/maasahan/">Preview</a>] [<a target="_blank" href="http://www.paddsolutions.com/wp-content/plugins/download-monitor/download.php?id=40">Download</a>]<br />
<a target="_blank" href="http://www.paddsolutions.com/wpmag/maasahan/"><img src="http://narju.com/wp-content/uploads/2009/04/maasahan.jpg" alt="maasahan WordPress 美しいフリーテンプレート41選" width="500" height="635" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>14.Notepad Chaos</h3>
<p>[<a target="_blank" href="http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/">Preview</a>] [<a target="_blank" href="http://media2.smashingmagazine.com/images/notepad-wordpress-theme/wp-theme-notepad-chaos.zip">Download</a>]<br />
<a target="_blank" href="http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/"><img src="http://narju.com/wp-content/uploads/2009/04/notepad_chaos.jpg" alt="notepad chaos WordPress 美しいフリーテンプレート41選" width="500" height="735" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>15.Web 2.0</h3>
<p>[<a target="_blank" href="http://www.blogger-template.info/demo/?preview_theme=web">Preview</a>] [<a target="_blank" href="http://www.fresheezy.com/theme/download/2731-Web-2-0-Theme">Download</a>]<br />
<a target="_blank" href="http://www.blogger-template.info/demo/?preview_theme=web"><img src="http://narju.com/wp-content/uploads/2009/04/web20.jpg" alt="web 2.0" width="500" height="767" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>16.Zinmag Futura</h3>
<p>[<a target="_blank" href="http://web2feel.com/futura/">Preview</a>] [<a target="_blank" href="http://www.theme-wordpress.com/wp-content/plugins/download-monitor/download.php?id=31" class="broken_link">Download</a>]<br />
<a target="_blank" href="http://web2feel.com/futura/"><img src="http://narju.com/wp-content/uploads/2009/04/Zinmag_Futura.jpg" alt="Zinmag Futura WordPress 美しいフリーテンプレート41選" width="500" height="1058" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>17.Mahusay</h3>
<p>[<a target="_blank" href="http://test.nattywp.com/?preview_theme=mahusay">Preview</a>] [<a target="_blank" href="http://www.nattywp.com/download.php?theme_id=475">Download</a>]<br />
<a target="_blank" href="http://test.nattywp.com/?preview_theme=mahusay"><img src="http://narju.com/wp-content/uploads/2009/04/mahusay.jpg" alt="mahusay WordPress 美しいフリーテンプレート41選" width="500" height="717" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>18.Majapahit</h3>
<p>[<a target="_blank" href="http://demo.tobacamp.com/wp/">Preview</a>] [<a target="_blank" href="http://www.tobacamp.com/download/majapahit.zip" class="broken_link">Download</a>]<br />
<a target="_blank" href="http://demo.tobacamp.com/wp/"><img src="http://narju.com/wp-content/uploads/2009/04/majapahit.jpg" alt="majapahit WordPress 美しいフリーテンプレート41選" width="500" height="928" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>19.AutosSlug</h3>
<p>[<a target="_blank" href="http://www.autoslug.com/">Preview</a>] [<a target="_blank" href="http://www.elegantwpthemes.com/wp-content/uploads/2009/01/autoslug1.zip">Download</a>]<br />
<a target="_blank" href="http://www.autoslug.com/"><img src="http://narju.com/wp-content/uploads/2009/04/autoslug.jpg" alt="autoslug WordPress 美しいフリーテンプレート41選" width="500" height="1669" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<h3>20.NewsTheme</h3>
<p>[<a target="_blank" href="http://wpthemedesigner.com/demo/index.php?wptheme=NewsTheme">Preview</a>] [<a target="_blank" href="http://www.wpthemedesigner.com/wp-content/plugins/download-monitor/download.php?id=28">Download</a>]<br />
<a target="_blank" href="http://wpthemedesigner.com/demo/index.php?wptheme=NewsTheme"><img src="http://narju.com/wp-content/uploads/2009/04/NewsTheme.jpg" alt="NewsTheme WordPress 美しいフリーテンプレート41選" width="500" height="1399" title="WordPress 美しいフリーテンプレート41選" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://www.hongkiat.com/blog/41-great-looking-free-wordpress-themes/" target="_blank">41 Great Looking Free WordPress Themes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/363.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/363.html" />
	</item>
		<item>
		<title>おしゃれなフリー画像ストックサイト20選</title>
		<link>http://narju.com/2009/04/343.html</link>
		<comments>http://narju.com/2009/04/343.html#comments</comments>
		<pubDate>Tue, 14 Apr 2009 05:48:31 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/343.html</guid>
		<description><![CDATA[Free Digital Photos       6....  Every stock photo       10.  Free foto       11.  Pixel Perfect Digital       12.

...Free Media Goo]]></description>
			<content:encoded><![CDATA[<p>メモ用(ライセンス未確認)</p>
<h3>1.Stock.xchg</h3>
<p><a target="_blank" title="Stock.xchg" href="http://www.sxc.hu/"><img title="Stock.xchg" src="http://narju.com/wp-content/uploads/2009/04/stock-xchg.jpg" alt="Stock.xchg" width="577" height="250" /></a></p>
<h3>2.Dexhaus</h3>
<p><a target="_blank" title="Dexhaus" href="http://www.dexhaus.com/v2/"><img title="Dexhaus" src="http://narju.com/wp-content/uploads/2009/04/dexhaus.jpg" alt="Dexhaus" width="577" height="250" /></a></p>
<h3>3.Kave wall</h3>
<p><a target="_blank" title="Kave wall" href="http://www.kavewall.com/stock/"><img title="Kave wall" src="http://narju.com/wp-content/uploads/2009/04/kave-wall.jpg" alt="Kave wall" width="577" height="250" /></a></p>
<h3>4.Stock Vault</h3>
<p><a target="_blank" title="Stock Vault" href="http://www.stockvault.net/"><img title="Stock Vault" src="http://narju.com/wp-content/uploads/2009/04/stockvault.jpg" alt="Stock Vault" width="577" height="250" /></a></p>
<h3>5.Free Digital Photos</h3>
<p><a target="_blank" title="Free Digital Photos" href="http://www.freedigitalphotos.net/"><img title="Free Digital Photos" src="http://narju.com/wp-content/uploads/2009/04/free-digital-photos.jpg" alt="Free Digital Photos" width="577" height="250" /></a></p>
<p><span id="more-343"></span><br />
<h3>6.Cepolina Photos</h3>
<p><a target="_blank" title="Cepolina Photos" href="http://www.cepolina.com/freephoto/"><img title="Cepolina Photos" src="http://narju.com/wp-content/uploads/2009/04/cepolina.jpg" alt="Cepolina Photos" width="577" height="250" /></a></p>
<h3>7.Unprofound</h3>
<p><a target="_blank" title="Unprofound" href="http://www.unprofound.com/"><img title="Unprofound" src="http://narju.com/wp-content/uploads/2009/04/unprofound.jpg" alt="Unprofound" width="577" height="250" /></a></p>
<h3>8.Deviantart</h3>
<p><a target="_blank" title="Deviantart" href="http://stockart.deviantart.com/"><img title="Deviantart" src="http://narju.com/wp-content/uploads/2009/04/deviantart.jpg" alt="Deviantart" width="577" height="250" /></a></p>
<h3>9.Every stock photo</h3>
<p><a target="_blank" title="Every stock photo" href="http://www.everystockphoto.com/"><img title="Every stock photo" src="http://narju.com/wp-content/uploads/2009/04/everystockphoto.jpg" alt="Every stock photo" width="577" height="250" /></a></p>
<h3>10.Free foto</h3>
<p><a target="_blank" title="Free foto" href="http://www.freefoto.com/index.jsp"><img title="Free foto" src="http://narju.com/wp-content/uploads/2009/04/freefoto.jpg" alt="Free foto" width="577" height="250" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://www.webanddesigners.com/20-sites-for-free-stock-images/" target="_blank">20 sites for free stock images</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/343.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/343.html" />
	</item>
		<item>
		<title>紙の質感をうまく表現したクールなサイト30選</title>
		<link>http://narju.com/2009/04/285.html</link>
		<comments>http://narju.com/2009/04/285.html#comments</comments>
		<pubDate>Sun, 12 Apr 2009 14:50:10 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[Draft]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/285.html</guid>
		<description><![CDATA[Church on the Rock       7....  BlackWave Creative Branding and Design Services       9....  Pain is Good       13.kayintveen.com       14....  Luc Espace       28.iPhone Development       29....  Simply Fired      via  30 Creative Examples of Using Paper in Web Designs]]></description>
			<content:encoded><![CDATA[<p>インスピレーション用</p>
<h3>1.Peace River Excursion</h3>
<p><a target="_blank" href="http://www.swfwmd.state.fl.us/education/interactive/peaceriver/"><img src="http://narju.com/wp-content/uploads/2009/04/10-05_peace_river.jpg" width="550" height="300" alt="Peace River Excursion paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>2.Team Green</h3>
<p><a target="_blank" href="http://www.teamgreenonline.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-01_team_green.jpg" width="550" height="300" alt="Team Green screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>3.Diego Latorre</h3>
<p><a target="_blank" href="http://www.diegolatorre.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-21_diego_latorre.jpg" width="550" height="300" alt="Diego Latorre paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>4.DK Publishing</h3>
<p><a target="_blank" href="http://kiddk.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-06_kiddk.jpg" width="550" height="300" alt="DK Publishing paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>5.The Chernobyl Nuclear Disaster</h3>
<p><a target="_blank" href="http://www.bthreen.com/chernobyl2/"><img src="http://narju.com/wp-content/uploads/2009/04/10-07_chernobyl.jpg" width="550" height="300" alt="The Chernobyl Nuclear Disaster paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<p><span id="more-285"></span><br />
<h3>6.Church on the Rock</h3>
<p><a target="_blank" href="http://www.cotr.tv/"><img src="http://narju.com/wp-content/uploads/2009/04/10-24_church_on.jpg" width="550" height="300" alt="Church on the Rock paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>7.Dawghouse Design Studio</h3>
<p><a target="_blank" href="http://www.dawghousedesignstudio.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-25_dawghouse.jpg" width="550" height="300" alt="Dawghouse Design Studio paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>8.BlackWave Creative Branding and Design Services</h3>
<p><a target="_blank" href="http://blackwavecreative.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-26_blackwave.jpg" width="550" height="300" alt="BlackWave Creative Branding and Design Services paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>9.L’Antidote</h3>
<p><a target="_blank" href="http://www.restaurant-cherbourg.fr/"><img src="http://narju.com/wp-content/uploads/2009/04/10-08_lantidote.jpg" width="550" height="300" alt="L'Antidote paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>10.Gardening With Children</h3>
<p><a target="_blank" href="http://www.gardeningwithchildren.co.uk/"><img src="http://narju.com/wp-content/uploads/2009/04/10-09_gardening_children.jpg" width="550" height="300" alt="Chris Sharp paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>11.Revolution Driving Tuition</h3>
<p><a target="_blank" href="http://www.revolutiondrivingtuition.co.uk/"><img src="http://narju.com/wp-content/uploads/2009/04/10-18_revolution_driving.jpg" width="550" height="300" alt="Revolution Driving Tuition paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>12.Pain is Good</h3>
<p><a target="_blank" href="http://www.painisgood.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-19_pain_is_good.jpg" width="550" height="300" alt="Pain is Good paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>13.kayintveen.com</h3>
<p><a target="_blank" href="http://www.kayintveen.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-10_kayinteveen.jpg" width="550" height="300" alt="kayintveen.com paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>14.Sprocket House</h3>
<p><a target="_blank" href="http://sprockethouse.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-11_sprocket_house.jpg" width="550" height="300" alt="Sprocket House paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<h3>15.vSplash</h3>
<p><a target="_blank" href="http://www.vsplash.com/"><img src="http://narju.com/wp-content/uploads/2009/04/10-12_vsplash.jpg" width="550" height="300" alt="vSplash paper use screen shot." title="紙の質感をうまく表現したクールなサイト30選" /></a></p>
<p>その他は以下の引用元からどうぞ</p>
<p>via <a href="http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-using-paper-in-web-designs/" target="_blank">30 Creative Examples of Using Paper in Web Designs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/285.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/285.html" />
	</item>
		<item>
		<title>webサイト立ち上げ時にチェックする15項目</title>
		<link>http://narju.com/2009/04/153.html</link>
		<comments>http://narju.com/2009/04/153.html#comments</comments>
		<pubDate>Thu, 09 Apr 2009 02:53:26 +0000</pubDate>
		<dc:creator>narju</dc:creator>
				<category><![CDATA[WebSite]]></category>

		<guid isPermaLink="false">http://narju.com/2009/04/153.html</guid>
		<description><![CDATA[ファビコン  あなたのサイトをブックマークをした際、ファビコンがユニークであればあなたのサイトは印象に残り探す手間がへり、アクセスしやすくなります。  

...タイトルとメタデータ  タイトルはユーザーがなんのページなのか把握するためとても重要なものです。   すべてのページのタイトルをページコンテンツに沿った内容にしましょう。  


 10 Things To Consider When Choosing The Perfect CMS &#124; How-To &#124; Smashing Magazine 


...本来であれば実機テストがベストなのですが、時間もお金も無い場合は下記サイトを使うのもよいでしょう。]]></description>
			<content:encoded><![CDATA[<p>webサイト立ち上げ時に再度抜けはないかチェックする項目を紹介します。</p>
<h3>1.ファビコン</h3>
<p>あなたのサイトをブックマークをした際、ファビコンがユニークであればあなたのサイトは印象に残り探す手間がへり、アクセスしやすくなります。</p>
<p><img src="http://narju.com/wp-content/uploads/2009/04/9rules.jpg" width="480" height="229" alt="9rules webサイト立ち上げ時にチェックする15項目"  title="webサイト立ち上げ時にチェックする15項目" /></p>
<h3>2.タイトルとメタデータ</h3>
<p>タイトルはユーザーがなんのページなのか把握するためとても重要なものです。<br />
すべてのページのタイトルをページコンテンツに沿った内容にしましょう。</p>
<p>一般的には以下のように記述します。</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;/favicon.ico&quot; /&gt;</pre></div></div>

<p>iPhoneの場合は以下のように記述します。</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;/favicon.png&quot; /&gt;</pre></div></div>

<p>metadescriptionとkeywordはSEO的にはそれほど重要ではありません。しかしそれらを書き記す事は悪い事ではありません。<br />
タイトルと同じくページコンテンツに沿った内容にしましょう。</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;title&gt;10 Things To Consider When Choosing The Perfect CMS | How-To | Smashing Magazine&lt;/title&gt;</pre></div></div>

<h3>3.クロスブラウザーチェック</h3>
<p>あなたが作ったホームページが他の環境で問題なく動作するかチェックしましょう。<br />
本来であれば実機テストがベストなのですが、下記サイトに書いてある手法も有効です。<br />
<a href="http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/" target="_blank">Browser Tests, Services and Compatibility Test Suite</a><br />
<a href="http://freelancefolder.com/7-fresh-and-simple-ways-to-test-cross-browser-compatibility/" target="_blank">7 fresh and simple ways to test cross-browser compatibility</a>
</p>
<p><span id="more-153"></span><br />
<h3>4.校正</h3>
<p>すべてを再度読み返しましょう。誤字脱字を確認しましょう。<br />
他の人にみてもらうのもよいでしょう。スペルミス、漢字のミス等も確認してください。</p>
<h3>5.リンク</h3>
<p>リンクを張った場合はリンクが切れてないか。他のリンクと間違えてないかをチェックしましょう。</p>
<h3>6.機能チェック</h3>
<p>もしあなたのサイトにお問い合わせフォームなどがある場合はちゃんと機能しているか確認しましょう。</p>
<h3>7.Graceful Degradation</h3>
<p>javascriptをoffにしているユーザーも少なからずいます。問い合わせフォーム等はjavascriptだけでチェックするのではなく、サーバー側でもチェックしましょう。</p>
<h3>8.Validation</h3>
<p>HTMLの記述は正確に行うべきです。&#8220;&amp;&#8221;等は&#8220;&amp;amp;&#8221;と書きましょう。</p>
<p><a href="http://validator.w3.org/" target="_blank">http://validator.w3.org/</a></p>
<h3>9.RSS Link</h3>
<p>更新の多いサイトはRSS購読してもらえる可能性が高いです。今のブラウザーはRSSfeedを見つけるとブラウザーのアドレスバーにマークが表示されます。</p>
<p><img src="http://narju.com/wp-content/uploads/2009/04/addressbar-rss.png" width="480" height="31" alt="addressbar_rss.png" title="webサイト立ち上げ時にチェックする15項目" /></p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;Site or RSS title&quot; href=&quot;link-to-feed&quot; /&gt;</pre></div></div>

<h3>10.Analytics</h3>
<p>どのようなユーザーがサイトをみているか、評価、判断、行動をしましょう。</p>
<p><a href="http://www.google.com/analytics/ja-JP/" target="_blank"><img src="http://narju.com/wp-content/uploads/2009/04/google-analytics.png" width="480" height="273" alt="google_analytics.png" title="webサイト立ち上げ時にチェックする15項目" /></a></p>
<p>google analyticsなどは無料で使う事ができます。</p>
<h3>11.Sitemap</h3>
<p>google,yahoo等でindex、サイトリンクが張られる可能性が高くなります。<br />
<a href="https://www.google.com/webmasters" target="_blank" class="broken_link"><img src="http://narju.com/wp-content/uploads/2009/04/sony.png" width="480" height="95" alt="sony webサイト立ち上げ時にチェックする15項目"  title="webサイト立ち上げ時にチェックする15項目" /></a><br />
<a href="https://www.google.com/webmasters" target="_blank" class="broken_link">google webmaster tools</a>などは無料で使う事が出来ます。</p>
<h3>12.Defensive Design</h3>
<p>404ページをちゃんとデザインしましょう。topページにきてもらえる可能性が高くなります。</p>
<p><a href="http://www.bluedaniel.com/404filenotfound" target="_blank" class="broken_link"><img src="http://narju.com/wp-content/uploads/2009/04/404.png" width="480" height="273" alt="404 webサイト立ち上げ時にチェックする15項目"  title="webサイト立ち上げ時にチェックする15項目" /></a></p>
<h3>13.Optimize</h3>
<p>サイト閲覧環境は様々です。光回線のユーザーも入ればモバイルでつないでる人もいるかもしれません。</br><br />
常にサイト自体を軽くする努力をすべきです。</p>
<p><img src="http://narju.com/wp-content/uploads/2009/04/yslow.jpg" width="300" height="275" alt="Yslow.jpg" title="webサイト立ち上げ時にチェックする15項目" /></p>
<p>FireFoxの<a href="https://addons.mozilla.org/ja/firefox/addon/5369" target="_blank">YSlow</a>というプラグインは様々な分析が出来とても便利です。</p>
<h3>14.Back Up</h3>
<p>何かの拍子にデーターが消えてしまう可能性はあります。常に最新のバックアップをとっておきましょう。<br />
もしあなたがWordPressを使っているのであれば<a href="http://wordpress.org/extend/plugins/wp-db-backup/" target="_blank">WordPress Database Backup</a>を入れておくとよいでしょう。</p>
<h3>15.Print Style Sheet</h3>
<p>あなたのサイトを印刷する時印刷物のレイアウトが崩れる場合があります。<br />
印刷用のスタイルシートも確認してみてください。</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;print.css&quot; media=&quot;print&quot; /&gt;</pre></div></div>

<p>via <a href="http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/" target="_blank">15 Essential Checks Before Launching Your Website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://narju.com/2009/04/153.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://narju.com/2009/04/153.html" />
	</item>
	</channel>
</rss>
