タグ divタグ
人気順 10 users 50 users 100 users 500 users 1000 usersdivはボタンではない、ボタンの実装について知っておくべきすべてのこと
クリックできるボタンを実装するとき、HTMLの何をよく使用しますか? buttonタグ、もしくはdivタグ? divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。 Everything you didn’t know you need to know about buttons by Steve Sewell 下記は各ポイントを意訳したも... 続きを読む
[CSS]ホバー時にアイコンをくるっと回転させるCSS3アニメーションのテクニック | コリス
アイコンをマウスホバーすると、くるっと360度回転させて、ユーザーの目を引きつけるCSS3アニメーションのテクニックを紹介します。 デモページ 実装 HTML HTMLは非常にシンプルで、各ソーシャルメディアのリンクをdivタグで内包しているだけです。 <div class="spinning_icons"> <a href="http://www.twitter.com/paulund_" cl... 続きを読む
タグの閉じ忘れをチェックするブックマークレットが便利。 - バニデザノート
タグの閉じ忘れをチェックするブックマークレットを紹介します。 もう数年使わせてもらってます。 コーディングがほぼ終わった状態で、カラム落ちとか なにか表示がおかしいとき、divタグなどの閉じ忘れってよくあるのですが どのタグ周辺の閉じタグがないのかをワンクリックでチェックしてくれるものです。 使い方は簡単で、こちらのページのインストール項目の「タグ対応をチェック」というリンクをドラッグしてブックマ... 続きを読む
指定したウェブページを丸ごととりこみ、カスタマイズして保存できるサービス「BO.LT」*二十歳街道まっしぐら
BO.LT 短縮URL+ページ保存+編集 「BO.LT」は指定したウェブページのURLを短縮し、その後ページ全体を保存できるサービスです。 さらに、保存したページを自由にカスタマイズすることが可能。 HTMLの divタグで囲まれた部分をささっと削除できたり。 指定した部分に新しくリンクを貼れたり。 ウェブ魚拓というサービスがありますが、それに編集機能が加わった感じですね。 以下に使ってみた様子を... 続きを読む
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。話題なのはこのページ経済産業省 会見・スピーチ 大臣記者会見ページ自体は古め*1divの数は下のコードで数えたら309個あった。検証方法firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Ar... 続きを読む
TableとCSSいろいろ - DesignWalker
サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。 例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。 っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。 1. 16 Sortable Table Techniqu... 続きを読む
RemixのためのWEBページ構造化とDomインスペクタ:Goodpic
TidyとGreacemonkeyは、WEBページのデバックツールとして強力なFirefoxの拡張機能ですが、FireFoxには最初からDomインスペクタという機能が入っています。 Domインスペクタを使うと、WEBページのHTMLマークアップの構造をディレクトリ・ツリーのように表示して、しかもdivタグなどのエレメントを選択すると、WEBページ内で、そのエレメントがどこにあたるのか、ブラウザ画面... 続きを読む