レスポンシブな料金テーブル「Responsive Pricing Tables Using」WEBサイトで料金について言及するページは、有料で提供するWEBサービスではよく見かけますが、今日紹介するのは、端末を選ばない、レスポンシブな料金テーブル「Responsive Pricing Tables Using」です。 上記のように、こちらは基本4カラムの料金テーブルとなっていて、ウィンドウ幅によって、横幅が縮まったり、組変わったりとレスポンシブなつくりになっています。実際の組み替え例は以下からどうぞ。 詳しきは以下 実際に実装されたデモは「Responsive Pricing Table」をご覧ください。デモの他に原文では、ソースファイルのダウンロードも行なえるようになっています。 HTMLも比較的シンプルで、ダウンロードしたソースファイルがあれば、WEB制作者であれば自由に組み替え、実装ができそうな作りとなっています。プライステーブルをレスポンシブにと考えていた方は是非どうぞ。
