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

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

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

はてな記法で遊んでみよう！アスキーアートとbookmark記法に挑戦！ - マネー報道 MoneyReport

2014/03/29 23 users MoneyReport 数学 表組み 2014-03-29

2014-03-29 はてな記法で遊んでみよう！アスキーアートとbookmark記法に挑戦！ ブログ運営 はてな記法って非常に便利 先日、書いた記事で「はてな記法」を使うとTABLEタグが非常に簡単に書けたり、数学の式やウクレレ譜面が簡単に書ける事をご紹介させて頂きました。 はてな記法を使うと表組み(TABLEタグ)が簡単にできたり、ウクレレ譜面が書けたりします(^^)v はてなダイアリー時代から... 続きを読む

はてな記法を使うと表組み(TABLEタグ)が簡単にできたり、ウクレレ譜面が書けたりします(^^)v - マネー報道 MoneyReport

2014/03/27 20 users MoneyReport ポメラDM100 はてな記法モード

2014-03-27 はてな記法を使うと表組み(TABLEタグ)が簡単にできたり、ウクレレ譜面が書けたりします(^^)v ブログ運営 はてな記法について改めて調べなおしてみた 昨日の記事で、記事を素早く書きたいなら「はてな記法モード」で書いたら良いですよ～、とご紹介させて頂きました。記事書き速度を早くしたいなら「はてな記法」を使うべし！あとはポメラDM100もある程度は、はてな記法を使いながら記事... 続きを読む

はてな記法モードで改行の自動挿入を見直し、付加すべきない箇所ではbr要素を挿入しないようにしました - はてなブログ開発ブログ

2013/09/25 24 users 改行 挙動 scriptタグ styleタグ HTML

2013-09-25 はてな記法モードで改行の自動挿入を見直し、付加すべきない箇所ではbr要素を挿入しないようにしました 機能変更 本日、はてなブログで「はてな記法」モードを利用している場合、改行（br要素）を自動挿入する挙動を変更し、tableタグやscriptタグ、styleタグなどHTMLのブロック要素を直接記述している場合に、本来ならbr要素を付加すべきではない箇所では、br要素を挿入しな... 続きを読む

HTMLメール用のレスポンシブテンプレート「Antwort」:phpspot開発日誌

2013/03/22 63 users メールクライアント float レスポンシブフレームワーク

Antwort | Responsive Layouts for Email HTMLメール用のレスポンシブテンプレート「Antwort」 HTMLメールを送る際に、メールクライアントに併せてレスポンシブに動くみたい。 float対応していないクライアント向けにtableタグを使う等しているところが、他のレスポンシブフレームワークと違うところ メールでのマーケティングに活用したいところですね 関連... 続きを読む

レスポンシブ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... 続きを読む

iPhoneからもゴリゴリTableタグ付きのブログを書けるぞ！「MobTabGen」の本気の出し方教えます！ | 和洋風◎

2011/12/26 14 users iPhone isloop BlogBlogテクニック 作者

2011年12月26日 12:46 更新読了時間:2分 BlogBlogテクニック iPhoneからもゴリゴリTableタグ付きのブログを書けるぞ！「MobTabGen」の本気の出し方教えます！ Tweet どうも。昨日からTableタグがまったく怖くなくなった、するぷ（ @isloop ）です。 やはり「MobTabGen」のスーパー便利さは、みんなも僕と同じように感じてくれてるようで、作者じゃ... 続きを読む

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

2011/12/25 128 users Flickr isloop Photostream HTML

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

指定した画像をCSSにしてくれるジェネレータ・・・『Img to CSS』 | 100SHIKI

2011/05/13 62 users ジェネレータ CSS 100SHIKI http 使いどころ

なんという力業ｗ。 Img to CSSを使えば、指定した画像をCSSにむりやり変換してくれる。 しかも変換結果はtableタグを使いまくっているというものだ。 使いどころは難しそうだが、画像に見えてそうじゃない、という驚きを演出したいときにはいいかもですな（でもないか）。 Img to CSS http://www.imgtocss.com/ 画像をCSSにしてくれるジェネレータ。 管理人の独り... 続きを読む

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

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

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

携帯フルブラウザの可能性を考えてみた：ITpro

2005/04/19 12 users 横幅 ITpro レイアウト エラー ブラウザ

最近，“携帯フルブラウザ”というキーワードをよく目にするようになった。パソコン用にカスタマイズされたWebページが表示できる，携帯電話機向けのブラウザのことである。 「パソコン用にカスタマイズしたページ」とは，例えばtableタグを使って横幅を固定して全体のレイアウトが崩れないようにしているWebページである。これを普通の携帯ブラウザで表示しようとするとエラーになるが，携帯フルブラウザは，そうした... 続きを読む