ページ左側からサンプルを選ぶとGoogle AJAX APIを使った色んなコード例が出てきて、その場で編集も実行も出来る。 http://code.google.com/apis/ajax/playground/試しにこれを http://code.google.com/apis/ajax/playground/#map_streetview_object この様…

http://d.hatena.ne.jp/neuromancer_sho/20090917/1253181191 でIEに対応出来なかったのがくやしいのでやってみた。IEのバグを利用した、"_プロパティ:値"を使う。 アンダーバーが付いてるプロパティはIE以外では不要。(訂正：20100218) <style> .siki {float:left;…

javascriptを使わずに。 はてなダイアリー上だと">"記号が使えないので動かない・・・ <style> .multimenu, .multimenu ul { list-style-type: none; } .multimenu ul { display:none; } .multimenu li:hover > ul { position:relative; top:-1em; left:3em; displa</style>…

.hdiv , .adiv{ display:none; /*見えなくする*/ font-size:50px; position:absolute; top:-1em; /*位置を固定する*/ left:0px; /*位置を固定する*/ width:100%; height:2em; } a:hover{text-decoration: none;} a:hover .hdiv { /*hoverしている場合のみ見…

そんな時は、画面丸々リロードするのはシャクなので、 imgs=document.getElementsByTagName("img"); for(i=0; i

http://d.hatena.ne.jp/neuromancer_sho/20091109/1257759022 でちょろっと書いた件。 divに対してwidthとpaddingを設定するとブラウザ間で違いが出てしまう。 <style> .box1 {width:20em; padding:2em; margin:1em; background:red;} .box2 {width:10em; padding:2</style>…

このブログをIEで見るとタイトル部分の幅が狭くなってしまう原因が分かった。 IE以外だと width + padding = 実際の幅になるのに対して、IEだとpaddingがいくつであっても width = 実際の幅 になる。 どうやら、はてな側のスタイルシートではこの違いを吸収…

chromeにはfirefoxのfirebugのパクリみたいなのが標準装備されている。最近はIE8にも似たようなのが搭載されたり。 はてなのデザインの改良なんかに凄く重宝しているので、その使い方などを紹介。(もちろん普通のwebサイトでもOK） 改良したい部分（又はその…

このブログのアクセス解析をさせてみた。その解析能力にびっくり。ドメイン単位だけじゃなく、ページ単位のreferrerが欲しい場合は http://d.hatena.ne.jp/sotarok/20070627/1182959279 を参考に設定すればOK。 これがあればはてなの有料カウンターは要らな…

tableタグで頑張るよりもちょっとだけスマートな方法を発見。ある程度普通の字がでかくないと無理。IE以外なら多分OK。 <style> .siki {float:left; padding-top:0.3em} .bunsu {float:left; font-size:0.3em;} .bunsu div {text-align:center} .bunsu hr {margin:0</style>…

preタグはデフォルトでは改行が無いところで勝手に改行されないはず。なのにダイアリー内だと改行されてしまう。ので、原因を調査した。ソースコードなどを載せるとき、1行が長い部分で勝手に改行されると読みにくい。なのでスタイルシートに pre { overflow…

perlの自作アップローダを作って便利に使っていたところ、ハッキングにあったのでその時のメモ。最初はディレクトリ制限無しのCGIを作成し、それから徐々にアップグレードして制限をつけていった。これが失敗だった。しばらく快適に使っていると、あるフォル…