タグ

javascriptとiPadに関するkulamochiのブックマーク (3)

  • 自社サイトをiPad向けにカスタマイズしました。

    iPad用サイトを見る ※iPad以外はhttp://copain.tv/に移動します。 ページ構成 全体のページ遷移はiScroll 4を使用しました。 ページの前後移動や指定ページへのジャンプiPadのタッチスクリーンに対応したスワイプでなめらかなページ移動を実現できます。 はまった点としてはページ移動のメソッドが3種類あって、それらを混ぜて使ってしまうとページ移動が上手くいかない場合がありました。今回はmyScroll.scrollToPage()のみを使用しました。 また、ページ領域内で画像などの要素をアニメーションさせる場合、ページ領域外から要素をフェードインさせたりすると画面がガクガク震えます。おそらくページ領域を監視している部分とバッティングしてしまうのだと思います。ページの領域内でアニメーションさせるのは問題ありませんでした。 アニメーション アニメーションはCSS3アニ

    自社サイトをiPad向けにカスタマイズしました。
  • EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク

    Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は: ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が

  • iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net

    Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの?という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ

  • 1