アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」:phpspot開発日誌
(smt) simple mouse tracking // home ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」がなかなか興味深いです。 次のように、マウスを移動した軌跡を描画してくれ、利用者のマウスの動きを元にユーザビリティ向上に貢献できそう。 smtを使ったデモムービー集ページ mousemove イベントを使って座標をトラッキングさせてデータをサーバに保存、あとはデータを元にタイマーを使って描画するという仕組みのようで、なかなか面白いですね。 アクセスが多いとデータ量も結構なものになってきそうなので、自前でやるしかこうしたデータをちゃんと見ることは難しいのかもしれません。 このsmt は、ダウンロードしてサーバ設置型なので、遠慮なく使えますね。 関連エントリ Yahoo!のアクセス解析ツール「Yahoo! Web Analytics」 ケータイ用高機
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
【ハウツー】早速プログラミング! Google Gearsを使ったアプリを作ってみよう | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」:phpspot開発日誌
Psyrens.com Scripts - AJAX CAPTCHA AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」。 次のような、Checkボタンを押すと、画面遷移せずにCAPTCHAの値が正しいかどうかを確認するサンプルがダウンロード可能です。 CAPTCHA の値が正しければ、インプットボックスの背景が緑色に、正しくなければ赤色になります。 Ajaxで作ったフォームでどうしてもCAPTCHA を使用したいという場合に参考にできそうなサンプルですね。 関連エントリ 文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」 ねこでコメントスパムを防ぐ「Auth_Kitten」 数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 PHPで使えるCAPTCHA
Open Flash Chartで印象的なグラフを作ろう | OSDN Magazine
Web用に高品質のグラフを作るのは難しいものだが、それが簡単に作れるオープンソース・ソフトウェアがある。Open Flash Chart（OFC）だ。その名から察せられるように、OFCのコア・エンジンはAdobe Flashで書かれている。したがって、Webページを開いた人がOFCで作ったグラフを見るにはFlashプラグインが必要になる。しかし、作る側にとっては、プロ品質のグラフを最小限の労力で作ることができるという大きな利点がある。グラフの作成で苦労する部分はコア・エンジンが引き受けてくれるため、グラフの構成オプションの設定とデータ入力に専念できるからだ。 OFCを使うには、WebサーバーにPHPがインストールされている必要がある。したがって、インストールする場合は、PHPがインストールされていることを確認すること。インストールされていたら、OFCの最新版を入手し、Webサーバーのroo
CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。 なるべく CSS や JS の記述量を最小にするように努力しました。 もっとシンプルにできそうなアイディアがございましたらご教示下さい。 「無償・無保証・著作権放棄」 ですので、 このページのソースを適当にいじって自由に使って下さい。 全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。 見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。 タブの見出しをクリックするたびにサーバーを読みに行くのが 欝陶しく思えるときに、うってつけかと。 そう言えば、某サイトでは、クリックどころか、 タブの見出しにマウスカーソルを合わせるだけで、 フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) を いちいち Web サーバーへ取りに
Flex 2でアウトラインエディタを製作してみる：CodeZine
サンプルプログラムを実際に試してみる（OutlineEdit） はじめに 本稿では、Flex 2を利用してアウトラインエディタを製作してみます。アウトラインエディタとは、アイデアカードを追加して、それを並べ替えたり、フォルダに分けたりすることができるエディタです。アイデアを整理して分類分けできるので、原稿や論文の筋書きを組み立てるのに役立ちます。 筆者は過去に、Windowsで似たアプリケーションを作ったことがあり、今回、Flex 2で作り直すことにしました。Windowsのクライアントアプリケーションから、Webブラウザ上で動くFlex 2へと作り直すことにどんなメリットがあるのか、についても併せて考えてみたいと思います。対象読者Windowsアプリケーション（C#など）で作るか、Webアプリケーション（Flex 2）で作るか悩んでいる人Flex 2で何か作ってみたい人高度なUIを持つW
dzen：コマンドラインから現れるポップアップウィンドウ | OSDN Magazine
最近、dzenという便利で興味深いツールに出会った。開発者のRob Manea氏はこれを「汎用のメッセージング/通知プログラム」と説明している。基本的に、dzenは即時オンオフが可能なポップアップ式のターミナルウィンドウであり、コマンドを問わず多数のオプションが用意されている。 主要ディストリビューションのほとんどのリポジトリには、まだdzenの姿はない。今のところArch、Gentoo、Sourcemage、CRUX Linux用のパッケージが存在し、Debian不安定版については承認待ちの状態にある。その他のディストリビューションを使っている場合は、自力でインストールすればよい。プロジェクトのホームページから最新リリースのtarballを取得して展開したら、サブディレクトリ内のREADMEファイルを参照してインストールの要件とすべての構築手順を確認してほしい。 Ubuntu Feist
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
EclipseプラグインでOpenLaszlo IDEを構築する（1/3） － ＠IT
OpenLaszloアドバンスド・テクニック（1） Page 1/3 EclipseプラグインでOpenLaszlo IDEを構築する ネットエイト 小野 圭二 2006/4/4 次期バージョン（StarAnise）でFlashとAjaxの両対応を決めたオープンソース・リッチクライアント製品のOpenLaszlo。本連載では業務アプリケーションを意識したリッチクライアントの開発テクニックを紹介する。（編集部） ■はじめに OpenLaszlo（オープンラズロ）はRIA（リッチインターネットアプリケーション）を実現するオープンソースのミドルウェア・プラットフォームです。OpenLaszloの基礎知識については、＠ITの連載記事「OpenLaszloを使って作るリッチクライアント」も参照してください。 本連載では、実際にOpenLaszloを使ってアプリケーションを開発していきます。簡単なアジ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Google AJAX Feed API
Yahoo UI Library リファレンス
Google Code Archive - Long-term storage for Google Code Project Hosting.
Form Handling With the Zend_Form Proposal Implementation
◆おいしいWeb配色◆
- cream pie 生中出し 膣内射精 ザーメン大量放出 エロ動画 OpenLaszlo
Apolloポケットガイド邦訳Wiki - FrontPage
http://www.sociomedia.co.jp/glossary/fitts_law.html