サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err
With all the cool things that surround JavaScript (especially with jQuery), it’s easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all are dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they groundbreaking. What they do offer is CSS solutions to what would trad
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
前の記事 『iPad』、各紙の先行レビューまとめ 最新の腕時計11選：画像ギャラリー 次の記事 iPadの本質は「透明なデバイス」(動画) 2010年4月 2日 IT コメント： トラックバック (0) フィードIT Dylan F. Tweney Photo: Jonathan Snyder/Wired.com 米Apple社『iPad』について、各紙の先行レビューが出始めた(日本語版記事)。これらのレビューは概して、私が2カ月前にプレス・イベントで体験したことに感じたことと共通する。このタブレット機には何か、根本的に異なるものがあるのだ。 その違いは、この言葉に要約できるだろう。「iPadは消える」ということだ。 iPadとは、基本的にはスクリーンそのものだ。ホーム・ボタンのほか、側面にいくつかのボタンがあるものの、iPadを使っているときにボタンに注意が向くことはあまりない。 iPa
AppleInsiderによると，iPhone OS 4.0ではマルチタスクがサポートされて，インターフェースはExposéに近いものになるそうです． ただ，ExposéといってもiPhone OSのアプリ自体はマルチウインドウを持たないので，元ネタの見出しにも “Iconic Exposé” と書いてあるようにMac OS Xの “Command + Tab” 機能に似たようなものになるとも書かれています． 参考になりそうなのはGizmodoが指摘していた次の動画． HTC Desireの “Helicopter View” について説明した動画で，実際に操作してるのは1:00前後のところ． ピンチすることによってExposéライクなアプリ選択画面になります． その状態でウインドウを選択するとアプリがズームされる仕組み． ジェスチャーとしてピンチを割り当てると，アプリ自体がピンチ操作を必
「Google Readerは便利そうだが設定が面倒」というユーザー向けに、労せずして話題のニュースやブログを閲覧できる「Google Reader Play」がGoogle Labsから登場した。 米Googleは3月10日、ニュースリーダー「Google Reader」の“お手軽版”、「Google Reader Play」をGoogle Labsで公開したと発表した。 Google Readerと大きく異なるのは、視覚化されたユーザーインタフェースだ。コンテンツの概要を表示するメイン画面と、お勧めの記事のサムネイルを並べたサブ画面の2画面構造になっており、コンテンツに画像や動画が含まれている場合、それらが自動的にサムネイルとして表示される。スライドショーボタンをクリックすると、メイン画面に次々とコンテンツが表示される。 Google Reader Playが表示するコンテンツはGoo
ミネベアは3月2日、東レの新素材フィルムを用い、静電容量式タッチパネルと加重センサーを組み合わせた入力インタフェース「COOL LEAF」を開発、その第一弾としてキーボードとリモコン、電卓を製品化したと発表した。デザインは大阪大学大学院教授の川崎和男氏が手がけた。 COOL LEAFは、80層のフィルム（PET）をフラットトップに重ね、可視光線の波長（約400～700nm）を遮断することで鏡面を作り出し、1枚の板に導光板式バックライトの文字を浮かび上がらせるユニークなデザインが特徴だ。キートップの凹凸が排除され、完全な防滴性能を備えているため、表面を拭くだけで清掃できるというメリットがある。川崎氏は「これまでのキーボードとは違い、アルコールと中性洗剤で表面に付着したバクテリアや血液を除去できたるため、非常に清潔だ」と説明し、医療現場などでの活用にも期待する。なお、試作機は2.4GHzの無線
表計算ソフトが持つ基本機能だけで実現する「Excelプロトタイピング」についての解説書。「ストーリーボード」「ワイヤフレーム」「インタラクティブプロトタイプ」の作成方法について、Excelによるプロトタイピングの入門的な知識から応用テクニックまで豊富な実例を使って解説します。プロトタイピングでの重要な概念を解説するとともにそれを実現するための具体的な手順も各章で紹介しています。デザインやユーザーエクスペリエンスを共有することでアプリケーション開発はもっと効率よくなります。日本語版では、本書で得たノウハウを、iPhoneやiPadなどの携帯端末用アプリケーションのUIプロトタイピングに生かすためのヒントについて、安藤幸央氏に寄稿いただきました。 本書で使用しているファイル（原著者のサイト。サンプルファイルのダウンロードには本書に掲載されている「ユーザー名」と「パスワード」が必要）。 安藤幸央
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
2010年01月28日09:00 カテゴリiTech 「手作り」 - Apple iPad 「なにこのiPod Fat」 と、この写真を見て感じた人も少なくないのではないだろうか。 そして実況中継を見ていた人は、もっと強くそれを感じたのではないだろうか。 私もそう感じた。 このビデオを見るまでは。 スリムなiPhoneと比べて、なんて横幅が広いんだろう。 枠ぎりぎりまで画面があるiPhoneと比べて、なんてふちが広いんだろう。 手のひらに収まるiPhoneと比べて、なんてうすらでかいんだろう。 正直、かっこわるくね? 実はこれ、iPadの「真の姿」ではないのだ。 そこにあなたの手が加わって、はじめてiPadはiPadとなる。 Jobのプレゼンでピンとこなかったのは、そこに人の手がなかったからだ。スクリーンにはiPadが大写し。大写しはいいけど、おかげで実際にどれくらいの大きさがどれくらいか
Chromium ProjectsのWebサイトでChrome OSベースのタブレットのユーザーインターフェイス(UI)コンセプトが公開された。水平方向でソフトウエア・キーボードを表示した状態では、Appleが1月27日(米国時間)に発表した「iPad」に似ているが、Chrome OSタブレットのUIコンセプトの画像やビデオは1月25日(同)に公開されていた。ChromeのUIデザイナであるGlen Murphy氏がツィートしたことで、約1週間遅れで広く知られるところとなった。 Chrome OSベースのタブレットのUIコンセプト Chromium OSのWebサイトでは、タブレット、ネットブック、ノートブック、デスクトップ、ディスプレイなどのフォームファクタごとのUIの違いが公開されていた。タブレットについては、タッチUIベースでフルスクリーン/タブ切替に限定されたスマートフォンに近いU
NECは、11月5日に開幕したプライベートショー「C＆Cユーザーフォーラム＆iEXPO2009」（東京・国際フォーラム、6日まで）で、ブラザー工業の眼鏡型網膜走査ディスプレイを採用した業務システム「Tele Scouter」（テレスカウター）を参考出展している。眼鏡型ディスプレイを実際に装着し、使用感を試すこともできる。 網膜ディスプレイは、目に入れても安全な明るさの光を網膜に当て、その光を高速に動かすことによる残像効果を利用し、網膜に映像を投影する技術。NECのシステムは、ブラザー工業が開発中の眼鏡型ディスプレイを採用。来年11月から出荷する予定で、工場や倉庫の現場支援用途や、コンテンツ配信などへの展開も進めていく考えだ。 デモでは、顔認識システムと組み合わせて顧客情報を表示したり、翻訳技術と組み合わせた自動翻訳システムを体験できる。顔認識システムと組み合わせたデモでは、WebカメラとP
teehanlax.com expired on 09/09/2022 and is pending renewal or deletion.
ちょっと前の話になってしまいますがACMのInteractionsという雑誌に、Yahooのインタラクションデザイナーによる、新しいYahoo! Mailのインタラクションデザインについての記事（"A look into the interaction design of the new Yahoo! mail...: and the pros and cons of AJAX"）が載っていました。 曰く、Webアプリケーションに新しいデザインモデルを導入するにあたって重要な点の一つは、どこからどこまでデスクトップアプリケーションの作法を取って来て、どこからどこまでWebの作法を借りてくるか？ということ。新しいYahoo! Mailの初期バージョンは今の形とは全く異なる見た目で、メッセージを読み書きするのに子ウィンドウを使ったりして、伝統的なデスクトップアプリケーションにもっと似せたつくり
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」 2010年01月08日- jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」。 ページの上部にアニメーションされながら表示されるあの通知バーです。 時間がたつとアニメーションしながらスマートに消えてくれます。ページデザインがどんなものであろうと影響を受けません。 色を変えて、エラーモードにしてみたり、成功モードにしてみたり自由にできます。 実装は超簡単で、次のように初期化するだけです。 $(function () { $.notifyBar({ html: "メッセージ", delay: 2000, // 表示するミリ秒数 animationSpeed: "norm
1.Esspresso Price:€59.95 Webオーサリングツール。CssEditで有名なMacRabbit製品。Workspaceに作業しているファイルを放り込むことで、さくさく修正できます。 2.Coda Price:$99 Webオーサリングツール。transmitで有名なPanic製品。Esspressoに比べ歴史があります。 3.Delicious Library 2 Price:$40 蔵書管理ソフト。蔵書に限らずiSightでバーコードを読み込む事により、本、DVD、ゲーム、なんでも整理する事が出来るところが素敵です。 4.Things Price:$49.95 GTDソフト。 基本である収集→処理→整理→レビュー→実行のプロセスを実行するのに集中出来るシンプルさが◎。 5.times Price:$30 RSSリーダー。購読RSSをまるで新聞の用に表示してくれます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
