Author Archive

WordPressで勝手に段落タグが入って改行されてしまうのを防ぐ方法

WordPressをCMSとしてお客さんに提供する際、
厳密にレイアウトを作るために勝手に<p>タグが入ってしまうのを防ぎたい。
改行タグを消すだけなら改行変換部分のコードをコメントアウトすれば良いだけなのですが、
お客さんにもさわってもらうため、リッチテキストエディタでの改行が反映されないといけない。
そこで、いろいろ調べて今使ってる方法がこちら。

まずは無駄な改行タグが入らないようにしてくれるプラグインを入れる
プラグインはこちら
で、お客さんにはリッチテキストエディタでの改行を反映してもらいたいので
brBrbr.phpの22,23,27行目を以下のコメントアウトすれば、改行が入る上、<p>タグが付かなくなります。

// $brbr = preg_replace(‘|<blockquote([^>]*)>|i’, “</p>\n<blockquote$1><p>”, $brbr);
// $brbr = str_replace(‘</blockquote>’, “</p></blockquote>\n<p>”, $brbr);
// $brbr=”<p>\n”.$brbr.”</p>\n”;

とりあえずこれで動かしてます。
この記事が書かれていたブログエントリーがなくなってたのであわててキャッシュから取ってきて備忘としてここに載せました。

何と綺麗な世界!宝石のように輝く、きれいで引きこまれそうな水滴の写真

いろんな水滴の表情を捉えたすばらしい写真の数々。
私たちにとっては小さな水滴でも昆虫の目線で見てみると幻想的な世界が広がります。
宝石のようなきれいで引きこまれそうな写真の数々をご覧ください。

宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真
宝石のような輝きの高画質水滴写真

思わず手を伸ばしてしまいそうな綺麗な輝き。
他にもたくさんのきれいな水滴の写真がありますのでどうぞ。
Stunning Morning Dew Photography

ナイスプロモーション!それどこの店?って思わず聞いてしまうショッピングバッグデザインの数々

ウォルマートのショッピングバッグ
買い物時に商品を入れてもらえるショッピングバッグ。
単なる持ち帰りのためじゃなくて、店側としてはそのあとカバンを持ち歩くことで勝手に宣伝してくれる効果があるので
ショッピングバッグはできるだけ一目を引くものにしておくと宣伝効果だと思います。
ブランドものやデザインのいいものは普段にも使ってもらえることも多いですね。

そんなショッピングバッグに面白いアイデアを取り入れた例を紹介します。
お店を持ってる人はぜひアイデアをショッピングバッグに取り入れてみてはどうでしょうか。

コードを利用したショッピングバッグ
紐の部分とコンセントの線がうまくつながってます。
バッグのデザインからコンセントの線がはみ出ているようなデザインに見えます。

Tシャツに早変わりのショッピングバッグ
シャツとしても使えるショッピングバッグ。
シャツとして着てもらえれば歩く広告塔になりますね。
これはかなりデザインが良くないと着てもらえないと思いますが、アイデアはいいかも。

ティーバッグのショッピングバッグ
見た目ですぐに何のお店かわかるショッピングバッグ。
商品そのものをモチーフにしたショッピングバッグは宣伝効果抜群ですね。

縄跳びのショッピングバッグ
縄跳びの縄を紐にしたショッピングバッグ。
全てデザインの一部になっていておもしろいです。

手品のショッピングバッグ
自分が店を持つならやってみたいショッピングバッグ。
下に垂れている紐はニセモノで、本当の取っ手部分はピアノ線かなにかで遠くからは見えないようになってます。
本当の紐の部分が見えないのでバッグが空中に浮いてる様に見えるあっと驚くショッピングバッグですね。

ビール瓶ショッピングバッグ
一緒にお持ちしましょうか?
そう言いたくなる重そうなショッピングバッグ。

ウェストが締まるショッピングバッグ
ウェストがきゅっと締まって、ナイスバディになるショッピングバッグ。
いろいろなデザインのバージョンがあっても面白いですね。

メッセージショッピングバッグ
いろいろなメッセージが伝えられるショッピングバッグ。
贈り物などにメッセージを入れて渡すといいですね。
これ欲しいかも。普通に使えそうです。
初めこれどうなってるのかと思ったけど、答えはこうなっています。

ハートのショッピングバッグ

セクシーなショッピングバッグ

女性が持つとセクシーなショッピングバッグ。
女性の服が透けてしまったのかと思うドキドキなバッグです。
これ、男性人に注目されるので男性をターゲットにして女性に持たせる仕組みを作れば効果ありそう。

他にもいろいろと紹介されています。
Shopping Bag Trends from Top Global Retailers & Clever Designers

なんだか絵の質が高くてステキ。最近のお気に入りサイト、ハイブリッドワークス。

