shields-pikesのブックマーク - はてなブックマーク

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
shields-pikes 2016/07/05
役立った。
リンク
ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。
今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。いっそその時間に更新までしてしまいたかった！後の祭り。さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book
shields-pikes 2011/11/12
*fj

*web制作
リンク
jQueryを使ってiframe要素の中身にアクセスする | バシャログ。
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
shields-pikes 2010/09/26
*fj

javascript

jQuery
リンク
[使える CSS テクニック]CSSだけで実現するタブナビゲーション | バシャログ。
第 3 回目は「タブナビゲーションを CSS で実現してみよう」です。タブナビゲーションはサイトのメニューに多く使われ、ビジターに「ここはクリックできますよ」とわかりやすく伝えるためにロールオーバすることが多いです。ロールオーバに JavaScript を使用する方法もありますが、CSS ならもっとスッキリ！ 1.テキストリンクを生かしてタブナビゲーションを実現してみるテキストリンクを生かしたまま、背景に画像を表示させることでナビゲーションに見せる方法です。 [サンプル] [HTML] ソースはこんな感じになります。 <div id="tabnav-00"> <ul> <li id="menu01"><a href="#">メニュー01</a></li> <li id="menu02"><a href="#">メニュー02</a></li> <li id="menu03"><a hr
shields-pikes 2010/02/25
*web制作

*css
リンク
1