Narju.com » WebSite

ハイクオリティー無料WordPressテーマ20選

narju — Tue, 04 Aug 2009 02:52:46 +0000

wordpress無料テンプレート20選です。さて、ここも変えますか。

1.Gallery Theme

2.Milano Theme

3.Grid Focus Theme

4.The Unstandard Theme

5.Portfolio WPESP Theme

via 20 High Quality Free WordPress 2.7 Themes

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

narju — Wed, 20 May 2009 03:57:20 +0000

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

sudo port install git-core +gitweb +svn

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

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

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

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

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

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

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

cd ~/
vi .emacs

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

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

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

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

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

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

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

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

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

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

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

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

エラーが出るようであればpluginのパスを環境に合わせて変えてみてください。
emacsを立ち上げて

こんな画面になれば成功です。
C-c ; wでmongrel起動
C-c C-cでmongrel終了
その他キーバインドはまた次の機会にでも書きたいと思います。
間違い等がありましたら教えて頂けると助かります。

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

narju — Tue, 19 May 2009 16:02:59 +0000

さて、日々の開発はtextmateで行っているのですが、何となくemacsくらい使えないとだめかなぁと思い立ちCarbon Emacsをダウンロード
emacsはC++のコーディングにしか使った事なく、ほとんど使い方がわからなかったのですが、rinariを使うとかなりイケテルとの事でなんとなく入れてみました。

textmateでも使っているmonokaiというテーマのパクリです。
.emacs.elにでも貼付けてください。

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

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

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

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

narju — Tue, 19 May 2009 01:49:35 +0000

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

1.Pattern Cooler

2.Stripe Mania

3.Dotted Background Generator

4.Tartan Maker

5.Striped Backgrounds

6.BgPatterns

7.Stripe Generator 2.0

8.ColourLovers

9.Stripe Designer

10.Bgmaker

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

via 55+ Extremely Useful Online Generators for Designers

jQueryでcoolなexposeエフェクト

narju — Thu, 14 May 2009 02:17:53 +0000

なにかしらのアテンションを操作性を崩さず与えたいという機会は多々あるかと思います。
jquery.exposeを使う事によりユーザーを直感的に導く事が出来ます。

デモではフォームにフォーカスすると下記図のようになります。

入力ミス等のエラーを出力する場合にも有効そうですね。
カスタマイズも容易で使い勝手が良いです。

site jquery.expose 1.0.1

レイアウトのきれいなサイト30選

narju — Mon, 11 May 2009 03:52:34 +0000

どれもお手本になるきれいなレイアウトです。

1.Portfolio project

2.Panda Sofa

3.Eye For Art

4.iThink

5.Pastorant Restaurant

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

via 30 Inspiring Web Design Layouts from deviantART

フリー背景ダウロードサイト PATTERN8

narju — Fri, 08 May 2009 13:28:50 +0000

背景の連続パターンをdownloadできるサイトのご紹介。
奇麗な背景が９０種類近くあります。こういう背景って色々使えますよね。
商用利用も可との事ですが、規約を再度ご確認ください。

site PATTERN8

jQuery フォーム拡張プラグイン15+

narju — Fri, 08 May 2009 04:46:55 +0000

1.QuickSelect

2.SexyCombo

3.prettyCheckboxes

4.jQuery Date Range Selector

5.jQuery Date Picker

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

via 15+ Excellent jQuery Plugins To Enhance HTML Forms

美しいDrupalテーマ25選

narju — Thu, 07 May 2009 04:32:57 +0000

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対応

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

via 25 beautiful Drupal themes

jQuery テクニック18選

narju — Thu, 30 Apr 2009 01:32:30 +0000

いざJQueryを使おうとする時にあれ、なんだっけとなる事がしばしば。という事でjQueryメモ。

1.jQuery tabs

2.jQuery cycle

3.Coda Bubble

4.jQuery Zoom

5.Flip Box

6.jQuery Multimedia portfolio

7.Coda slider

8.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

Ruby on Rails 2.3 をMacOSXにインストール

narju — Sun, 26 Apr 2009 14:45:21 +0000

さて、我が家のMac book proのHDDが飛んだ為にrailsを再インストール/アップデートした際のメモ。
Mac OSX 10.5.6でのお話。

まずはgem本体をupdate

$ sudo gem update --system

インストールされている全てをupdate

$ sudo gem update

