PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneやiPad向けに作られたっぽいですね。

Touch-Gallery

↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。

↑ PCで見るとこんな感じ。基本的には普通のLightbox系の拡大表示です。

↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。

↑ 横にしても自動的に横幅に合わせてくれます。

マークアップ

マークアップがシンプルで素敵ですね。以下のような感じでOKみたい。

<div id="gallery">
<a href="image1.jpg">
<img src="thumb1.jpg" />
</a>
<a href="image2.jpg">
<img src="thumb2.jpg" />
</a>
<a href="image3.jpg">
<img src="thumb3.jpg" />
</a>
</div>

この場合はオプション設定をします。↓

<script>
$('#gallery a').touchGallery();
</script>

以下よりDLとデモの確認が可能です。

Touch-Gallery

この記事と合わせて読まれてる記事:

1. 画像のフィルタリング時のエフェクトがクールなjQueryプラグイン・Filter Image View
2. HTMLメールマガジンの良デザインばかりを集めたEMAIL GALLERY
3. CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper

40のエレガントなフリーのcssテンプレート

素敵なデザインのテンプレートが沢山。

40+ Elegant Free CSS/(X)HTML Templates from 2010

PSによるiPhoneアプリサイトのレイアウト作成法

Photoshopのチュートリアル、iPhoneアプリサイト編です。

How to Create an Iphone App Layout in Photoshop

シングルページデザインのインスピレーション、32サイト

シングルページサイトのデザイン例。

32 Fresh And Impressive Single Page Website Designs Inspiration

Academica

珍しい、教育機関向けのWPテーマ。フリーです。

Academica: Free WordPress 3.0+ Theme For Educational Websites

使えるiPhoneシュートカット集

iPhoneで覚えておくと便利そうなショートカット集です。iOS4が対象かな？

10 Useful iPhone Shortcuts, Tips and Tricks

今日はここまでです。

この記事と合わせて読まれてる記事:

1. (6月28日)今日の「簡単海外記事」
2. (11月27日)今日の「簡単海外記事」
3. (7月3日)今日の「簡単海外記事」

それでは定例のアクセスの詳細を公開いたします。2010/8月分になります。

8月のアクセス解析

ページビューは376,606PVとなっています。先月と殆ど変化はありません。たまたまアクセス数の多くなった6月でしたが、その数値はそのまま維持できているようで、個人的にも驚いています。

UUは少し減りましたが、デザインを変えてから多少他のページも見てもらえるようになったようで、PV数は少しだけ増加しましたが、大々的に変えたわけでもないので、あまり関係が無いような気もします。ちょっとはいいかな？くらい。僕は気分転換ってだけですが、PVを意識してデザインを変えるならよほど有名なサイトで無い限りは、結構大きく変えたほうが良いかもしれませんね。

8月の検索クエリ

クエリです。iPhoneを買ってから何度かアプリを紹介させて貰っていますが、それでも10前後の記事数で、ライバルの多そうな「iPhone アプリ」での流入数が多いみたいです。記事自体は今確認したところ3ページ目くらいですので探している方は非常に多い印象です。

記事を書いたあとに一時的に上位表示される事があるのでそれが原因かと思ったのですが、どうやら違うみたいです↓

グラフの上下は少なく、安定した流入となっています。

リファラ

リファラです。大体いつもどおりですが、xappyさんからの流入数が急上昇しました。

詳細を見てみると、8月6日が多いみたいですが、全体のアクセスとして8月6日のアクセスが多いわけでもないです。8月6日はFacebookのブックマークレットの記事、8月5日の記事は沢山のブックマークを頂いたAdobeの有料ソフトを買う前に、代替になる無料ソフトでコツを掴もう・使い方まとめという記事なので、このどちらかの記事がxappyでクリップしてもらえた可能性がありそうです。

これだけ流入があるのであれば、xappyに関して少し調べてみるのもいいかもしれませんね。はてブ数は40程度ですが、ユーザー数は結構多いのかもしれません。ｔｙなと調べてないので分かりませんけど・・

以上、8月のアクセス解析でした。

この記事と合わせて読まれてる記事:

1. 2010年 / 7月のアクセス解析
2. 2010年 / 5月・6月のアクセス解析
3. 12月のアクセス解析と新年のご挨拶

