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」の紹介でした。

関連記事

  1. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  2. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  3. baffle.js

    JavaScript

    DOM要素内のテキストを難読化させて読めるようにする「baffle.js」

    baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さ…

  4. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  5. Ideal Image Slider

    JavaScript

    シンプルで動きが滑らかなスライダー「Ideal Image Slider」

    Ideal Image Sliderはレスポンシブに対応したシンプルで…

  6. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP