[必須サイズ]
・16×16（Windows XP以前必須）
・32×32（Windows XP以前必須）
・48×48（Windows XP以前必須）
・152×152（iOS7以降のiPad Retina、旧OSは144×144とのこと）
※iPhone Retinaの114×114は、152×152の自動縮小で対応するので不要

[作成作業の流れ]
→素材はIllustratorの.aiファイルから得る

→画像が荒れないようにアウトライン化データファイルからパス情報を拾う

→Fireworks＞ファイル＞新規作成
　キャンバスカラー：透明
　幅、高さを任意で決める

→パス情報をペースト

→手作業で修正

→png32を選択して書き出し
　16.png
　32.png
　48.png
　152.png

→以下、ファビコン作成サイトを利用する
http://ao-system.net/alphaicon/index.php
http://ao-system.net/favicon/

[参考]
http://blog.excite.co.jp/spdesign/19798730/
http://www.tam-tam.co.jp/tipsnote/html_css/post1937.html
http://www.nda.co.jp/memo/iconscale/
http://memo.goodpatch.co/2013/03/mac-win-ios-android-app-icns-size/
http://liginc.co.jp/designer/archives/7300
http://www.hp-stylelink.com/news/2014/02/20140213.php

[Web検索キーワード]
favicon png 透過
favicon サイズ OR 解像度 Android OR iPhone OR iPad
favicon サイズ 16 32 48

HTML/CSS

[HTML/CSS]HTML内にスタイルシートを記述する方法

2015年10月7日 yellow

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">
<!--
p.sample {
	color: #00CCFF
}
-->
</style>
</head>
<body>
<p class="sample">サンプルテキスト。サンプルテキスト。サンプルテキスト。</p>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>無題ドキュメント</title>

<!--

p.sample {

color: #00CCFF

}

-->

</style>

</head>

<body>

<p class="sample">サンプルテキスト。サンプルテキスト。サンプルテキスト。</p>

</body>

</html>

HTML/CSS

[HTML/CSS]スタイルシート記述の優先度について

2015年10月7日 yellow

優先度順（上の記述が最も優先される）
・HTML内にスタイルシートを記述して!important付加
・外部CSSにスタイルシートを記述して!important付加
・HTML内にスタイルシートを記述
・外部CSSにスタイルシートを記述

Mac, Photoshop

[Mac]Photoshop（*.psdファイル）のテキスト原稿が、文字ツールで選択コピーできない時の対処方法

2015年10月7日 yellow

レイヤーアイコンに「T」マークのないテキスト原稿は、Photoshopの「横書き文字ツール」ではテキスト選択できない為、Illustratorの「文字ツール」で選択コピーする

[操作手順]
→Photoshopで*.psdファイルを開く

→テキスト原稿のレイヤーを表示、選択して、左端の小さいアイコンをダブルクリックする

→「コンテンツ編集後に、「ファイル／保存」を選択して変更を確定します。変更したコンテンツは xxxxxxxx.psd に戻ると反映されます。ファイルは同じ場所に保存する必要があります。別名で保存ダイアログが表示された場合は、「キャンセル」を選択し保存する前に画像を統合します。」のダイアログが表示されるのでOKを押して進む

→Illustratorが起動してテキスト原稿箇所が表示される

→Illustratorの「文字ツール」でテキスト原稿を選択コピーする

[確認環境]
Mac OS X 10.9 Mavericks
Photoshop CS4 11.0
Illustrator CS4 14.0

Photoshop