写真集に掲載されているグラビアモデルの体型や顔がPhotoshopなどである程度いじくられ、実物以上に仕上がっているというのは有名ですが、本質的にはそういう小細工だけでなく、もっと根本的にイメージや印象を変えてしまうほどのフォトレタッチを施すというのもアリと言えばアリなわけです。 今回取り上げる「Hart-Worx」はそういったフォトレタッチや写真撮影、メディアデザインなどを専門に行っており、非常に面白いサンプルが多く展示されています。ちなみに上記写真はスライムを美女にぶっかけるという「Hart-Worx」の作り出した作品の一つです。 詳細は以下から。 Hart-Worx | Photography & Retouch（サイトの画像の一部にヌード画像が含まれているため、18歳未満は閲覧禁止になっています） http://www.hart-worx.com/ 基本的に左の画像が元の画像、右の

Tilt-shift photography is a method of photography that utilizes tilt-shift lenses to overcome the restrictions of depth of field and perspective that normal lenses provide. A tilt-shift lens allows for the rotation of the lens against the image plane (tilt), as well as the movement of the lens along the image plane (shift). By applying Scheimpflug principle, tilt-shift photography is able to obtai

FC2ブログのカスタマイズを紹介したりするこのブログですが今回はWordpressについてです。MovabletypeがめんどくさくなってFC2ブログを使ってみたものの、ほかのブログは全てWordpressを使ってます。

昨日から勉強中のYahoo Pipes。調べれば調べるほど便利で楽しいです。で、今回は複数のRSSフィードを統合してみました。とりあえずサンプルを紹介していって、ある程度理解が深まったらまとめてみたいです。 では、順を追って説明します。 【Fetch Feed】 まず、統合したいフィードを指定します。 【Sort】 記事ごとに日付の新しい順に並び替えます。 【Filter】 フィードに広告が含まれている場合はFilterで除くこともできます。「AD」や「広告」と頭に付いている場合が多いのでタイトルにこれらの文字が含まれているとこれで除かれます。 【Truncate】 そのままだと全てのフィードが表示されてしまい数が多くなってしまうのでこちらで表示する件数を指定します。

先日紹介したYahoo Pipesですが早速自分で全文表示のフィードを作ってみました。あってるかどうか分からないけどとても簡単でした。 まずFetch Feed でRSSフィードにアクセスし（今回はGoal.comのフィードで作成しました） Fecth Page でフィードのリンク先のページの<div class="C"> から </div> までを取得し、その内容をdescriptionに挿入します。 これを繰り返しRSSフィードとして吐き出す そんな流れになっていると思います。非常に簡単ですね。

先日ついにiPhoneを購入しました。色々機能がありますが、その中でもRSSリーダーはよく使いそうなので勉強してみました。そんななか便利なものを見つけました。 まず、iPhoneですが無線LAN環境ならそこそこスピードもありますが3G環境ならやっぱりスピードに問題あり。なのでできればRSSフィードは全文表示されている方がありがたい。朝フィードを取得して通勤の際に記事を見るなんてときも全文表示ならわざわざSafariを起動させる必要もない。 けど、全文表示されてるサイトなんてあまりないですよね。大手になればなるほどないです。だって、サイトに来てもらってなんぼですもんね。フィード用のアドセンスなんかもあるけど、やっぱり直接サイトで見てほしいですよね。 で、色々調べてみると便利なものがありました。

ブログやメールなどで文章を書く機会が増えている昨今、「もっと上手な文章を書きたい！」と願う人が多くいるようです。そこで、はてなブックマークで話題になった文章術に関する記事を「執筆」「推敲」「校正」に分けてご紹介します。 1.執筆 How to write Japanese precisely この記事では、「伝えたいこと」があることを「文章を書くための最低条件」とし、文章にとって最も大切なことは「正確さ」であると書かれています。そして、「1.伝えたいこと／あふれる思い」「2.正確さ／曖昧さの排除」「3.豊かさ／軽やかさ」「4.バランス感覚／素直さ」「5.内容の構成」「6.思いきり／吟味する」が順に解説されます。技術者の方によって書かれているためか、非常に論理的に解説されていて、分かりやすくまとまっています。 2.推敲 あなたの文章を（ほんの少し）綺麗に見せる九つのテクニック。 - Some

旅のお供に持っていくカメラ。心魅かれる景色を、一緒に旅する人を。記憶だけでなく、記録にも残そうとファインダーをのぞきます。そこで毎度思うこと、「もっと上手に撮れればなぁ……」。少し調べてみたところ、撮りたい被写体によって撮り方が変わるようです。写真を上手に撮りたいと願う方へ、ワンランク上の写真をうまく撮る方法をまとめてみました。GWにご活用ください。 風景を撮る 旅先で出会う新しい景色。胸が躍り、思わずカメラを構えてしまいます。しかし、一寸お待ちください。その構図でよろしいですか。 「ひとつ上の写真。」を撮るためのちょっとした8つのコツ（構図編） | POP*POP 「対象を中心に据えるのではなく、画面を3分割する線上に据える」「主体に据える対象は1つだけ」など構図を考える際に気をつけたいことが挙げられています。具体的に分かりやすくまとまっているので、とっさの撮影の際にも思い出せそうですね

