ユーザーに分かりやすく情報を伝えるために、比較表や一覧表などの「表」はとても大事ですよね。 しかし、いまいちコードの書き方が分からず、ついつい画像で作ってしまう・・・なんてことはありませんか？ WEBデザインでの表作成は、思ったより簡単 ...

TablesorterでHTMLの表をソート(並び替え)可能にする(3ページ目) ウェブ上に掲載された表形式のデータでも、Excelなどの表計算ソフトと同様に並び替え(ソート)機能が使えると便利です。jQuery(JavaScript)で作られたTablesorterスクリプトを使えば、table要素で記述され ...

今回は、自分で作成した美しく、そしてちょっと気の利いた機能を持ったオリジナル時間割表のHTML、CSS、JavaScriptのコード ...

CSSの疑似クラスnth-childやnth-of-typeは、どちらも「何番目の要素を対象にして装飾」というスタイルを作れます。これらを使えば、CSSだけで表を縦方向に一括装飾できます。表の列をグループ化するcolgroup要素を使わなくても、nth-of-typeやnth-childを使えば対象 ...

WebサイトをiPhone/Androidに最適化するには、PCサイトとは別にスマートフォン専用サイトを用意するのがベストですが、コスト ...