スワイプしてタブを切り替えることが出来る。縦長のモバイルウェブを操作する上で、このスワイプはとても便利で快適である。 タッチデバイスではないpcでは、タブのテキストなどをクリック、またはタブをドラッグすることで同様の動作を可能にする。 スマートフォンやタブレットでのスワイプ・フリック動作を取得する方法を紹介します．指の動作で送ったり，戻したりするスライドショーを始めとする，スマートフォン・タブレット用のWebサイト構築には必須とも言える処理になります． スワイプとは、スマホで指でなぞる動きです。例えば右から左スワイプでページ切り替え、上から下へなぞると続きを読み込むなどの処理があります。 今回は縦・横スワイプでイベントを判断する機会があ …

Onsen UIのカルーセルを使って、スワイプで切り替えるタブを作ってみました。 サンプルコード タブとカルーセル部分はng-repeatで表示するようにしています。 HTML CSS JavaScript タブとコンテンツ部分の内容はjsonから取得するようにしています。 belongData.json スライダーとかを実装するならプラグインを使ったほうが絶対に完成度が高いしラクなのでが、いかんせんプラグインの使い方がよくわからない（小声）なのでプラグインなしで超簡単なスライダーを作ってみました。タブをクリックするとパネルが左右にスワイプし


jQuery カルーセル; jQuery スワイプできるカルーセルスライド; jQuery 要素のスライド; タブ切り替え [4] jQuery タブ（横）シンプル版; jQuery タブ（横・縦） VueJS タブ切り替え; JS URLのハッシュ値をUIに活用する; クッキー [3] jQuery クッキーに保存; JS cookie書き込み お疲れさまです、デザイナーのモモコです。 今回は要素を切り替える際にかっこいいアニメーション表現がつけられるプラグイン、スクリプトを6つご紹介します。 数あるプラグインの中でも実装が難しくない、デザイナーにも優しい仕様のものを選びました。