羅列した全てのプラグインを入れる訳ではなく、「よく頼まれる機能」を補うプラグインをあげています。順不同。

WP-Add-quicktag

今更便利さに気がついた、という感じですが、最近よく使っています。基本的にはマークアップを補うプラグインなんですが、定型文の挿入に凄く便利なのでお勧め。こちらで設定してあげればクライアントさんはワンクリックで挿入できます。複数登録も可能なので重宝しますね。

addquicktag

Ktai Style

携帯サイト作って欲しい！予算無いけど！みたいな要望があったとき、というか中小規模サイトの案件では多いのでKtai Styleは必須プラグインです。予算無いなら断れよって話ですがそうもいかない場合もありますので・・

Ktai Style

Admin Menu Editor

管理画面のサイドバーの項目が分かりにくい、と言われたときにはこれ。名称をサクッと変更できますよ。例えば「投稿」を「記事を書く」にするとかクライアントさんが分かりやすいテキストを変更できます。

Admin Menu Editor

simple-tags

こちらはタグ管理です。有名なプラグインですね。過去に使用した&登録してあるタグを一覧表示、ワンクリックでタグを加えられるのでクライアントさんも理解しやすいかなと思います。

simple-tags

TinyMCE

既存のエディタがお気に召されないこともあるのでこちらも覚えておくと便利かもしれません。エディタを強化できます。日本語ファイルが配布されているのでリンクはそちらに。

TinyMCE Advanced*ビジュアルエディタを強化-日本語版配布

tinymce-advancedemoji or emoji (絵文字挿入)

絵文字を挿入できるプラグインです。現状でも出来ますが、使いやすくする的なプラグイン。

tinymce-advancedemoji / emoji (絵文字挿入)

WPML

機械翻訳で多言語化するプラグイン。Webクリエイターボックスさんが分かりやすいのでそちらをご参照ください。

WordPressプラグイン「WPML」でブログを多言語化する

.html on PAGES

「ページ」にも.htmlを付けるプラグイン。記事には付いてるのになぜですか？みたいな事をおっしゃる方もいますので最初から付けてしまっています。

.html on PAGES

Contact Form 7

説明不要の高機能コンタクトフォーム実装プラグイン。

Contact Form 7

File Gallery

以前書いた記事なので詳細はリンク先で。アップロードした画像を一括で記事内に挿入できます。というか、WPに標準設定して欲しいですよね・・

File Gallery

Quick Notes on WP Dashboard

管理画面TOPにメモを加えるプラグインです。シンプルですし、地味に喜んでもらえます。

Quick Notes on WP Dashboard

Subscribe2 Plugin

これは使う機会が今までなかったのですが、一応記憶してるプラグインで、メルマガを配信出来るというもの。つまりまだ試してないので実際に使われているモノストックさん（素敵なデザインですねー）の記事にリンクしておきますね。

Subscribe2 Plugin

操作マニュアル

手前味噌ですみません。僕が作ったクライアントさん向けの操作マニュアルを管理画面で確認出来るようにしたプラグインです。3.0用も早く作らないと・・！

操作マニュアル

WP-Polls

サイト上でユーザーにアンケートを取れるプラグインです。これもWebクリエイターボックスさんの記事で紹介されていたのでそちらで御覧ください。ポータルサイトとか地域系サイトなんかで入れるといい感じですね。

WP-Polls

以上、クライアントさんに喜ばれそうなプラグイン集でした。他にも「これ入ってないのなんで？」みたいなお勧めプラグインがあれば教えてくださいー

この記事と合わせて読まれてる記事:

1. WordPressでWebサイトを構築するまでの手順リスト
2. WordPressの管理画面や投稿画面を使いやすくする７つのプラグイン
3. WordPressでLPOを実現するプラグイン・wp-SearchKeyword

なかなか凝った感じで、IEでも一応動いてくれるので個人的な備忘録としてエントリー。ページ全体を使用するスライド系のjQueryプラグインです。

WanderWall

元記事ではcss3とHTML5 を使っているとありますが、動作そのものはjQueryを中心に作ってあるみたいなのでIEでも一応動作はしてくれます。全く同じ動きではないですけど、応用すれば普通に使えそう。

こんな感じでスライドします。他のメニュー項目はフェードアウト。

