はてなブックマーク

2012/03/14 Tag : photoshop , photoshop script 複数レイヤーを指定ファイル形式で書き出してくれる、フォトショップスクリプト。 ある作業で大変助かったスクリプトなので、メモっておきます。 たくさんある画像をフォトショップですこし加工して、jpgなり、pngで書き出すという作業は、腱鞘炎との戦い。という、最悪な作業でしたが、このスクリプトを使うとある程度の作業はクリック一つで片付いちゃいます。 紹介するのは2種類のスクリプトです。大まかにいうと、トリミングするかしないかの違いです。 共通なのは、PSDに必要画像をレイヤーで重ねて用意しておくこと。 ※レイヤー名がファイル名になるので、ご注意を。スクリプトいじれば変更できますが。 レイヤーをカンパスサイズのまま、指定形式（jpg,png,psd,bmp）で書き出す。 スクリプト : ExportAllL

前回のメモ、「ページ上部にスクロールしながら戻る。」の拡張版です。 ページ内のアンカーへの移動は、一瞬で位置が切り替わることもあり迷子になる可能性がありました。なので、あまり好んで使用はしてこなかったのですが、スクロールしながら指定位置（アンカー）まで移動ができるのであれば迷子も少なくなるのではないかと思い調べてみました。 先にサンプルを見た方が早いので説明はその後にどうぞ。 Sample html <div class="menu left"> <ul> <li><a href="#0">top "#0"</a></li> <li><a href="#1">Anchor "#1"</a></li> <li><a href="#2">Anchor "#2"</a></li> <li><a href="#3">Anchor "#3"</a></li> <li><a href="#4">Anc

長いページをスクロールしているとサイドメニューなどが見えなくなるときがありますよね。その場合、他のページに移動するにはヘッダーもしくはフッダー、サイドメニューの見える位置までスクロールしないといけません。結構、嫌になるときがありますよね。。。それを解消するには、ページのどの位置にいてもメニューが見えていればいいのです。簡単ですね。そう、お気づきのとおり「 position: fixed 」です。ただ、メニューの位置を初期位置のまま固定する仕様だとデザインの幅が狭くなりますので、指定した範囲を超えたら固定にするとかにしたほうがいいですね。 スクロールについてこなくなる（位置固定になる）要素を「div.menu」とすると。 html <div id="main"> <div id="column-left"> <div class="menu"> <ul> //省略 </ul> </div>