You are here: Home / UX Guidelines / Official Usability, User Experience & User Interface Guidelines From Companies Official Usability, User Experience & User Interface Guidelines From Companies By Justin Mifsud Guidelines are considered to be the best resource that designers and developer can use to ensure that the applications and web sites they produce are usable. Operating systems, devices, an

制作チームで共有しておくと幸せなこと - Download as a PDF or view online for free

最新の情報はアプリで見てください。インストールは以下から https://market.android.com/details?id=com.itog_lab.android.adis MODEL VERSION_SDK_INT MANUFACTURER BRAND widthPixels heightPixels xdpi ydpi density 001DL 8 Dell Inc dell 480 800 160.42105 160 1 001HT 8 HTC softbank_jp 480 800 196.64516 191.69812 1.5 003Z 8 ZTE ZTE 480 800 160.42105 160 1.5 3GW100 8 lenovo lenovo 480 800 160.42105 160 1.5 A01SH 13 SHARP EMOBILE 600 976

node.jsでObjective-Cを呼び出す 今回ご紹介するモジュールは、node.jsからObjective-Cを呼び出すためのモジュール、NodObjC ※1です。 このモジュールは動的にObjective-CのフレームワークからAPIを生成するためにBridgeSupportファイルを使用します。 この仕組はJsCocoaやRubyCocoaなど、他の一般的なObjetive-CのScripting Bridge ※2とよく似ています。 Scripting BridgeはMacOSX10.5から導入されたもので Objective-Cの文法を使いアプリケーションを操作できる仕組みです。 NodObjCは内部で、Objective-Cのランタイムとやり取りするために、node-ffi ※3というモジュールを使用しています。 このモジュールはJavaScriptで動的ライブラリをロー

こんにちは～うえじゅんです。 今回から何回かに分けてAndroidのテストフレームワークを試してみようと思います。 まずは比較的最近Googleが発表した"NativeDriver"を使ってみます。 環境構築についての詳細は以下のドキュメントを読んでください。 GettingStartedAndroid "server-standalone.jar"と"client-standalone.jar"を作成します。 svn checkout https://nativedriver.googlecode.com/svn/trunk nativedriver --username {Google account e-mail address} {}内は各自のGmailアドレスを入れてください。 SVNから取得ができたらチェックアウトとしてきたフォルダに移動してください。 cd nativedri

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

function resizeCanvas(image, canvas) { document.body.appendChild(image); canvas.width = image.offsetWidth; canvas.style.width = image.offsetWidth.toString() + "px"; canvas.height = image.offsetHeight; canvas.style.height = image.offsetHeight.toString() + "px"; document.body.removeChild(image); } function showMsg(msg) { document.getElementById("msg").innerHTML = msg; } // Canvasオブジェクトを生成 var canvas

webkitTransitionProperty MozTransitionProperty mozTransitionProperty msTransitionProperty oTransitionProperty transitionProperty をチェックする。 MozTransitionPropertyを見るのが重要。 (function(w,d,undefined){ var prop = [ 'webkitTransitionProperty', 'MozTransitionProperty', 'mozTransitionProperty', 'msTransitionProperty', 'oTransitionProperty', 'transitionProperty' ]; var p, div = d.createElement('div'), support

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

以前のブログで、ExpandableListViewの使いかたについてご紹介しました。 上記ブログでは、ExpandableListViewに表示するデータをJavaソース上に1つずつ追加していました。 しかし、もっと大きなデータを扱う場合、管理するのが大変になってしまいます。 そこで今回はExpandableListViewに表示するデータをXMLを使って管理する方法を考えていきたいと思います。 1.親と子のデータをXMLでつくる まず、valuesフォルダ内にarray.xmlファイルを作成し、<string-array>タグで作成します。 親のitemの個数ぶん、対応する子のstring-arrayを作成します。 後述するデータの取得のため、子のstring-arrayのidは"child_0, child_1, ..."など、規則的な形にしておきます。 <?xml version=

twitter facebook hatena google pocket フルスクリーンで画像を並べ、クリックすると拡大画像を表示する。 そんなのを作りたい方多いのではないでしょうか。 jmFullWall | FullZoom Portfolio with jQueryを利用すれば、簡単にこれが導入できてしまいます。 sponsors 使用方法 jmFullWall | FullZoom Portfolio with jQueryからファイル一式をダウンロードします。 <link rel="stylesheet" href="jmFullWall.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src

面白そうなアイデアが生まれそうな気がして なんとなくメモ。よくあるページめくりの エフェクトを実装するjQueryプラグインで、 iPadやiPhoneにも対応しているので個人的 にはむしろ、タッチデバイス向けに使いたい という気もしています。Android等でも使え るそうですよ。 フリック対応ならiPad用って考えてもいいかも、とか思いました。シンプルでマークアップもかなり楽です。 ちょっと分かりにくいですけどめくれてるんです。divで囲った要素ごとにめくるので画像だけでなく、テキストでも何でも出来るのが素敵。 実機でテストしましたが、確かにフリックでめくることが可能でした。が、ネイティブアプリのような軽快な動きは期待しないほうがいいですかね。スパイス的な役割として使いたいところです。それか、誰か改良して！ 一応マウスでも操作できるのでお試し下さい。Result押せばデモを確認出来ます

20111011 追記 node.jsをインストールしないと.coffee内の日本語が.jsにコンパイルされた後に欠落する問題がありました。 brew install node.js で、node.jsをインストールすることをおすすめします。 Homebrewは https://github.com/mxcl/homebrew/wiki/installation を参考に簡単にインストールできます。 もう生JSは触れない Titaniumでロジックを書いていて生JSの非力さに絶望していたところ、CoffeeScriptのことを思い出して食わず嫌いで触ってなかったので試しにCoffeeScriptを触ってみたら壮絶良かったので、もうTitaniumもCoffeeScriptで書こうと思いました。 Guardで自動コンパイル CoffeeScriptはコンパイルすることでJavaScriptの

先日、Flex 4.6 SDK と Flash Builder 4.6 が発表されました。年内にリリースされる予定ですが、すでにプレリリースプログラムの募集も開始されているので、応募した開発者はリリース前に試すことができます。今回は、Flex 4.6 SDK に追加予定のコンポーネントを少しだけ紹介します。（リリース前なので、ソースコードは割愛） spark.components.SpinnerList データを回転ドラム上にリスト表示する新しいUIコンポーネントです。 Smartphoneで見た事があるアレを再現します。Listクラス同様、ListBaseクラスを継承しているので、dataProviderプロパティにデータセットを渡してリスト表示させます。SpinnerListは、一つの回転ドラムそのものなので、通常はSpinnerListContainerクラスでネストして使うことにな