2009年8月のアーカイブ

ウェブ制作者必携！相当便利です。
CSSレイアウトで、飾りになる画像はbackground-imageとして指定することが多いです。個別に画像を切り出す場合もありますが、属に言う「CSS Sprite」と呼ばれる手法もこれです。

CSS Spriteとは？

画像を個別にスライスして個別に読み込むより、1枚の画像にして表示位置を調整して出す手法です。
個別に読み込むよりも、スライスの手間を省略・読み込み時のリクエストを1度だけで済むので、使い方によってはCSS Spriteを活用した方が速い場合があります。

Firefox3.5だとソースから画像までのリンクをたどれますが、それよりも便利なブックマークレットがあります。

ブックマークレット配布サイト：SpriteMe

他人のサイトの解析時、画像をまとめて見られるので重宝します。

導入方法

配布サイトへ行き、“SpriteMe”のリンクをブックマークバーにドラッグします。普通にブックマークしても可。

使い方

導入したブックマークレットを、解析したいサイトで実行します。

すると、背景画像で指定されている画像が一覧で出てきます。
x軸にリピートなど、属性ごとに分けられて表示されるほか、リンクして画像のみ表示・個別画像を1つの画像にまとめる機能も備えています。

Macでスクリーンショットを作成する場合、

• command + shift + 3で全画面キャプチャ（接続しているモニタ全て）
• command + shift + 4 +ドラッグで任意の矩形でウィンドウのキャプチャ
• command + shift + 4の後にスペースバー → 任意のウィンドウクリックでそのウィンドウをキャプチャ
• command + shift + 4の後にドラッグ + control → クリックで任意の矩形でクリップボードへキャプチャ

になりますが、マウスカーソルが写りません。
Photoshop等で後入れも良いですが、意外とめんどくさい。

そんなときはMac OS X純正ソフトのグラブが役に立ちます。
アプリケーションの場所：アプリケーション>ユーティリティー>グラブ

キャプチャを行うと、とりあえずクリップボードに入り、保存する形になります。
保存形式はTIFFですが、プレビューなどでjpgやpngへ変換が可能です。

環境設定

環境設定はいたってシンプルで、カーソルの種類を選ぶだけです。

取り込み

選択部分・ウインドウ・スクリーン・タイマーのいずれかから取り込み方法を選択します。

メモ。FTPしたらまずやること。ロボットの巡回依頼。

Google
http://www.google.co.jp/addurl/

YST（要Yahoo!へのログイン）
http://submit.search.yahoo.co.jp/add/request

bing
http://www.bing.com/docs/submit.aspx

Firefox + Greasemonkeyで使用するGreasemonkeyのユーザスクリプト、検索でなぜか一発で出ないので備忘録。

オフィシャルダウンロード先
http://userscripts.org/scripts/show/8551

Mac OS Xの純正カラーパネルは基本的な機能は備えていますが、あまり使い勝手はよくありません。これをプラグインでカスタマイズして便利に使う方法をご紹介。

使い方は簡単で、所定の場所にプラグインファイルをコピーするだけです。
個人的に使えるなと思ったのは、上から3つ。ぜひお試し下さい。

格納場所

全ユーザで使用する場合…　Library/ColorPickers/
個別ユーザで使用する場合…　Users/ユーザ名/Library/ColorPickers/
ColorPickersフォルダが無ければ作成します。

Hex Color Picker 1.4

選択や虫めがねでWeb カラーコードを取得します。16進表示でweb制作に必携です。クリップボードにコピーする機能もあり。
http://wafflesoftware.net/hexpicker/

Mondrianum

Adobe Kulerをカラーパネルで利用。表示はカバーフロー風。
http://www.lithoglyph.com/mondrianum/

Developer Color Picker

Panicが提供するデべロッパー向けのカラーピッカー。
http://www.panic.com/~wade/picker/

Shades

HSBベースのピッカー。同系色でのカラースキーム作成に便利そうです。
30日のトライアル版が使えます。製品は有料です。日本円で1874円。
http://www.chromaticbytes.com/shadesTour.php

Painter’s Picker

カラーホイール、こちらも有料。約20ドル。
http://www.old-jewel.com/ppicker/

PIC24G 1.1.5

カラーキューブを追加します。ドラッグして回転・ピックモードで色を拾います。
http://www.eonet.ne.jp/~imappie/Software/PG.html

dsPIC24G 2.0.0 + 1.0.7

PIC24G 1.1.5と同じようなものですが、ダブルスクリーンのカラーキューブです。
http://www.eonet.ne.jp/~imappie/Software/DS.html