株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
iOS5で搭載された新UI！UIStepper(ステッパー)の使い方 - 拡張現実ライフ
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 こんにちは。iOS5で追加された新しいAPIをいろいろと試している@akio0911です。 今回は、iOS5で新しく追加されたUI部品「UIStepper(ステッパー)」の使い方を紹介したいと思います。 UIStepper(ステッパー)とは？ iOS5で新しく追加されたUI部品です。 右側にある「ー」「＋」と書いてあるのが、ステッパーです。 ステッパーの使い方 テストアプリを作りながら、解説していきましょう。 ラベルとステッパーを配置する まず、ラベルとステッパーを画面に配置します。 これがステッパーです。 こんな感じで、ラベルとステッパーを配置します。 ラベルのアウトレットを作成する ViewControllerに、ラベルのアウトレットを作成します。 #impor
phronesis＃3：アンチ・ピンチ « Bunpei Ginza Ltd.
おおむねのフォーマットが出来たところで、文字の級数を決めることに。ところがおかしなことに、同じ大きさの文字でも、iPadで見るのと紙に印刷して見るのでは、僕には紙で印刷したものの方が大きく感じられる。透過光のスクリーンで見る方が文字は小さく感じるのです。 文字の大きさは余白とのバランスで感じ方が変ります。山に近い月は大きく、天空の月は小さく感じるのと同じで、大きな余白の中では文字は小さく、余白が少なくなると大きく感じられる。僕はipadの文字が小さく感じられるのは、黒い額縁のせいではないかと考えました。そこで紙の方にも同じ余白をくっつけて実験してみました。 ↑これが紙製iPad。写真だとわかりにくいですが光ってません。しかし、やはりipadのほうが小さく感じる。ただ、僕だけだと判断がつかないので、周りのスタッフに聞いてみたところ、紙の方ipadが小さく感じるスタッフもいました。割合は丁度、
新しい入力機器をブラウザの入力として使う場合のパターンを整理 - 最高のコンピューティング環境とは？
それぞれのパターン 同列に比較するのは微妙な物もあるが、とりあえず一覧にした。 パターン1. 機器 --> ブラウザ --> コンテンツ 説明: ブラウザの機能として機器からの入力をコンテンツで受け取る 例: DeviceMotion Event, Geolocation API, Touch Event, Device APIなど 利点: ブラウザが対応していれば、利用者側に特別なアプリが必要ない。 利点: コンテンツからDOM Eventの形で見える。w3cの仕様に定義されている場合がある 利点: ブラウザでコンテンツごとの利用の可否を設定できる場合がある 欠点: 新しいデバイスの対応には時間が掛かる パターン2. 機器 --> (アプリ) --> ブラウザの拡張 --> コンテンツ 説明: ブラウザの拡張として機器からの入力をコンテンツで受け取る 例: DepthJS, WiiRem
増井俊之の「界面潮流」 第51回 縦書き主義 | WIRED VISION
第51回 縦書き主義 2011年1月17日 ITメディアデザイン コメント： トラックバック (0) フィードITメディアデザイン （これまでの増井俊之の「界面潮流」はこちら） 日本語というシステムは面倒も多いですが、独自のメリットもあると考えられます。 一音ずつ発音を数えやすいので俳句やしりとりのような遊びができる 漢字とかなを使い分けられるので速読しやすい また、これらに加え、 縦にも横にも書くことができる という特徴は現在の日本語表記システムの大きなメリットだと思います。 縦書きも横書きもできることは情報視覚化において有利です。縦長の領域に文字列を書きたいとき、英語などの場合は90度回転してテキストを書かなければなりませんが、日本語だと縦書きすれば問題ありません。実際、横書きの書籍でも背表紙は縦書きになっています。 下の古い案内地図では、俯瞰された地形図に対して短冊型の地名が縦に表示
Nothing Insightful — JavaScript Gesture Recognition for Touch Screens
A quick post to break the drought. I’m not sure if any of you Mac users have heard of or use Anvil.app for front end development – but I love it! Coming from a .NET background, I was in no rush to edit host files, dick around in IIS etc. Anvil takes care of all that. The one tidbit I couldn’t find online anywhere was how to get HTTPS working with Anvil. A quick tweet and they put me on to Tunnels.
ブラウザでの加速度センサー付きコントローラー利用方法の選択 - 最高のコンピューティング環境とは？
加速度センサー付きコントローラーを利用したゲームを作るためのメモ 一覧 動作未確認。 Wiiリモコン(Wiimote) Firefox拡張のWiiRemoCom WiiリモコンとFirefoxをjavascriptでつなげるWiiRemoCom Firefox3対応版 - bits and bytes ブラウザ: Firefox2 or 3。要MacOSX Wiimote over HTTP ブラウザからWiiリモコン操作 ブラウザ: 制限なし ブラウザにキーを投げて通知 アプリでコントローラーの情報を通知したら、ブラウザにキーを投げて無理矢理通知する。さすがにひどすぎる ブラウザ: 制限なし WiiFlash Flashを経由してブラウザに通知をする ブラウザ: 制限なし。要Flash Android/iPhone Android/iPhoneを加速度センサー付きコントローラーとして利用
マウスジェスチャーだけで Twitter や Facebook に瞬間シェアできる Cortex | Lifehacking.jp
どれくらい速いって、この記事の表題を読み上げるよりも、ずっと速くです。 iPhone や iPad の操作感がデスクトップアプリのルック＆フィールも変えつつあることを、新しい Twitter.com のインターフェースなどを触っていると感じずにはいられないのですが、これまた直感的な UI をもった拡張機能、Cortex が登場しています。 Mashable! の記事によれば、Cortex はツイッターや Facebookに対して数秒でサイトを共有できる Chrome 拡張機能で、シェアしたいページやリンク上でマウスを１秒程度押し下げるだけでリング上のインターフェースが表示され、望みのサービスに共有することができます。 試してみたところ、まだまだサイトの認識に問題があるらしく、https で始まるサイトや、ブログの一部ではリンクに反応しないなどの不具合がありました。 でも反応が返ってくるサイ
Mac Explorer｜ OS X 10.6 Snow Leopard でメニューバーを黒に変える
デスクトップカスタマイズでメニューバーの色を変えたい、と考える方は多いと思います。 Snow Leopard 向けにはそのための手頃なツールが今までなく、自分の知る限りではソースファイルをリプレイスするという少々危険な方法くらいしかありませんでした。しかしアピアランスを変えるアプリケーション、Nocturneがバージョンアップでメニューバーのみ色を黒くするという機能も追加され、それもより簡単にできるように。 Nocturneの最新版は以下から入手を。 ダウンロードページ Nocturneを起動し設定ウィンドウを。新しく追加された【Menu bar】の項目で【Invert menu bar】にチェックを入れます。 メニューバーがこんなダークカラーに。 デスクトップカスタマイズ好きはぜひ。 【参照リンク】 ・Blacktree ・blacktree-nocturne - Project Hos
ソーシャルブラウザー(Glass) : monogocoro ものごころ
インターネット自体を、リアルタイムなソーシャルメッセージボードにしてしまうアイデア。 Firefox,Chromeユーザ限定&β公開中。 凄い。 Thanks!: The Next Web Origi … Continue reading →
404 not found
https://www.designboom.com The post 404 not found appeared first on designboom | architecture & design magazine.
Imaginary Interfaces
Imaginary Interfaces is a research project led by Sean Gustafson at the Human Computer Interaction Lab of Prof. Patrick Baudisch at Hasso Plattner Institute. Screenless mobile devices achieve maximum mobility, but at the expense of the visual feedback that is generally assumed to be necessary for spatial interaction. With Imaginary Interfaces we re-enable spatial interaction on screenless devices.
LandVolume - soundscapeout (仮)
音量を調節するための「LandVolume」。 zumuya » miscellaneous 音量の変更、スライダーの長押し or 右クリックで入力／出力装置の切り替え、最大音量の設定が可能。
Webブラウザで縦書き表示ができるJavaScript「竹取JS」公開 - MdN Design Interactive
（株）CMONOSはJavaScriptを使ってWebブラウザ上で縦書き表示ができる「竹取JS」をMITライセンスで公開した。対応ブラウザはInternet Explorer 5.5以上、Firefox 3.5以上、Safari 3.2以上、Google Chrome 3.0以上、Opera 10.5以上となっている。 「竹取JS」は、JavaScriptで指定されたブロックを縦書きに変換するツールで、Internet Explorer5.5以上に実装されている「writing-mode: tb-rl;」相当の表示を主要ブラウザで再現している。日本語、中国語、韓国語に対応しているほか、ウインドウサイズにあわせて高さを調節をするなど、JavaScriptならではの機能も用意されている。ダウンロードは特設サイトから行える。 また、同社では既存のWebサイトを縦書き表示する「竹取Web」も公開し
Plugins | jQuery Plugins
If you need a button on the edge of your browser, you might want to take a look at this jQuery plugin How to use: $("#myEdgeButton").edgeButton(); The options: buttonPrefix = Add a prefix to the classes (for multiple buttons on one page) buttonText = The text that is put in the button (can be empty if you use an image) buttonTop = Number of pixels the button is located from top buttonDirection = L
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ninjaui.com
はてなブログ | 無料ブログを作成しよう
404 not found
Engadget | Technology News & Reviews
iPadでフィジカルなプロジェクションを実現(AI Controller) : monogocoro ものごころ