次にMySQLをインストール。MAMPと迷った物の若干更新が遅いようなのでMySQL.comよりMac用MySQLserverをDL。
が、罠が。まず一つ目。
なにも考えずMac OS X 10.5 (x86_64)をダウントードしたのですが、まぁなんだかんだでエラーが出ます。
特に理由が無ければMac OS X 10.5 (x86)を使いましょう。
Mac OS X 10.5 (x86)

二つ目の罠。
意気揚々とrake db:migrateとするもののエラー。

$ db:migrate
!!! The bundled mysql.rb driver has been removed from Rails 2.2. Please install the mysql gem and try again: gem install mysql.
rake aborted!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./System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby extconf.rb install mysql
checking for mysql_query() in -lmysqlclient... no
checking for main() in -lm... yes
checking for mysql_query() in -lmysqlclient... no
checking for main() in -lz... yes
checking for mysql_query() in -lmysqlclient... no
checking for main() in -lsocket... no
checking for mysql_query() in -lmysqlclient... no
checking for main() in -lnsl... no
checking for mysql_query() in -lmysqlclient... no

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

$ sudo gem install mysql -- --with-mysql-config=/usr/local/mysql/bin/mysql_config

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

$ rails bookmark -d mysql
create
create  app/controllers
create  app/helpers
create  app/models
create  app/views/layouts
create  config/environments
create  config/initializers
create  config/locales
create  db
create  doc
create  lib
create  lib/tasks
create  log
create  public/images
create  public/javascripts
create  public/stylesheets
create  script/performance
create  test/fixtures
create  test/functional
create  test/integration
create  test/performance
create  test/unit
create  vendor
create  vendor/plugins
create  tmp/sessions
create  tmp/sockets
create  tmp/cache
create  tmp/pids
create  Rakefile
create  README
create  app/controllers/application_controller.rb
create  app/helpers/application_helper.rb
create  config/database.yml
create  config/routes.rb
create  config/locales/en.yml
create  config/initializers/backtrace_silencers.rb
create  config/initializers/inflections.rb
create  config/initializers/mime_types.rb
create  config/initializers/new_rails_defaults.rb
create  config/initializers/session_store.rb
create  config/environment.rb
create  config/boot.rb
create  config/environments/production.rb
create  config/environments/development.rb
create  config/environments/test.rb
create  script/about
create  script/console
create  script/dbconsole
create  script/destroy
create  script/generate
create  script/runner
create  script/server
create  script/plugin
create  script/performance/benchmarker
create  script/performance/profiler
create  test/test_helper.rb
create  test/performance/browsing_test.rb
create  public/404.html
create  public/422.html
create  public/500.html
create  public/index.html
create  public/favicon.ico
create  public/robots.txt
create  public/images/rails.png
create  public/javascripts/prototype.js
create  public/javascripts/effects.js
create  public/javascripts/dragdrop.js
create  public/javascripts/controls.js
create  public/javascripts/application.js
create  doc/README_FOR_APP
create  log/server.log
create  log/production.log
create  log/development.log
create  log/test.log
$ cd Bookmark

はいはい、サクサクとフィールドを追加。

$ script/generate scaffold bookmark name:string url:string
exists  app/models/
exists  app/controllers/
exists  app/helpers/
create  app/views/bookmarks
exists  app/views/layouts/
exists  test/functional/
exists  test/unit/
create  test/unit/helpers/
exists  public/stylesheets/
create  app/views/bookmarks/index.html.erb
create  app/views/bookmarks/show.html.erb
create  app/views/bookmarks/new.html.erb
create  app/views/bookmarks/edit.html.erb
create  app/views/layouts/bookmarks.html.erb
create  public/stylesheets/scaffold.css
create  app/controllers/bookmarks_controller.rb
create  test/functional/bookmarks_controller_test.rb
create  app/helpers/bookmarks_helper.rb
create  test/unit/helpers/bookmarks_helper_test.rb
route  map.resources :bookmarks
dependency  model
exists    app/models/
exists    test/unit/
exists    test/fixtures/
create    app/models/bookmark.rb
create    test/unit/bookmark_test.rb
create    test/fixtures/bookmarks.yml
create    db/migrate
create    db/migrate/XXXXXXXXXX_create_bookmarks.rb

次に「bookmark_development」というDBを作成して。

$ rake db:migrate
(in /Users/XXXXXXX/Sites/bookmark)
==  CreateBookmarks: migrating ================================================
-- create_table(:bookmarks)
-> 0.0893s
==  CreateBookmarks: migrated (0.0896s) =======================================

起動です。

$ script/server

http://localhost:3000/bookmarksを確認して終了。
おつかれさまでした。

