divはボタンではない、ボタンの実装について知っておくべきすべてのこと

2023/02/09 160 users div Button 実装 buttonタグ HTML

クリックできるボタンを実装するとき、HTMLの何をよく使用しますか？ buttonタグ、もしくはdivタグ？ divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。 Everything you didn’t know you need to know about buttons by Steve Sewell 下記は各ポイントを意訳したも... 続きを読む

divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな

2010/12/12 468 users 経済産業省 可視化 Pastalablog in はてな

はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。話題なのはこのページ経済産業省　会見・スピーチ　大臣記者会見ページ自体は古め*1divの数は下のコードで数えたら309個あった。検証方法firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Ar... 続きを読む

TableとCSSいろいろ - DesignWalker

2007/10/04 788 users table コーディング CSS 主流 スペック表

サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。 例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。 っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。 1. 16 Sortable Table Techniqu... 続きを読む