画像やテキストをボックスの縦中央に揃えるJS2011.10.19ボックス内の要素を縦中央に揃えたい、ということは良くあると思いますが、CSSではなかなか実現しにくいことだったりします。(できなくはないけれど条件が厳しいとか、好ましくないタグが必要だとか)そんな縦揃えの方法の1つとして、こちらで公開されているJSがあります。tableを使わずにvertical-align:middle;を再現。ブロック要素という条件で要素を縦中央に揃えることができるようです。使用方法も詳しく説明されています。組み込む際は、<head>内に記述する下記JSを修正することも忘れずに。垂直水平位置を揃えたい画像を指定});</script>--------------------------------------------------------------------------------------------3行目で中央揃えを適用させたい要素を指定します。垂直水平位置を揃えたい画像を指定--------------------------------------------------------------------------------------------という感じで追加すればOKです。枠のサイズさえ決まっていれば使えるため、お世話になる場面は多そうです。コメント(0)PhotoshopでWeb用に書き出す場合の設定2011.10.18PhotoshopでWeb用に画像を書き出す場合、デフォルトでは、スライスの設定をしていると「images」に書き出されます。弊社では「images」ではなく「img」を使用する場合が多いため、フォルダ名を修正していました。この書き出しの際の設定が下記の手順で簡単に出来ます。「images」を「img」に変更したい場合は(2)で設定。チェックを外せばフォルダに書き出さないように出来ます。Pluginの1つとしてFancyboxがありますが、オプションを日本語でまとめているサイトが見当たらなかったので自分用に翻訳してみたものをメモしておこうと思います。訳せてないものは原文入れました。以下、すべてではないですが(おまけに空白もあります)このようなオプションがあります。表示するコンテンツがウインドウより大きい場合、この幅を確保して縮小されます。ビューポートに収まるようにスケーリングするか。'true'の場合、表示するコンテンツがウインドウより大きいと自動的に縮小します。