PSのアセット機能

psdファイルからレイヤー毎の最適化ファイルを自動でかき出してくれる機能

アセット使用時のレイヤー名

• 書き出しファイル名,最適化拡張子

z-index

絶対配置では重なるので前後関係が発生しのちに記述したものが上

z-index：で数値が多いものを上にできる

webフォント

フォントファイルを埋め込めば環境に依存せずフォントが指定できる

• ファイルの重たさに注意（日本語重い）

フォントの埋め込み

CSSフォントファミリー指定

font-family:'第一候補',第一候補';

ポートフォリオをwebで作るメリット

• 手渡す必要がなくなる


• コストが掛からず部数ページ数気にせず作れる


• 最新のものにアップデートできる

サムネイル作成

• 大きな画像を並べても閲覧しづらく読み込みにも時間がかかる


• サムネイル（小さい画像）で並べると一覧しやすい


• クリックして拡大させて大きな画像を見せる