IE6でボーダーとパディングを指定したまわりで変なずれ
またまたひさしぶりに手こずったIE6のバグ。Safariでも同様の現象が起こってた気がするが、後で検証してみたら再現されず、よく分からん。
ボーダーとパディングを指定したボックスを入れ子にすると、その次に続く要素が左にずれる?発生条件がイマイチ分からない。
とりあえずボーダー、パディング、意味不明なずれ、というキーワードで困ったら、このパターン。と覚えておこう。と思ったけど忘れそうなのでメモ。
解決方法は、入れ子ボックスにborder-bottomも指定すること。背景色と同じ下ボーダーを設定すれば、Firefox以外では解決。
Firefoxでは見せたくない下ボーダーが見えてしまうので
html:not([lang*=""]) #area #inner {
border-bottom: none; /* Firefox対策 */
}
として、ボーダーを消す。(本来、Firefoxでは下ボーダーなくてもOKだから。)
IE6でリストのaの下の隙間を消す
ひさしぶりにIE6のバグに遭遇。
リストの中のa要素にdisplay:blockすると、下に変な隙間ができる。margin、paddingをゼロにしてもダメ。
zoom: 1;すると消えた。
覚えておこう。と思ったけど忘れそうなのでメモ。
音楽ファイルをダウンロードするメモ
音楽ファイルのURLを
http://file2hd.com/Default.aspx
にコピペ(Firefoxで。)
I have read and agree to the Terms of Service
にチェックを入れ、「Get Files」ボタンをクリック。
↓
画面下の方にflvのファイル名が表示されるので、リンク先をダウンロードする。
これでダウンロードされるファイルはflvなので、iExtractMP3でMP3を抽出する。
Firefoxのアドオン(DownloadHelper)やOrbitも使ったけどダメだった。
動画から音声を取り出すメモ
http://javimoya.com/blog/youtube_jp.php
に動画URLをコピペ
↓
mp4でダウンロード。
↓
http://aerith.mydns.jp/bin/flv2mp3/h2642mp3.html
にmp4動画をアップロードして、音声ファイルをダウンロード。
Photoshopでテキストをどんどんコピーしたい時のショートカット
調べても出てこなかったから、おそらく誰も必要としてないTipsだとは思いますが、自分のためにメモ・・・
Photoshopで作られたデザインをコーディングしていくとき、Photoshopからテキストをコピーして持っていく
Photoshopでテキストをコピーする。Dreamweaverに移り、ペーストする。またPhotoshopに戻る。さっきコピーしたテキストが選択状態になっている。次の違うテキストをコピーしようと思うと、一度移動ツールとかに持ち替えてからまたテキストツールに持ち替えて・・・という一手間が掛かって、ちょっとした事なんだけどこれが何十回も続くと面倒に感じる。
ツールの持ち替えのショートカットもあるけど、テキストが選択されてる状態でこのショートカットを使うと、ショートカットとして認識されず文字が入力されてしまうのだ。
で、試してみて気がついた方法。
テキストを選択→コピーの後、Macの場合Command+Return(もしくはEnter)で、テキストの選択が外れてくれる。
ツールを持ち替えないでどんどんテキストをコピーできるのです。