[B! iui] tarchanのブックマーク

iUIを使ってみる

<div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> <ul id="home" title="ページ一覧" selected="true"> <li><a href="#page1">ページ1</a></li> <li><a href="#page2">ページ2</a></li> <li><a href="#page3">ページ3</a></li> </ul> <ul id="page1" title="ページ1"> <li class="group">あ</li> <li><a href="#page1-1">あいうえお</a></li> <li><a href="#page1-2">あああああ</a></li> <li class="g

tarchan 2011/02/22

リンク

iUI : typeOf 'aki_mana'

付属のサンプルをfirebug のHTMLウィンドウで見れば判るのだけど、 iUIはフォーム部分とダイアログ部分とが熟成されていない。これは、JStyle Wiki をスマートフォンに対応させるために、iUIを研究しているときに気づいたことなのだけど。 ul 要素や div.panel 要素でページ構成するときに比べて実装が未熟だなと感じた。マークアップ構造に統一感を感じられなかったのだ。なので、独自にマークアップ構造＋CSSルールを加筆した記憶がある。ライブドアプロフィールを経由して、「ブログを読む限り詳しそうだから…」と持ち上げられて、相談されたので調べたのがこのエントリ。 [iphone][javascript]iPhone用サイト作成ライブラリ「iui.js」を便利に拡張する(公開日：2008-10-06)です。ここには「iuiのページにフッターを拡張するネタ」が書かれて

tarchan 2011/02/10

iui

リンク

GWTをスマートフォンでも活かす·GWT Mobile Webkit MOONGIFT

GWT Mobile WebkitはJava製、iPhone向けのオープンソース・ソフトウェア。JavaScriptを用いずにWebアプリケーションを開発するためにGoogleが開発しているGWT（Google Web Toolkit）。PC向けの開発が容易になるのはもちろんだが、最近シェアが広がりつつあるスマートフォンに対しても使えるともっと便利だろう。ストレージAPI そこで作られているのがGWT Mobile Webkitだ。特にiPhone向けを意識している。PC向けブラウザでは多数のバージョンが存在するが、iPhone向けであればSafariに限定できる。さらにHTML5にも対応しているので高度な機能を使えるようにしているのが特徴だ。現時点では3つの機能が提供されている。一つはDatabase APIだ。もう一つはストレージAPIで、最後に位置情報取得用のAPIとなっている。

tarchan 2009/11/19

リンク

Ajax: iPhone/iPod touchのURLバーを隠す - NO WONDER

iPod touchのWeb Appを作ろうとしている。その時のTipsをちょっとメモ。 iPod touchにはSafariが載っているが、普通にWebのページを表示するとURLバー(アドレスバー)が表示されている。これを隠したい（見えなくしたい）時には、スクロールしてやればいいのだが、これを簡単にどうするのか、というのがGoogleなどを検索してもすぐに見つからなかった。どうやらiPhoneDevBootCamp等で紹介されたテクニックらしいのだが、そのものズバリを簡単に書いているものが見つけられなかった。そこで、iUi.jsなどを見て理解したところを書いておく。基本的にはscrollToで1ピクセルでもスクロールさせると、勝手にURLバーはスクロールして見えなくなってくれる。もちろんそのためには縦位置ならば416px以上の領域が存在していることが必要だ。そして、onload時にsc