タグ tableタグ
新着順 5 users 10 users 100 users 500 users 1000 usersレスポンシブWebデザインでテーブルを使う時の小技 │ Design Spice
レスポンシブWebデザインで狭いスクリーンサイズの時にテーブルをどう見せるかは悩ましい問題のひとつです。その対応方法を幾つか調べてみました。 tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist... 続きを読む
HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css | コリス
棒グラフや折れ線グラフ、どうやって実装していますか? Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャート... 続きを読む
ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース - livedoor ディレクターブログ
2010年09月21日 10:53 ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース モバイルサイトの開発 モバイル事情 こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイト... 続きを読む
快適すぎて涙がでるっ!サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 | 和洋風◎
2011年12月25日 10:55 更新読了時間:4分 BlogBlogテクニック 快適すぎて涙がでるっ!サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 Tweet Photo by : Flickr: tz1_1zt's Photostream こんにちは。HTMLを書き始めてはや16年目・・・のするぷ( @isloop )です。 95年からネットを初... 続きを読む
HTMLメール用のレスポンシブテンプレート「Antwort」:phpspot開発日誌
Antwort | Responsive Layouts for Email HTMLメール用のレスポンシブテンプレート「Antwort」 HTMLメールを送る際に、メールクライアントに併せてレスポンシブに動くみたい。 float対応していないクライアント向けにtableタグを使う等しているところが、他のレスポンシブフレームワークと違うところ メールでのマーケティングに活用したいところですね 関連... 続きを読む
指定した画像をCSSにしてくれるジェネレータ・・・『Img to CSS』 | 100SHIKI
なんという力業w。 Img to CSSを使えば、指定した画像をCSSにむりやり変換してくれる。 しかも変換結果はtableタグを使いまくっているというものだ。 使いどころは難しそうだが、画像に見えてそうじゃない、という驚きを演出したいときにはいいかもですな(でもないか)。 Img to CSS http://www.imgtocss.com/ 画像をCSSにしてくれるジェネレータ。 管理人の独り... 続きを読む