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

RoR  No Comments »

さて、我が家の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)

Read the rest of this entry »

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

Template タグ: , No Comments »

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

1.Oulipo

Minimal WP Themes

View Demo »

2.Manifest

Minimal WP Themes

View Demo »

3.Modern Clix

Minimal WP Themes

View Demo »

4.Thunderbolt

Minimal WP Themes

5.Die Neue Typographie

Minimal WP Themes
Read the rest of this entry »

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

Draft タグ: No Comments »

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

SOCIAL MEDIA ICON COLLECTIONS

webdesignledger
The Best Social Media Icons All in One Place

janko
Handycons 2 – another free hand drawn icon set

speckyboy
22 Amazing Styles of RSS Icons Free for your Blog

wpzoon

21 Sets of Free Social Bookmarking Icons for Your Blog

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

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

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

PHP  No Comments »

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

1.Visifire

出力形式: Silverlight
ライセンス: GPL 3.0 / Commercial
visifire

2.PHP/SWF Charts

出力形式: Flash
ライセンス:Free / Commercial
phpswf

3.pChart

出力形式: Image
ライセンス:GNU General Public License
pchart

Read the rest of this entry »

様々なWeb form ボタン40

Draft  No Comments »

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

1.GoodBarry

2.Aviary

Aviary

3.Pixel Crayons

Pixel Crayons

4.OH! Media

OH! Media

5.Resumator

The Resumator

Read the rest of this entry »

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

JavaScript タグ: , , No Comments »

1.loopedSlider

looped.png

2.Easy Slider

easyslider.png

3.wSlide

wslide.png

Read the rest of this entry »

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

Template タグ: , No Comments »

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

1.RedLight

[Preview] [Download]
freemium

2.FREEmium

[Preview] [Download]
freemium

3.WaterColor

[Preview] [Download]
freemium

4.Agregado Lifestream

[Preview] [Download]
agregado

5.Infinity

[Preview] [Download]
infinity

Read the rest of this entry »

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

Draft  No Comments »

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

1.Stock.xchg

Stock.xchg

2.Dexhaus

Dexhaus

3.Kave wall

Kave wall

4.Stock Vault

Stock Vault

5.Free Digital Photos

Free Digital Photos

Read the rest of this entry »

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

Draft  No Comments »

インスピレーション用

1.Peace River Excursion

Peace River Excursion paper use screen shot.

2.Team Green

Team Green screen shot.

3.Diego Latorre

Diego Latorre paper use screen shot.

4.DK Publishing

DK Publishing paper use screen shot.

5.The Chernobyl Nuclear Disaster

The Chernobyl Nuclear Disaster paper use screen shot.

Read the rest of this entry »

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

WebSite  No Comments »

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

1.ファビコン

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

9rules.jpg

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

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

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


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


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

10 Things To Consider When Choosing The Perfect CMS | How-To | Smashing Magazine

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

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

Read the rest of this entry »