はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ divタグ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 7 / 7件)
 

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

2023/02/09 このエントリーをはてなブックマークに追加 160 users Instapaper Pocket Tweet Facebook Share Evernote Clip div Button 実装 buttonタグ HTML

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

[CSS]ホバー時にアイコンをくるっと回転させるCSS3アニメーションのテクニック | コリス

2012/01/09 このエントリーをはてなブックマークに追加 88 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス www.twitter.com CSS ホバー時 実装

アイコンをマウスホバーすると、くるっと360度回転させて、ユーザーの目を引きつけるCSS3アニメーションのテクニックを紹介します。 デモページ 実装 HTML HTMLは非常にシンプルで、各ソーシャルメディアのリンクをdivタグで内包しているだけです。 <div class="spinning_icons"> <a href="http://www.twitter.com/paulund_" cl... 続きを読む

タグの閉じ忘れをチェックするブックマークレットが便利。 - バニデザノート

2011/12/04 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブックマークレット ブックマ バニデザノート コーディング

タグの閉じ忘れをチェックするブックマークレットを紹介します。 もう数年使わせてもらってます。 コーディングがほぼ終わった状態で、カラム落ちとか なにか表示がおかしいとき、divタグなどの閉じ忘れってよくあるのですが どのタグ周辺の閉じタグがないのかをワンクリックでチェックしてくれるものです。 使い方は簡単で、こちらのページのインストール項目の「タグ対応をチェック」というリンクをドラッグしてブックマ... 続きを読む

指定したウェブページを丸ごととりこみ、カスタマイズして保存できるサービス「BO.LT」*二十歳街道まっしぐら

2011/07/19 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip bo.lt ウェブページ HTML ウェブ魚拓 削除

BO.LT 短縮URL+ページ保存+編集 「BO.LT」は指定したウェブページのURLを短縮し、その後ページ全体を保存できるサービスです。 さらに、保存したページを自由にカスタマイズすることが可能。 HTMLの divタグで囲まれた部分をささっと削除できたり。 指定した部分に新しくリンクを貼れたり。 ウェブ魚拓というサービスがありますが、それに編集機能が加わった感じですね。 以下に使ってみた様子を... 続きを読む

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

2010/12/12 このエントリーをはてなブックマークに追加 468 users Instapaper Pocket Tweet Facebook Share Evernote Clip 経済産業省 可視化 Pastalablog in はてな

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

TableとCSSいろいろ - DesignWalker

2007/10/04 このエントリーをはてなブックマークに追加 788 users Instapaper Pocket Tweet Facebook Share Evernote Clip table コーディング CSS 主流 スペック表

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

RemixのためのWEBページ構造化とDomインスペクタ:Goodpic

2005/05/22 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tidy Goodpic Remix デバッグツール 構造

TidyとGreacemonkeyは、WEBページのデバックツールとして強力なFirefoxの拡張機能ですが、FireFoxには最初からDomインスペクタという機能が入っています。 Domインスペクタを使うと、WEBページのHTMLマークアップの構造をディレクトリ・ツリーのように表示して、しかもdivタグなどのエレメントを選択すると、WEBページ内で、そのエレメントがどこにあたるのか、ブラウザ画面... 続きを読む

 
(1 - 7 / 7件)