WordPress シンプルでスタイリッシュなミニマルフリーテンプレート40選

narju — Tue, 21 Apr 2009 05:18:27 +0000

レイアウトはすでに完成しているので、カスタマイズしやすいですよね。
ただ、ダサクなる可能性が高いのですが。。。

4.Thunderbolt

5.Die Neue Typographie

6.Simplicity

View Demo »

7.Sharpfolio

View Demo »

8.Typogriph

View Demo »

9.Undedicated

View Demo »

10.Cardeo Minimal

View Demo »

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

40 Stylish, Minimal and Clean Free WordPress Themes

フリーソーシャルアイコンセット600+

narju — Mon, 20 Apr 2009 02:39:12 +0000

フリーでダウンロードできるソーシャルアイコンのセットの紹介です。
ライセンスは未確認ですので、ご使用にあたっては引用元をご確認のうえでお願い致します。

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

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

via 600+ Free Design, Twitter and Social Media Icons: A Collection Motherload!

PHP フリーグラフ/チャートライブラリ6選

narju — Sun, 19 Apr 2009 14:43:20 +0000

フリーのチャート作成ライブラリをありがたく使わせていただいてるのですが、なかなかオシャレなのって無いですよね。
ライセンスは再確認お願い致します。

1.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

様々なWeb form ボタン40

narju — Fri, 17 Apr 2009 04:20:28 +0000

結構buttonって使い回したりするんですよね。改めて見てみると様々なアイデアが凝縮されています。

1.GoodBarry

2.Aviary

3.Pixel Crayons

4.OH! Media

5.Resumator

6.The Invoice Machine

7.Lifetree Creative

8/Games for Her by You

9.FreebiesDock

10.Checkout

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

via Button Design Showcase

jQuery ページをAjaxでスライド10選

narju — Thu, 16 Apr 2009 06:36:26 +0000

1.loopedSlider

2.Easy Slider

3.wSlide

4.Coda-Slider

5.slideViewer

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

via 10 Best jQuery Sliders

WordPress 美しいフリーテンプレート41選

narju — Wed, 15 Apr 2009 01:09:14 +0000

ライセンス未確認。ご利用は自己責任でお願いします。

1.RedLight

[Preview] [Download]

2.FREEmium

[Preview] [Download]

3.WaterColor

[Preview] [Download]

4.Agregado Lifestream

[Preview] [Download]

5.Infinity

[Preview] [Download]

6.WP CODA

[Preview] [Download]

7.Snapshot

[Preview] [Download]

8.Versatility Lite

[Preview] [Download]

9.CHARA

[Preview] [Download]

10.Vintage

[Preview] [Download]

11.Blues

[Preview] [Download]

12.Deskspace

[Preview] [Download]

13.Maasahan

[Preview] [Download]

14.Notepad Chaos

[Preview] [Download]

15.Web 2.0

[Preview] [Download]

16.Zinmag Futura

[Preview] [Download]

17.Mahusay

[Preview] [Download]

18.Majapahit

[Preview] [Download]

19.AutosSlug

[Preview] [Download]

20.NewsTheme

[Preview] [Download]

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

via 41 Great Looking Free WordPress Themes

おしゃれなフリー画像ストックサイト20選

narju — Tue, 14 Apr 2009 05:48:31 +0000

メモ用(ライセンス未確認)

1.Stock.xchg

2.Dexhaus

3.Kave wall

4.Stock Vault

5.Free Digital Photos

6.Cepolina Photos

7.Unprofound

8.Deviantart

9.Every stock photo

10.Free foto

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

via 20 sites for free stock images

紙の質感をうまく表現したクールなサイト30選

narju — Sun, 12 Apr 2009 14:50:10 +0000

インスピレーション用

1.Peace River Excursion

2.Team Green

3.Diego Latorre

4.DK Publishing

5.The Chernobyl Nuclear Disaster

6.Church on the Rock

7.Dawghouse Design Studio

8.BlackWave Creative Branding and Design Services

9.L’Antidote

10.Gardening With Children

11.Revolution Driving Tuition

12.Pain is Good

13.kayintveen.com

14.Sprocket House

15.vSplash

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

via 30 Creative Examples of Using Paper in Web Designs

webサイト立ち上げ時にチェックする15項目

narju — Thu, 09 Apr 2009 02:53:26 +0000

webサイト立ち上げ時に再度抜けはないかチェックする項目を紹介します。

1.ファビコン

あなたのサイトをブックマークをした際、ファビコンがユニークであればあなたのサイトは印象に残り探す手間がへり、アクセスしやすくなります。

