美しいJavascript & Flashギャラリー33選『33 Most Beautiful Javascript and Flash Galleries』 | CREAMU
DiaryTechnology 美しいJavascript & Flashギャラリー33選『33 Most Beautiful Javascript and Flash Galleries』 写真をディスプレイできるギャラリーを作りたい。 そんなあなたにおすすめなのが、『33 Most Beautiful Javascript and Flash Galleries』。美しいJavascript & Flashギャラリー33選だ。 以下にいくつかご紹介。 » LightWindow lightbox風のクールなjavascript » Spry 画像がズームイン&アウトする素晴らしいインターフェース » Imago シンプルなAJaxイメージギャラリー » Flash Photo Stack 写真の束からめくるように写真を見られるFlashテンプレート » AutoViewer 水平ライン
アップした画像にお手軽にメモがつけられる『Lynchr』 | 100SHIKI
似たようなツールがあったような気がしないでもないが、知っておいて損はなさそうなのでご紹介。 Lynchrでは画像をアップして、その画像に自由にメモをつけることができる。吹き出し風のメモなので、ピンポイントで場所を指定してコメントすることができる。 また吹き出しの大きさや方向も変えたりすることもできる。出来上がったメモ付き写真はURLで共有することも可能だ。 ただ、Lynchr上では日本語の表示にも対応はしているが、画像に変換するコマンドを使うと化けてしまうのがちょっと惜しい。 どちらにしろ、こうしたお手軽ツールは数多く知っておくとなにかと便利ですよね。
イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」
TOP > Design > イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」 写真からイラストレーターに落とし込むときは皆さんどういう風に書き出しているでしょうか、光と影をうまくつかまないとなかなかうまくいかずチープな物になってしまうことが多いです。今日紹介するのはイラストレーターで人物を書き出していくときのチュートリアル「 Beautiful Vector Illustration」です。 光と影をどうつかめば良いのか、何処の部分のライティングを押さえればうまく立体的に見えるのかなど、手順を交えて紹介してくれています。いきなりは難しいかもしれませんが、がんばれば上記のようなグラフィカルな人物を制作することができます。 詳しくは以下 写真の選び方からベクターデータのアウトラインまでと写真を交えながら詳しく説明してくれてい
Flex Image Cropping Component « Random Madness
“Madness is to think of too many things in succession too fast, or of one thing too exclusively” - Voltaire ImageCropper is a free component (licensed under the MIT License) for Adobe Flex that allows an image to be cropped by adjusting the position and dimensions of a cropping rectangle that overlays the image. The image used as the source for the ImageCropper may be provided as a BitmapData obje
料理の写真にレシピの説明を加えられるインターフェース - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
いわゆるレシピサイトのOpen Source Gourmetでは、料理の写真を貼り付けるとレシピも一緒に見られるようになっているようだ。 ↑ おいしそうな写真。右下に「View Recipe」なるボタンが。 ↑ クリックするとこのようにレシピが現れます。これはいいかも。 こういう説明付きの写真を貼り付けられる、という機能はいいですね。「貼り付け」機能がクチコミのエンジンになっている今、こうした便利なインターフェースも研究していきたいですね。 実際に動作している様子はこちらから。 » Strip Vote! » Yongfook | Web Producer and Usability Consultant based in Tokyo
Appleぽい画像ギャラリーjavascript「MooFlow」
twitter facebook hatena google pocket AppleのiTunesやCoverFlowで使用されているギャラリーに影響を受けたjavascriptです。 画像が多くなると滑らかではないですが、正直こんなのが欲しかったと思うスクリプトです。 その名も、MooFlowです。 sponsors 使用方法 MooFlowからダウンロードしたMooFlow.jsとmootools-beta-1.2b1.jsを以下のように記述します。 <script type="text/javascript" src="http://yourdomain/mootools-beta-1.2b1.js"></script> <script type="text/javascript" src="http://yourdomain/MooFlow.js"></script> さらに下記
dustyd.net - PhotoNotes (Flickr Notes)
Photo Notes - a flickr notes-esque photo annotation script Projects Home Overview Photo Notes is a JavaScript implementation of photo "annotations". Stylistically, it's based on Flickr's "Notes" feature. Under the hood, it's loosly based on the FotoNotes implementation. However, for the most part, it has been completely rewritten. Photo Notes makes no attempt to serialize the notes in an
タッチパネルで動かしてみたい、oSkope
最近、オルタナブログで中さんが「背表紙が見える書籍のネット検索」を紹介されていましたが、「書店で本を選ぶ感覚で使える検索インターフェース」という意味ではこちらも同様かもしれません： ■ oSkope visual search information aesthetics で紹介されていたサービス。APIが公開されているサイト（現在 Amazon、eBay、flickr、YouTube の4つ）と連動して、そのサイト内のコンテンツ（書籍、画像など）を検索した結果をビジュアルに表示してくれるというもの。最近この手のサービスをよく目にしますが、oSkope が面白いのは「サムネイルを自由に動かせる」という点。例えば以下は、Amazon の書籍を"Polar Bear"というキーワードで検索した結果： ヒットした書籍の表紙が、このようにアイコンとなって表示されます。そしてアイコンの上にマウスオー
超絶クールなMacスタイル写真ギャラリー「PhotoFlip」:phpspot開発日誌
Mac Style PhotoFlip Gallery This Photoshop Flash tutorial will show you how to design a cool photo gallery as seen on AppleTV website and in many Mac application (ie. iTune, iPhone). 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」。 次のような、iPhoneに搭載されているような写真ギャラリーが作れます。 PhotoFlip の動作デモはこちら ギャラリー自体は次のようなXMLファイルで初期化することが出来るので、使うのは簡単です。 サイトに設置して、訪問者を驚かせられそうなUIとして覚えておきたいですね。 関連エントリ Flashを使った超高機能クールフォトギャラリー「dfGallery」 ス
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://odyniec.net/projects/imgareaselect/
画像の特定部分にフォーカスを当ててハイライトできる「Blur Highlight」:phpspot開発日誌
http://nicora.net/projects/lightBox/default.html
Moopix - Moopix image hosting
TechCrunch | Startup and Technology News
Mixbook | Photo Books, Cards, Calendars, and Wall Art
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P
http://kengo.preston-net.com/archives/003300.shtml