トップ | puarts.com
ロゴ
「HTML」に関連する記事一覧
0  

レスポンシブデザインの小さいサンプル

ブログの記事一覧をレスポンシブデザインに変更したくて、ひとまず、CSS3 の Flexbox を使って、以下を実現できないか試してみたところ、かなり簡単に実現できましたので、実行結果とできるだけ最小になるように不要な要素を削ったソースを掲載します。

  • 画面が600pxより大きい幅ならボックスが横並び折り返しありで整列する
  • 画面が600px以下ならリスト形式で整列する

テーブル列の動的表示オンオフの画像

HTML のテーブル(<Table> 要素)の列の表示をチェックボックスの切り替えで動的にオン、オフする方法をメモしておきます。

ソート可能な表って簡単に作れないものかと思い探してみたら List.js で簡単にできたのでメモしておきます。List.js の Table サンプル を参考にソート可能な表を作成したらとても簡単に作れました。

0  

0.0242 sec
にほんブログ村 ゲームブログ ファイアーエムブレムへ にほんブログ村 デザインブログ コンピュータグラフィックスへ

Copyright(C)2006-2018 wsp All Rights Reserved