2016年11月14日(月)
HTMLテーブルが直感的に簡単に生成できる「DIV TABLE」
tableタグやDIVタグを利用して制作するテーブル組、それほど難しい仕組みでは無いのですが、いざ手書きをすると時間を取られたりします。今日紹介するのはHTMLテーブルが直感的に簡単に生成できるWEBジェネレーター「DIV TABLE」です。
利用方法は非常に簡単で、tableタグで生成するかDIVタグで生成するかを選んで、あとはBorder、width、Cell Paddignを設定して、あとは欲しいテーブルサイズを選択すればタグが生成されます。
詳しくは以下
生成するとサイト下部にプレビューとコードプレビューが表示され、どちらを触っても双方に反映するようになっています。またプレビューの方にはテーブルの列や行を足したり様々な処理がアイコンでできるようになっています。
テーブルだけに特化したサービスなので派手さはありませんが、非常にシンプルで強力にテーブル組を補助してくれます。簡単にテー...
author:
Design Develop
デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOG
‹ PREV
あの3姉妹のUQダンスを見ていて気付いた、IT系のCMにはピンク・レディーの名曲が多用されているよね?!
NEXT ›
企業担当者の方必見!Twitter公式アカウントで成功する秘訣とは?
関連記事
Ads
デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOGDesign Developの記事『HTMLテーブルが直感的に簡単に生成できる「DIV TABLE」』についてまとめています。
この記事は特にアイコン・Webサービスについて書かれており、 HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のDesign Developで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとDesign Developの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。