[B! *webデザイン][テーブル] beth321のブックマーク

beth321 id:beth321

*webデザインとテーブルに関するbeth321のブックマーク (3)

HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
»　Introducing Tablecloth テーブルクロスを導入する。この記事がWEB関連のなかで話題になっていました。はて・・テーブルクロス・・・。何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。なんとも素敵な響きだなと思った人はデモを見てみましょう。 »　デモはこちらテーブルによって大量のデータを出力するときには便利な機能ですね。
beth321 2013/11/26
*javascript

javascript

css

WEBデザイン

html

table

webdesign

tips

*webデザイン

テーブル
リンク
テーブルやリストを使用した価格表のデザイン集
プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。 40 Fantastic Pricing Tables for Your Inspiration 価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。上記サイトでは、シンプルなテーブルからフューチャーリストなど優れた手段で価格表を提供しているサイトが多数紹介されています。その中から、下記にいくつかピックアップしました。傾向としては、ページ幅いっぱいに配置し、お勧めを目立つようにしています。
beth321 2013/08/06
*webデザイン

Webデザイン

css

テーブル

デザイン

design

料金表

web

WebDesign

table
リンク
[使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。
第 6 回目は「CSSを使った見栄えの良い表組み（table）」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。本来の「複数のデータを表示･比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
beth321 2012/09/11
css

*webデザイン

*CSS

table

CSS

WEBデザイン

HTML

Tips

Web制作

テーブル
リンク
1