IE6のキャプチャです。一応は動いてくれますが、css3を使っているメニューの傾きやグラデーション、ドロップシャドウ等は実装できません。

コンテンツ部分はdiv要素をスライドさせています。

<div class="page">
<div class="mantletext">
<h3>jQuery</h3>
<h2>Wanderwall 1</h2>
</div>
</div>
<div class="page">
<div class="mantletext">
<h3>jQuery</h3>
<h2>Wanderwall 2</h2>
</div>
</div>

IEで一応動いてくれれば応用して使えるのでどこかで試したいですね。以下よりデモの確認とダウンロードが出来ます。

WanderWall – A jQuery, CSS3 & HTML5 Hover-Based Interface

この記事と合わせて読まれてる記事:

1. 動きがかわいいcss3+jQueryのコンテンツスライダー・Pretty Simple Content Slider
2. コンテンツにエフェクトを掛けるjQueryプラグイン10個
3. Flashに限りなく近いコンテンツをcss3+jsで創り上げたPure CSS3 Spiderman Cartoon

なんで書いたかというと、探して出てきた方法がコアファイル触る方法だったからというだけです。ちゃんと探せばちゃんと書いてるエントリーもありそうですがあまり探していないです・・出来ればコアは触らない方がいいですしね。プラグイン使っちゃえば早いんですけどそうも行かない事情があるんだ！という方向けエントリーです。

プロフィールの項目

マルチユーザーブログでも無い限り、プロフィールすらあまり使われない印象ですが、最近WPを使ったマルチユーザーブログもちらほら見かけるので書いてみます。数行のコードで出来るのでチャレンジしてみてください。

増やす方法

functions.phpに以下のようなコードを加えて終わり。

function my_new_contactmethods( $contactmethods ) {

$contactmethods['twitter'] = 'Twitter';
$contactmethods['facebook'] = 'Facebook';

return $contactmethods;
}
add_filter('user_contactmethods','my_new_contactmethods',10,1);

「$contactmethods['コードの中に使うテキスト'] = ‘管理画面に表示されるテキスト’;」を増やせばいくつでも増やせます。例えば以下のように。

function my_new_contactmethods( $contactmethods ) {

$contactmethods['twitter'] = 'Twitter';
$contactmethods['facebook'] = 'Facebook';
$contactmethods['hatena'] = 'はてな';
$contactmethods['mixi'] = 'mixi';
$contactmethods['Flickr'] = 'Flickr';
$contactmethods['YouTube'] = 'YouTube';
$contactmethods['Tumblr'] = 'Tumblr';

return $contactmethods;
}
add_filter('user_contactmethods','my_new_contactmethods',10,1);

実装↓

unset($contactmethods['aim']);

表示させるときは

<p>投稿者の Twitter ID: <?php the_author_meta('twitter'); ?></p>

とかこんな感じ。プロフィール関連のタグはCODEXをご参照下さいませ。

この記事と合わせて読まれてる記事:

1. WordPress2.7のRSSをカスタマイズしたけど上手く行かない
2. WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ
3. WordPressのカスタムフィールドを使って画像を反映させる方法と、その画像にjQueryプラグインによるツールチップを実装する方法

そのWeb計がいつの間にかリニューアルしていて、ツールごとにタブで分けられていたのでよりノンストレスになっていましたよ。

Web計

デザインもすっきりリニューアルして見やすいです。タブはjQueryを使用。

Web計には黄金比以外にも白銀比ツールや4:3、3:2、16:9を図るツールもありますが、タブのおかげで再入力する必要もなくなりました。

凄く軽量でサクサク移動できるし、他ツールに移動しても前の入力数値は残りますので効率よく図る事が出来ますね。

数値を入れるだけ。クリックも不要でサクッと数値を出してくれますよ。

国産なのも嬉しいですね。わざわざ計算せずとも、ここを覚えておけば作業効率も上がりそうです。以下より無料でご利用になれます。

Web計。

この記事と合わせて読まれてる記事:

1. 【全部無料】 Web制作に役立つオンラインサービスやツール300+

このプラグインは、仕事を募集したり、履歴書を表示させる、というものみたいです。いわゆるマッチング系っぽい。jobberBaseのもっとシンプルな感じ。

WPCareers

まだテストしていません。なのでレビューとかではないです。このプラグインで実装したジョブボードに履歴書の掲載や仕事を募集できる、というもの。