WEB制作の要素の中の一つフォトギャラリー。制作しているWEBサイトのジャンルによっては、作らない場合も多いのですが、WEB制作されている方々だと作る機会も比較的多いものだと思います。今日紹介するのはそんな時に役立つFLASHで作るフォトギャラリーのチュートリアル「10 Sleek and Professional Flash Image Gallery Tutorials」です。 Papervision 3D Flash Gallery Tutorial 全部で10個のFLASHによるチュートリアルが収録されていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Build a Dynamic Flash Gallery with Slider Control スライダーで操作するフォトギャラリー、動きもなめらかです。 View Demo » ■Mac

As time goes by, CSS is becoming more and more powerful and nowadays it offers lots of possibilities to create visually stunning websites. This article is a compilation of fresh, advanced CSS tips and techniques to master your web design and front-end web development skills. Each technique features sample code snippet, demo, and explanations. Warning: Some techniques contained in this article aren

TOP  >  WebDesign  >  クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」 WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。 Cross browser inline block ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。 詳しくは以下 ■Cross browser mi

iPhoneとAndroid，そしてPalm Preなど，IT産業の新たな金脈として期待される次世代モバイル端末。特に，製品の使い勝手や特徴にかかわるユーザー・インタフェース（UI）の分野では，技術開発競争に拍車がかかる。後編では，日本でも関心が高いAndroid向けのアプリケーションや，派手な視覚効果でマルチタッチ方式への世界的関心を喚起した「Surface Computing」など，多種多様なUI関連技術を動画も交えて紹介する。それらのうち，あるものは単なる発明や一発限りの新製品に終わり，あるものは情報処理のスタイルを一変させ，その後の社会システムに深く組み込まれる。その成否を分ける要因は何かを探っていく。 前編では，iPhoneを契機とした新しいユーザー・インタフェース（UI）と情報処理のトレンドを紹介した。後編は，iPhoneに対抗するAndroidのアプリケーション開発動向から入

Firefoxを再インストールするたびにお気に入りのアドオンをまた探し出すのって、すごく面倒でしたよね。でもMozillaの公式アドオンサイトに新設された「コレクション」コーナーによってそれもだいぶラクになりました。お気に入り登録しておいたいくつかのコレクションを再インストールすればいいだけですからね。 さてここで、米Lifehackerが心を込めてまとめたアドオンコレクションをご紹介します。 入手するには、Mozillaのサイトに登録アカウントでサインインして、Lifehackerのパックを追加してください。 ついでに「コレクション」をより便利に使うための拡張ツール「アドオンコレクター」も追加しておきましょう。そうすればLifehackerが新たなるスゴいアドオンをこのパックに追加した時、あなたにお知らせがいきます。 準備はよろしいでしょうか。 それでは以下にて、ずらずらっとご紹介です。

そろそろ人前で水着を着られるようなカラダを作りたいなんて、考え始める時期ですよね。手っ取り早くおなか回りを引き締める方法としては、腹筋運動を思いつきますが、実は腹筋運動は危険みたいですよ。米lifehackerでは、Newsweekより、腹筋運動がよくない理由と、それに代わるエクササイズについての記事を紹介しています。 まず、なぜ危険なのかという話ですが、腹筋運動は背中に負担がかかるので、脊椎を痛めたり、椎間板ヘルニアの原因になったりすることがあるそうです。そもそも、腹筋の役目は背骨をまっすぐに支え、カラダの動きをサポートすることなのですが、いわゆる腹筋運動での使い方ではその役目を果たせません。腹筋を一定期間すると、確かに腹筋が割れていて引き締まっているように見えるのですが、横から見ると結構厚みのあるおなか、いわゆる『エアロビ腹』になってしまいます。 それでは、どんなエクササイズをすれば、

リスト項目のトップは「欲しいもの」。 これをリスト化していつも更新しておくとすごく便利なんだそうです。 知り合いに「何か欲しいものある？」って聞かれる機会は結構あります。毎年の誕生日やクリスマス、あるいは単に何かプレゼントしたいっていう気分の時なんかにも（ありがたいことです）。でもそういう時って大抵、何も思い浮かばないものなんですよね。 それが私が「欲しいものリスト」を作り始めたきっかけです。「これ欲しい！」と思ったものに出くわしたらいつも、それが些細な品であれ大きな買い物であれ、リストに書き加えておくようにしています。 そのリストの中のものを手に入れたり、「やっぱりいらないや」と思ったりしたら、リストから削除。簡単なことですが、このリストがあれば家族や友人に「何か欲しいものある？」と聞かれた時に「えぇと...何かステキなもの...」なんて口ごもらなくていいし、もらったプレゼントを気に入っ

はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe

ゼロから学ぶOAuth 第3回OAuth Consumerの実装（応用 : smart.fm APIおよびGoogle Data APIsの利用） 今回は、OAuth Consumerの実装の応用として、smart.fm APIとGoogle Data APIsの利用について解説します。 ruby-oauth の使い方 今後RubyでOAuth ConsumerおよびOAuth Service Providerを実装する場合は、ruby-oauthを利用することになるでしょう。第2回でruby-oauthのインストールは終わっているはずですが、まだインストールしていない人は以下を実行してください。 gem install oauth Ruby OAuth GEMのサイトにも利用方法が紹介されていますが、実際には各Service Providerが要求するパラメータがあったりするため、この通

まずは、mixiアプリを使ってみよう、作ってみよう：基礎から分かる、mixiアプリ作成入門（1）（1/3 ページ） mixiのアプリ？それって何？ 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi（ミクシィ）」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript＋XML＋HTML＋CSSで作ります（やり方によっては、Flashなども使える）。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です（参考：「mixiアプリ」8月に正式公開　販売