HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTMLの
本物の机の上で作業するような感覚が味わえる『BumpTop』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
本物の机の上で作業するような感覚が味わえる『BumpTop』 March 11th, 2007 Posted in 未分類 Write comment どこかで紹介したような気がしないでもないが、とにかくご紹介。 デスクトップをより本物の机の上のようにしようじゃないか、と考えているのがBumpTopだ。 このサイトではファイルやプログラムの管理をより直感的に行えるようなランチャー（？）を開発中である。 同サイトにはYouTubeの映像が上がっているので是非みてもらいたい。 これを使えば関連あるファイルを積み重ねていったり、今作業中のものは目立つところに配置したりといったことができる。 あたかも本当の机で書類をあちらこちらに動かしているような感覚だ。 仕事を効率よくこなすにはある程度のテンションが必要だ。そのテンションを高めてくれるような気持ちの良いインタフェースが求められている。BumpT
任天堂の近藤浩治氏、「マリオ」、「ゼルダ」のサウンドを語る。インタラクティブなゲーム音楽を作る多彩な手法
【9月29日】 NCジャパン、「エヌ・シー・ジャパンが行く! in大阪」開催 有料の付加サービス「トッピングサービス」を10月21日に実装 人類未踏の地で謎の未確認生物を追え! ディースリー・パブリッシャー、DS「THE 秘境探検隊」 セガ、プラチナゲームズとの共同プロジェクト第1弾 DS「無限航路」2009年春発売決定 スマイルラボ、WIN「Nicotto Town」正式サービス開始 スクエニとニフティが結束したカジュアルなバーチャルワールド サイバーステップ、「ゲットアンプド2」オフラインイベントを開催 会場とオンライン75人が戦うトーナメント、座談会で大きく盛り上がる セガ、「東京ゲームショウ2008」出展情報公開 昨年を上回る数のステージイベントを開催 コーエー、「東京ゲームショウ2008」出展情報 「ネットエンターテインメント フェスタ」を今年も開催 セガ、DS
第23回 「色」が持っている三つのチカラ
前回に引き続き，「色」の話をします。前回は，「色を決めるプロセス」に触れましたが，今回は色がユーザーに届いた後，どんな「効果」を発揮するのかを考えてみます。 「色」が他の要素に比べて「雄弁」になりうる場面は，少なくとも三つあります。「強調」「印象」「関連」です。言葉で長々と説明しなくても，色を有効活用することで，発信者が持っているこれら三つの意思を，暗黙的にユーザーに伝えることができます。 ▼強調 まず「強調」に注目してみましょう。 前回の安全色に関する慣れ（あるいは刷り込み）のおかげか，特定の色に対して私たちは似たような反応を示します。例えば赤色を使った「ここに注目！」という表示があれば，この部分だけが目に飛び込んで見えます。他の文字色が黒であるがゆえに，そのコントラストの差によって目立たされているのもわかると思います。 しかし，この強調するという効果を，あまりに多用すると，かえって焦点
はてブスパマーブラックリスト - 小野マトペの業務日誌(アニメ制作してない篇)
ご無沙汰です。小野マトペです。また最近は裏でゴソゴソやっていてなかなかこっちに出てこない俺ですが、ちょっとさすがに凄いものを見てしまったので、エントリ上げてみます。ブログは書かなくても一丁前にはてブだけは活発な近頃の俺なんですが、今朝はてなブックマークでSBMスパムを見たんですよ。 はてなブックマーク - ブログ アフィリエイト(メタブクマはこちら。1470.netにも出没してるらしいです。) で、前に一度見たことのあるidだったもので、ちょっと興味が出て調べてみたんですよ。彼らがどんなスクラムでスパムをしているのか知ろうと。方法は単純に、今朝見つけたスパマーがブクマしている他のエントリーでスパムっぽいユーザーを見つけて、それを辿っていくっていう感じで。最初はちょっとした気持ちだったんですけど、したら出てくる出てくる。芋づる式に。以前別のSBMスパムにちょっかい出して酷い目にあった事がある
次期Mac OS：UIを革新する『Core Animation』(1) | WIRED VISION
次期Mac OS：UIを革新する『Core Animation』(1) 2007年6月11日 IT コメント： トラックバック (0) Scott Gilbertson, Leander Kahney 2007年06月11日 ディスク「焼付け」ソフトの『Disco』は、インターフェースへの新たなアプローチを示している。ディスクを焼いている間に煙が出て、コンピューターのマイクに息を吹きかけるとデスクトップの煙が吹き飛ばされる。 米Apple社の最高経営責任者(CEO)を務めるSteve Jobs氏は、6月11日(米国時間)に同社主催の開発者会議の壇上に立つとき、Macのオペレーティング・システム(OS)のアップグレード版を少しだけ披露すると見られている。それは、30年にわたるMacのインターフェースの進化で最も大きな変化を予告するものになるかもしれない。 サンフランシスコで開催される今年の
ブログのコメントを文章の一部分につけられるAjaxシステム | 秋元@サイボウズラボ・プログラマー・ブログ
via Ajaxian Jack Slocum’s Blogで、フリーのブログシステムであるWordPressのコメント機能の面白い改造が公開されている。 そのブログに言ってみて、触ってもらうのが一番だと思うが、要はブログ本文のタイトル・パラグラフ・図などのそれぞれに対して、コメントをつけることができる、というものだ。 既にコメントがついている箇所があれば、コメントの数がブログの左側に数字で表示されている。また、左側のバーで何もないところを選ぶと、その場所にコメントを書くことができる。 また、コメントの閲覧や追加は、Ajaxによってページ遷移なしに実現されている。 実装は、Yahoo! UI ライブラリを使って、一日仕事で完了したということだ。Jack Slocum氏の書いたコードの部分も、BSDライセンスで自由に使ってくれ、と書いてあるので、Javascriptの分は流用できるだろう。
iPhoneは携帯でも音楽プレイヤーでもないし、Appleは家電屋じゃあない | fladdict
Life is Beautifulの人が出した、「アップルはいったい全体、なんでiPhoneを使って直接iTune Music Storeから購入できるようにしなかったのだろうか？」という謎々が面白かったので考えて見るテスト。 iPhoneを見たとき奇妙に思ったのが、なぜ全画面タッチスクリーンなのか？ということだった。 ・携帯電話にフラットタッチスクリーンをのせるなんて、アフォな工業デザイナーはいない。 ・Appleは、用途の為に特化したミニマルなUIをデザインする。 携帯をデザイン使用するデザイナーならば、タッチスクリーンはまず最初に却下するアイデアだと思う。なぜならば、それはメールにしろ電話をかけるにしろ、手元で感触を感じることが必須のデバイスでは戦力外のUIだからだ。 だからこそ、「タッチスクリーンは何のためにあるのか？なぜあえて選択をしたのか？」というのが、iPhoneを見極めるポ
ページ読み込み状況をグラフ化するPEAR::HTML_Progress2:phpspot開発日誌
PEAR :: Package :: HTML_Progress2 How to include a loading bar in your XHTML documents quickly and easily. ページ読み込み状況をグラフ化するPEAR::HTML_Progress2。 ページ読み込み状況をCSS+JavaScriptのXHTMLで出力できます。 サンプルプログラムは次のような感じ <?php require_once 'HTML/Progress2.php'; $pb = new HTML_Progress2(); $pb->setAnimSpeed(100); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-stri
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント:phpspot開発日誌
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント 2006年09月22日- YUI Grid Sample This is a sample of using the YUI Grid created by Jack Slocum with a twist. Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント。 次のようなウィジェットをJavaScript+CSSで実現しています。画像下部のページング部分を押すことで、ページ送りが可能になっています。 ライブラリ自体は、JSファイル、CSSファイルをダウンロードでき、レスポンスのXML形式もどのようにしたらよいか、というのが公開されているようです。 こういったインタフェースが使いたかった、という方は使ってみてはいかがでしょう :-) 関連エントリ
1000user以上のページをいち早く登録しているブックマーカー トップ20 - ブログ執筆中
以前、「多くの人がブックマークしているページを、いち早く登録しているブックマーカーはよいブックマーカーで、よいブックマーカーがいち早く登録している新規ページは良いページが多い」という仮定の下、良いページ予測サービスを運用してたんですが、あまりに人が来なくてやめてしまいました(苦笑。ただ、このいち早く登録しているブックマーカーを算出するアイディアは面白いと思ったので、ここで結果を紹介します。 ただ注意してもらいたいのは、1000user以上のブックマークのみを見て算出した結果なので、高い順位のユーザーであっても、userが少ないページを大量にブックマーカーもいると思われます。なんでもかんでもブックマークしたから、このランキングに載っている可能性もあります。この結果をどれだけ信じるかは皆さんにお任せします。ただ、僕の考えではデータ量が圧倒的に足りないと思っています。 順位 user score
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OSCON 2005 Keynote - Identity 2.0
はてなブックマークの利用者数は、頭打ちです - 悪の最新情報
リストからマップへ (SearchMapr.com) | 100SHIKI