3日に書いたiPad readyの記事で紹介したNikeのサイトがヘッダーを固定していたのでてっきりiPadはiPhoneで使えなかったCSSの「position: fixed」が使えるのかなと思ったらやっぱりiPadでも「position: fixed」は使えなくて、代わりに「iScroll」というJavaScriptライブラリで実現していたと知ってびっくり。 これを使えばiPhoneでも「position: fixed」に相当するデザインを実現できそうです。デモはこちら ただしこれを使うと、逆に通常のブラウザではスクロールできなくなるので注意が必要です。上のデモもPCでは機能しません。 使い方は簡単で、JS読み込んでスクロールさせるdivにIDつけて、その親divにもIDつけてあとCSS指定するだけ。詳しくはデモのソースを見れば分かります。2つのdivの間に違う要素が入るとダメみた
■iFingerScrollを公開したあと、GmailのiPadビューのペインスクロールが自分のに比べて相当サクサクなのに気付き、どうやってんだろと思ってPCからiPadのUAを送ってソースをちょっと見てみたところ、” -webkit-transform: translate3d “をつかってdivをスクロールさせてるらしいことがわかりました。 ということでiFingerScrollもCSS Transitionでabsoluteの座標を動かすのではなく、translate3dの指定をjavaScript側の制御で動かすように再実装したところ、いい感じになりました。translate系の指定はもともとtransitionやanimation目的でGPUサポートありで実装されてるので、CSS Transition/Animationとして使わなくても速いのかもしれません(憶測)。レガシーCS
政治ったーのiPad版を作って思ったこと 政治ったー iPad専用Webアプリケーションについて 一番伝えたいことは、「作っててスゴク楽しい」ってことです。 政治ったーのiPad版は、大ざっぱに以下のような機能を備えています。据え置きで、横目で政治ツイートをチラ見できる、というのが企画の大半を占めています。手にとって、自分のアカウントからツイートしたりタイムラインを確認したりは、実はオマケ機能。 分類された各種の政治関係タイムラインを閲覧 据え置き型で、自動更新が可能 Google Newsから最新の政治ニュースを自動取得 Twitterと接続して、自分のアカウントからツイート 自分のタイムラインを簡易閲覧 HTML5とCSS3による実装への期待 先回紹介した政治ったーにせよ、個人的にiPad専用Webアプリとして最初にリスペクトしたyubichizにせよ、これからはHTML5とCSS3で
ようやく日本での発売日(5月28日)が確定したiPad。「前の晩からアップル・ストアに並ぶぞ!」と張り切っている方も多いと思うが、「発売日に入手したいけど長時間並ぶのはちょっと」と思うのであれば、もっと簡単な方法がある。 オンラインで注文するのだ(http://www.apple.com/jp/ipad/)。 米国に住む私も、こちらでの発売日(4月3日)には並ぶ覚悟でいたのだが、ちょうどその日はゴルフの約束と重なったこともあり、「発売日に届かなくてもしかたないや」ぐらいの気分でオンラインで予約をしておいたのだ。すると、発売日の5日前には中国の工場からUPSで直接「個別発送」したとの連絡が入り、ちゃんと発売日の昼には家に届いたのだ。 アップル・ストアに前日から並んでお祭り騒ぎに参加したり、テレビのインタビューを受けることを目指したりするのも決して悪くないとは思うが、単に「一日でも早く手に入れ
iPhone のステータスバーを消す方法は、info.plist を使うのがいい。 info.plist に UIStatusBarHidden という Key を追加して、Value に Boolean を選択してチェックボックスにチェックを入れます。 プログラム上から [UIApplication sharedApplication].statusBarHidden = YES; として消すことも出来ますが、常時消したい場合は info.plist を使う方がいいです。info.plist で消すとアプリ起動時に消えています。 関連する投稿 [iPhone] UIWebView の表示内容をキャプチャして UIImage を生成する [iPhone] UITableViewCell の高さを表示する内容によって変える方法 [iPhone/iPad] UIGestureRecognize
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く