no-image

JavaScript

スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

Mobile-Friendly Tableはスマホなどのモバイルに最適なテーブルを実装できるのが特徴です。jQueryが使われています。レスポンシブに対応し、パソコンからスマホまで様々なデバイスで見やすいテーブルを実装できます。

Mobile-Friendly Table

Mobile-Friendly Table

デモではパソコンから閲覧すると一般的なテーブルレイアウトになっていますが、ブラウザ幅を縮小していくとモバイルに最適なレイアウトに切り替わります。

Company、Location、Descriptionと横に並べられた情報が縦になり、スマホのような画面が狭いデバイスでも見やすいレイアウトになります。

モバイル版になったからといって得られる情報が少なくなるといったこともなく、パソコンとモバイル両方で共通した情報を得られるのがいいですね。

テーブルを多用するサイトで、スマホでもパソコンでも最適なレイアウトでテーブルをユーザーに見せたい人は、ぜひ「Mobile-Friendly Table」をチェックしてみてください。

というわけで、レスポンシブに対応したモバイルフレンドリーなテーブルを実装できる「Mobile-Friendly Table」の紹介でした。

CardTabsミニマルで超軽量・シンプルなタブを実装できるjQueryプラグイン「CardTabs」前のページ

アニメーション付きのサークルプログレスバー「Radial Progress Bars」次のページRadial Progress Bars

関連記事

  1. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  2. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  3. Tooltipster

    JavaScript

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラグイン「Tooltipster…

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラ…

  4. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  5. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  6. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP