サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
衆院選
tpl.funnythingz.com
INDEX iPhone, Android, iPad, Android3 タブレットなどのスマートフォン端末で、コンテンツをフリックできるようにするjQueryプラグインです。 ワンソース・マルチデバイス対応も考慮しているので、フリックイベントのないPCではカルーセルとして動作します。 メディアクエリ(MediaQueries)、横幅リキッドにも対応しています。 動作検証端末 Windows Mac Internet Explorer 7 以上 Firefox3.6 以上 Safari5 以上 Opera11 以上 Google Chrome iOS4.3 以上 iPhone3GS iPhone4 iPad iPad2 Android2.1 以上 Xperia (Android2.1) GalaxyS (Android2.2) NexusS (Android2.3) ※端末によっては動作
仕様 jQueryのプラグインとして開発してあります。下記のように読み込むことで簡単に実装できます。 下記はフリックのみの例です。 <html lang="ja"> <head> <link rel="stylesheet" href="/public/resources/common/css/jquery-jcflick.css" media="all" type="text/css"> <script type="text/javascript" src="/public/resources/common/js/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="/public/resources/common/js/jquery-jcflick.js"></script> <script type="t
メディアクエリー(MediaQueries)で実装した、スマフォ対応、HTML5ワンソースマルチデバイステンプレートを公開しています。iPhone、Androidにも対応したフリックJS(jcflick)も公開しています。"ワンソース・マルチデバイス" テンプレートのスタンダードを創る。 PC、スマフォ、全対応の"ワンソース・マルチデバイス"テンプレートってあまり見ないなと思い、ちょっと頑張って開発してみました。 まだバグとかあるかもなのでβ版です。バグ見つけ次第、直していきます。 ワンソース・マルチデバイスとは？ 「ワンソース・マルチデバイス」とは、1つのドキュメント(HTML)を、文書構造・内容に手を加えずに、仕様や画面サイズの異なる複数の端末毎に最適化して表示させる技術です。 CSS3のMediaQueriesを使って横幅の変化によってCSSの読み込みを変えることで、さまざまな画
"ワンソース・マルチデバイス" テンプレートのスタンダードを創る。 PC、スマフォ、全対応の"ワンソース・マルチデバイス"テンプレートってあまり見ないなと思い、ちょっと頑張って開発してみました。 まだバグとかあるかもなのでβ版です。バグ見つけ次第、直していきます。 ワンソース・マルチデバイスとは？ 「ワンソース・マルチデバイス」とは、1つのドキュメント(HTML)を、文書構造・内容に手を加えずに、仕様や画面サイズの異なる複数の端末毎に最適化して表示させる技術です。 CSS3のMediaQueriesを使って横幅の変化によってCSSの読み込みを変えることで、さまざまな画面サイズのデバイスに対応することができます。 とりあえず目標 スマートフォン、PC、タブレットなど、Web標準ブラウザを搭載するデバイスに最適な形でコンテンツを提供することを頑張る。 マルチデバイス対応案件における、開発、
このページを最初にブックマークしてみませんか？
『INDEX | funnythingz HTML5 MediaQueries Multi-Device Template.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