ハイブリッドワークス
海外のデザインサイトで気に入ったものがあったから、そのリンクからジャンプしてみたら日本のサイトに飛んだ。
そこがハイブリッドワークスっていう会社。
サイトの中を散歩してたら、出てくる絵がどれもきれいなものばかり。
完全に気に入ってしまった・・・。
仕事はFLASH制作とかがメインなのかなあ。
きちんと調べて無いけれど、星野正樹氏はすごいクリエーターさんらしいです。
お仕事頼みたい感じ。

これは使える!かっこいいトランジション効果で写真を切り替えるjQueryスライドショー

jqueryのスライドショー

様々なトランジション効果で写真を切り替えるjQueryベースのスライドショースクリプト。
切り替えのスピードからトランジション効果の設定までオプションも充実。
自動で切り替わるので、サイトのタイトルとかちょっとしたアクセントとしてスライドを入れたいときにお勧め。
取り付け方も簡単なので、ぜひ使ってみてください。

超簡単に説明。
スライドショーにさせたい画像を次のように好きなだけ配置。

<div id="container">
	<img src="image1.jpg" alt="image 1" width="500" height="250" />
	<img src="image2.jpg" alt="image 2" width="500" height="250" />
	<img src="image3.jpg" alt="image 3" width="500" height="250" />
	.
	.
	.
</div>

あと、スクリプトをページのどこかで読み込んでください。
</body>の前にでも置けばいいでしょう。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.panelgallery-2.0.0.js"></script>
<script type="text/javascript">
$(function(){
	$('#container').panelGallery();
});
</script>

それだけでとりあえずランダムなトランジションがかかったスライドショーが出来ます。
僕はPhotoshop,Illustratorチュートリアルのブログで使ってみました。

詳しい説明は控えますが、オリジナルサイト(英語)で詳しい使い方が解説されています。
※tweet数とかはてぶの数が増えそうなら詳しい説明入れようと思います。

jQuery Panel Gallery Plugin 2.0
デモはこちら、いろいろなパターンのスライドを試せます

ちなみに日本語で紹介されているページ
50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン

変わった形のクリエイティブな建物いろいろ(クロアチア・ザグレブ)

UPI-2M

世の中には面白い建物がたくさん存在します。
クリエイティブなものは見ているだけで楽しいですね。
クロアチアザグレブを拠点とするUPI-2Mという会社が手がけた面白い形の建物をご覧ください。

クロアチアの変わった建物

クロアチアの変わった建物

クロアチアの変わった建物

クロアチアの変わった建物

他にもいくつかの建物や別の角度からの写真も紹介されています
Architect Day: UPI-2M

Category: 建物  Leave a Comment

キャラクターイラストを使ったかわいいホームページ

ホームページにオリジナリティを出したい場合はキャラクターを使えば効果的です。
キャラクターが入っているとデザインにストーリー性が入って、見ている人を引き込む力がありますよね。
かわいいキャラクターイラストを使ったかわいいホームページがたくさんあります。
絵を描ける人はぜひキャラクターをホームページに取り入れてみてはどうでしょうか。

キャラクターを使ったホームページ

キャラクターを使ったホームページ

キャラクターを使ったホームページ

キャラクターを使ったホームページ

キャラクターを使ったホームページ

こちらにはもっとたくさんのホームページが紹介されています
45 Creative Examples of Illustrated Characters in Website Design

イルカがジャンプしているきれいな夕日の写真

イルカがジャンプしているきれいな夕日の写真

え?まさか・・・視線にあわせて右回りになったり左回りになったり・・・・(視覚トリック)

左の赤い丸と右の黄色い丸を交互に見てください。
回っている丸が右回りになったり左回りになったり。
見ている丸の周りはいつも左回りですが、視点をもう一つの丸に持っていくと今まで左回りだったはずのものが右回りに・・・・
良くある視覚トリック系ですが、見事にだまされてしまいます。
ここまできれいにだまされるとただただ感心してしまいますね。

Rotating Reversals

カラーで見る第二次世界大戦の写真

ほとんどが戦争を知らない世代になった日本ですが、
過去のおおきな大戦の写真や映像は見たことがあるでしょう。
ほとんどがモノクロの世界で、別世界のような感覚で見てしまいがちです。
今では写真の色づけ技術も上がってきて映像ですら色を付けれる時代です。
カラーの写真を見るともっとその時代をリアルに感じられます。

カラーで見る第二次世界大戦の写真

カラーで見る第二次世界大戦の写真

カラーで見る第二次世界大戦の写真

カラーで見る第二次世界大戦の写真

カラーで見る第二次世界大戦の写真

カラーで見る第二次世界大戦の写真

他にもたくさんの写真が紹介されています。
WW2 in Color