2010年7月第3週号　1位は、時間の節約になるWeb制作関連ツール 12+1、気になるネタは、iPad人気で新ビジネス　本のスキャン代行、違法？

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年7月12日～7月18日の間に見つけた記事のベスト5です。

Web制作の際に、知っておくと時間短縮になりそうな便利ツールをまとめた記事です。先週紹介した「Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選」と似た企画ですね。

オリジナルのPhotoshopテンプレートも配布してくれています。それ以外はWebサービスの紹介で、それぞれの使い方を簡単に説明してあります。

クライアントの環境を勝手に調査してメールするサービスというのは面白いですし、とても役に立ちそうですね。

ワイヤーフレーム作成のツールとしてmockingbirdが紹介されていますが、ほかにも多数あるワイヤーフレーム作成ツールをまとめた「10 Free Wireframing Tools for Designers」という記事も参考になると思います。

960 Grid Systemの解説と関連サイトの紹介です。

960 Grid Systemを使う上でのポイントがまとめてあったので、意訳してみました。

12カラム版を使う場合はcontainer_12、16カラム版はcontainer_16というクラスを付けた領域で全体を囲む
grid_1、grid_2、grid_3…といったクラスを使って領域を作る。数字は何カラム使った幅かをあらわす。12カラム版の時は足して12、16カラム版の場合は16になるように水平方向に領域を並べる
push、pullというクラスを使って領域を左右に移動できる。これを利用してマークアップの順番にとらわれずに配置を換えることができる
prefix、suffixというクラスを使って空白のカラムを作ることができる
alpha、omegaというクラスを使って、入れ子にした領域のマージンを調整できる

問題のないHTMLメールの作り方を、非常に丁寧にイチから解説してあります。

Webデザインをやっている人でも、HTMLメールの作り方はよく分からないという人も多いんじゃないでしょうか。そういう人のためといえる記事です。

メーラーのCSSへの対応は進んでいるものの解釈にはバラつきがあるということで、昔ながらのテーブルレイアウトで作成するのが確実ということです。いまさらではありますが、昔格闘したテーブルレイアウトのノウハウが活かされることもあるのかも…。

ナビゲーションメニューに使われているアイコンのショーケースです。

ホームは家の形、コンタクトやフォーラムはフキダシの形など、パターンを知るのにも役立ちそうですね。

CSSの理解を深める解説記事を10個紹介しています。派手なテクニックではなく、知っておくとよりCSSを使いこなせそうな知識を学べるものが中心です。

そのほか先週の記事から、Webデザイン関連の電子書籍に関する話題を紹介します。

9 More Useful and Free Downloadable Web Design Books - Speckyboy Design Magazine
無料でダウンロードできるWebデザイン関連の本を紹介しています。
たった600円でオライリー本をiPadやKindleで読む。すてき。 - このブログは証明できない。
iPhone版のオライリー本からepubファイルを取り出して、iPadやKindleで読む方法の解説です。

先週の気になるWebサービス

TwiTraqは、ツイッターの自分の発言に対するほかのユーザーの反応（RT やコメント）を自動的に収集し、解析する無料のサービスです。フォロワー／フォローしている人の解析もできます。

任意のキーワードやハッシュタグを登録しておき、そのキーワード／ハッシュタグに関する分析をウォッチすることもできるようです。

「UserHeat」や「なかのひと」といった解析ツールでおなじみの、ユーザーローカルが提供いています。

iPad効果で本の断裁・スキャニングを代行するサービスが人気だそうです。しかし、これに対し違法性が高いとの指摘も出ているようで、今後問題になりそうです。

個人が自分の買った本を自分でスキャンすることは許されているそうですが、それを配布してしまうとアウトですよね。会社で買った本をスキャンして共有するのも、やっぱりダメなんでしょうか。iPadに入れて回し読みするのはOKですよね？

スティーブ・ジョブズは、iPadはゲームチェンジャー（試合の流れを一気に変えてしまう選手）だと言ったそうですが、まさにいろんなところに影響を与えはじめているようですね。