自分に合った報酬や内容の仕事をフリーの方などが探すという感じ。

インストール

1. WPCareersをDLし、解凍
2. wp-content/plugins/内にコピー→アップロード
3. 管理画面で有効化
4. パーミッションを変更
5. いろいろセッティング

パーミッション変更フォルダは管理画面に表示されると思います。/resume/とかそのへんを書き込み許可すればいいみたいです。

機会があればちょっといじってみようと思います。フォーラム見るとエラーが出たり、まだまだ完成度が高いとは言えなさそうですが、今後に期待したい。言語ファイルはmoではなくphpで書いてるんですね。デモはここから見ることが出来ます。

この記事と合わせて読まれてる記事:

1. 「このページを友達に教える」ページを作れるWordPressプラグイン・WP-EMail
2. Postやリプライ、メッセージやFavをダッシュボードで確認、Postも可能なプラグインWordPress Dashboard Twitter
3. WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利

マークアップも簡単っぽいので備忘録としてエントリーします。

Related Posts and CSS3

サイドにサムネイル付きのバーが隠されていて、マウスを乗せることでコンテンツがスライドします。

マークアップは以下のような感じ。

<div id="rp_list" class="rp_list">
<ul>
<li>
<div>
<img src="images/1.jpg" alt=""/>
<span class="rp_title">Post Title</span>
<span class="rp_links">
<a target="_blank" href="#">Article</a>
<a target="_blank" href="#">Demo</a>
</span>
</div>
</li>
...
</ul>
<span id="rp_shuffle" class="rp_shuffle"></span>
</div>

div要素ごとスライドさせるみたいですね。応用すれば面白そう。以下よりDL出来ます。

Related Posts Slide Out Boxes with jQuery and CSS3

この記事と合わせて読まれてる記事:

1. キャプションがクロスしながら切り替わるcss3+jQueryのスライドギャラリーのサンプル
2. コンテンツにエフェクトを掛けるjQueryプラグイン10個
3. 動きがかわいいcss3+jQueryのコンテンツスライダー・Pretty Simple Content Slider

無くても困らない、というのは他にも似たようなアプリがあるので、これじゃなきゃダメ！というものでは有りません。不便にはなっちゃいますけど・・

無料、シンプル、軽量さが気に入って使っているソフトを7つご紹介。

ColorCop

以前記事にしたカラーピッカーです。ピッカーソフトもいくつか存在しますが、個人的にはこれがお勧め。やや広めな範囲で吸い取ったり、7色まで保存できたり。

ColorCop

Ditto

クリップボードマネージャー、と言える程高機能ではなく、単にコピーしたテキストの履歴を残し、コピペして使えるというもの。それだけだけど地味に便利。キャプチャも対応しています。

Ditto

Appetizer

シンプルなランチャーです。デスクトップ散らかりやすいのでせめて良く使うソフトのショートカットはここに。

Appetizer

FenrirFS

ファイルマネージャです。実ファイルを動かすので管理するファイルは限られますが、タグで管理できるのは個人的に嬉しいです。探しやすいというより、これを起動させた時に「整頓しなきゃ」って気になる。

FenrirFS

ID Manager

IDとパスワードの管理ソフトです。最も大事なパス等は印刷してドキュメント化して保管するアナログ人間ですが、単なるWebサービス等のパスやIDはこれで管理。これ使ってると、パスワードがパターン化しにくくなります。

ID Manager

FontHit Font Tools

フォント管理ソフトです。起動すれば即フォントが表示される&軽量なので使っています。

FontHit Font Tools

SimpleDiagrams

以前記事書いたモックアップ作成ソフト。Air製でサクッと使えるのでよ使っています。何より日本語が使えるのと、簡単なものならマウスのみで作成できるので気軽に使えます。

SimpleDiagrams

ToDoやタスク管理、スケジュールなんかは出先でも確認したいのでiPadで管理しています。以上、地味だけどマストな7つのソフトウェアのご紹介でした。

この記事と合わせて読まれてる記事:

1. フォント専用検索エンジン・FontHit
2. 日本語も使用可・直感で操作可能なAdobe Air製モックアップ作成ソフト・SimpleDiagrams
3. フリーフォントをDL出来るサイトいくつか