HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css | コリス

2021/03/22 602 users コリス table フレームワーク アクセシブル CSS

棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャート... 続きを読む

レスポンシブWebデザインでテーブルを使う時の小技 │ Design Spice

2012/11/01 877 users Design Spice レスポンシブWebデザイン 小技

レスポンシブWebデザインで狭いスクリーンサイズの時にテーブルをどう見せるかは悩ましい問題のひとつです。その対応方法を幾つか調べてみました。 tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist... 続きを読む

快適すぎて涙がでるっ！サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 | 和洋風◎

2011/12/25 128 users Flickr Photostream isloop HTML

2011年12月25日 10:55 更新読了時間:4分 BlogBlogテクニック 快適すぎて涙がでるっ！サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 Tweet Photo by : Flickr: tz1_1zt's Photostream こんにちは。HTMLを書き始めてはや16年目・・・のするぷ（ @isloop ）です。 95年からネットを初... 続きを読む

ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース - livedoor ディレクターブログ

2010/09/21 536 users ケータイサイト プチペット livedoor モバイルサイト

2010年09月21日 10:53 ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース モバイルサイトの開発 モバイル事情 こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイト... 続きを読む