2.タイトルとメタデータ

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

一般的には以下のように記述します。

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

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

3.クロスブラウザーチェック

あなたが作ったホームページが他の環境で問題なく動作するかチェックしましょう。
本来であれば実機テストがベストなのですが、下記サイトに書いてある手法も有効です。
Browser Tests, Services and Compatibility Test Suite
7 fresh and simple ways to test cross-browser compatibility

4.校正

すべてを再度読み返しましょう。誤字脱字を確認しましょう。
他の人にみてもらうのもよいでしょう。スペルミス、漢字のミス等も確認してください。

5.リンク

リンクを張った場合はリンクが切れてないか。他のリンクと間違えてないかをチェックしましょう。

6.機能チェック

もしあなたのサイトにお問い合わせフォームなどがある場合はちゃんと機能しているか確認しましょう。

7.Graceful Degradation

javascriptをoffにしているユーザーも少なからずいます。問い合わせフォーム等はjavascriptだけでチェックするのではなく、サーバー側でもチェックしましょう。

8.Validation

HTMLの記述は正確に行うべきです。“&”等は“&”と書きましょう。

http://validator.w3.org/

9.RSS Link

更新の多いサイトはRSS購読してもらえる可能性が高いです。今のブラウザーはRSSfeedを見つけるとブラウザーのアドレスバーにマークが表示されます。

10.Analytics

どのようなユーザーがサイトをみているか、評価、判断、行動をしましょう。

google analyticsなどは無料で使う事ができます。

11.Sitemap

google,yahoo等でindex、サイトリンクが張られる可能性が高くなります。

google webmaster toolsなどは無料で使う事が出来ます。

12.Defensive Design

404ページをちゃんとデザインしましょう。topページにきてもらえる可能性が高くなります。

13.Optimize

サイト閲覧環境は様々です。光回線のユーザーも入ればモバイルでつないでる人もいるかもしれません。

常にサイト自体を軽くする努力をすべきです。

FireFoxのYSlowというプラグインは様々な分析が出来とても便利です。

14.Back Up

何かの拍子にデーターが消えてしまう可能性はあります。常に最新のバックアップをとっておきましょう。
もしあなたがWordPressを使っているのであればWordPress Database Backupを入れておくとよいでしょう。

15.Print Style Sheet

あなたのサイトを印刷する時印刷物のレイアウトが崩れる場合があります。
印刷用のスタイルシートも確認してみてください。

via 15 Essential Checks Before Launching Your Website

Narju.com » WebSite

ハイクオリティー 無料WordPressテーマ20選

1.Gallery Theme

2.Milano Theme

3.Grid Focus Theme

4.The Unstandard Theme

5.Portfolio WPESP Theme

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

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

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

1.Pattern Cooler

2.Stripe Mania

3.Dotted Background Generator

4.Tartan Maker

5.Striped Backgrounds

6.BgPatterns

7.Stripe Generator 2.0

8.ColourLovers

9.Stripe Designer

10.Bgmaker

jQueryでcoolなexposeエフェクト

レイアウトのきれいなサイト30選

1.Portfolio project

2.Panda Sofa

3.Eye For Art

4.iThink

5.Pastorant Restaurant

フリー背景ダウロードサイト PATTERN8

jQuery フォーム拡張プラグイン15+

1.QuickSelect

2.SexyCombo

3.prettyCheckboxes

4.jQuery Date Range Selector

5.jQuery Date Picker

美しいDrupalテーマ25選

Acquia Marina

Chrysalis

Dark Elegance

Color Paper

Absynthe

Chrysalis

Acquia Slate

Agregado

Addari

Analytic

jQuery テクニック18選

1.jQuery tabs

2.jQuery cycle

3.Coda Bubble

4.jQuery Zoom

5.Flip Box

6.jQuery Multimedia portfolio

7.Coda slider

8.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

Ruby on Rails 2.3 をMacOSXにインストール

WordPress シンプルでスタイリッシュなミニマルフリーテンプレート40選

1.Oulipo

2.Manifest

3.Modern Clix

4.Thunderbolt

5.Die Neue Typographie

6.Simplicity

7.Sharpfolio

8.Typogriph

9.Undedicated

10.Cardeo Minimal

フリーソーシャルアイコンセット600+

SOCIAL MEDIA ICON COLLECTIONS

PHP フリーグラフ/チャートライブラリ6選

1.Visifire

ハイクオリティー無料WordPressテーマ20選