x-Club(解説)x-fitを通して作成したデモサイトです。タッチインターフェイスに最適化された立地なUIの動作をお試しください。会員制サイトのデモです。スマホでご覧になりたい方は下記リンクをご利用ください。スマホサイトはこちらからトップページLayouterレイアウターで段組みしています。RotateCarouselカルーセル+自動回転で特集ページのサムネイルを表示しています。Tab,Layouterサイトのサービス内容をタブで表示しています。レイアウターを組み合わせることでタブの中身を段組みにしています。Accordion各コンテンツをアコーディオンで表示しています。折りたたむことでコンテンツが縦長になるのを防止しています。RotateCarousel関連商品のサムネイルをカルーセルで表示しています。Justifyx-shoppingのフッターメニューを流用しています。x-fitタグでUIを作成しておくとタグのコピペだけで移植できるため開発効率が向上します。x-fitの画像変換機能を使って端末の幅に合わせています。機種グループによる出し分け機能を使っています。アニメーションを表現できる端末はHTML5のアニメーションを表示するアニメーションを表現できない端末は固定の画像を表示する。Switch二者択一の項目はスイッチを利用しています。CheckImageチェックイメージを利用してアプリ風のリッチな選択ボタンを表示しています。Checkチェックを利用してタッチできる範囲を広げています。Radioラジオを利用してタッチできる範囲を広げています。チェックとは違い複数選択はできません。DEMOユーザ専用ページ無償評価版のお申込みバージョンアップのお申し込みはこちらx-fitデモサイトを確認お問い合せ『x-fit』(クロスフィット)に関するご質問や、[評価版]のお申込み、[資料請求]等は以下よりお問い合せください。