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. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP