HTML テーブルをナイスに扱う DataTables 〜導入編〜 - A Memorandum
DataTables とは HTML テーブルを操作する jQuery のプラグイン。 本家は以下 datatables.net 簡単な例 Microsoft の CDN でホストされているため、stylesheet と script を以下のように指定。 <head> ・・・ <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> <!-- jQuery --> <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></scri
HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | DevelopersIO
そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLやCSS、JavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味（機能）を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ！」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、本当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較
日々つれづれ 一行おきにテーブル行の色を変える その2
一行おきにテーブル行の色を変えるの続きです。 今回は複数のテーブルがあった場合に、ちょっと気になったところがあったので直してみます。 2. 複数のテーブルで使った場合 複数のテーブルが存在する場合、行数によって2個目以下のテーブルの色の付きがちぐはぐになることがあります。 表示例 品名数量ボールペン(黒)6ボールペン(赤)2付箋5ファイル10品名数量ボールペン(黒)6ボールペン(赤)2付箋5ファイル10 ･･････何だか気になります。 というわけで、テーブルごとに行数を数えてくれるものはないか、検索。 そこで見つけたのが、 nth-child() のchildセレクタです。 nth-child()は、各親要素からn番目の子要素という数え方をします。 ちなみに、even/oddとは、数え方が違うので注意が必要です。 even/oddは、0から数えて偶数と奇数に分かれます。 nth-chil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLファイルでプレゼンテーションできる「Slippy」 | Web活メモ帳
