[B! テーブル] shion214のブックマーク

shion214 id:shion214

テーブルに関するshion214のブックマーク (8)

テキストやMarkdownにも対応したテーブル作成ツール・「Tables Generator」 - かちびと.net
Tables GeneratorはHTMLだけでなく、プレーンテキストやMarkdown記法、LaTeX、MediaWiki記法にも対応したテーブル作成ジェネレーターです。プレーンテキストのテーブルを作れるのはちょっと珍しいかも。HTMLはいいんですけど、テキストとMarkdownはテーブル作るの面倒なので個人的には嬉しいツールでした。 Tables Generator
shion214 2017/11/25
generator

Markdown

ブログ

テーブル

テキスト

ツール

Markdown記法
リンク
csv2tablejQuery でCSVをテーブル表示
あと、最近のブログはここ JavaScript++かも日記 Facebookの仮想通貨Libra/Diemが来春リリースらしいので久しぶりに触ってみてます Facebookの仮想通貨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSのリセット方法 Reset the CSS ( default style sheet of csv2table ) csv2tableのデフォルトCSSをリセットし、自由にCSS設定する。このページに$.csv2table.cssReset(
shion214 2014/12/26
csv

js

jquery

javascript

excel

ajax

Plugin

*jquery

table

テーブル
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
shion214 2014/09/09
js

idea

javascript

ライブラリ

テーブル

グラフ

プログラミング

データ
リンク
http://jquery-datatables.meteor.com/
shion214 2014/06/18
jquery

plugin

テーブル

develop

絞り込み

拡張

ユーザビリティ

table
リンク
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-it emなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-it em; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
shion214 2012/11/01
レスポンシブ

web制作

webデザイン

Responsive

table

テーブル

jQuery

css

display
リンク
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML　テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
shion214 2012/06/24
CSS

Webデザイン

テーブル

HTML

table

デザイン
リンク
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。最大化表示。セルの値を参照することもできます。テキストだけではなくラジオボタン等も使えます。関数も多彩に用意されています。編集しているところ。文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
shion214 2011/10/25
jquery

ソフトウェア

テーブル
リンク
[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル
IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。画像を使用しないで、角丸を実装。余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけユーザフレンドリーで、読むことが簡単。実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
shion214 2011/10/19
css3

CSS

テーブル
リンク
1