7月の授業日記

PSのアセット機能

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

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

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

z-index

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

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

webフォント

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

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

フォントの埋め込み

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

font-family:'第一候補'.'第二候補';

今日の一言

絶対配置を使うとこんなにも配置が楽になるなんて、と感動しました。

bracketsで数値を指定していた時よりも格段に便利で使いやすく、DWの凄さを実感しています。

次回のポートフォリオも頑張りたいと思います。

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

• 手渡す必要がなく好きな時に見てもらえる
• コストが掛からず部数ページ数を気にせず作れる
• 最新のものにアップデートできる

今日の一言

先に画像でイメージを作っておけばレイアウトなどが簡単にできるなと思いました。

グーグルフォントを使ったサイトはより本物に近い仕上がりになるので、まだまだ機能が不安定なことが多いですが使っていきたいと思いました。ポートフォリオが完成するのが楽しみです。

サムネイルの作成

• 大きな画像を並べても閲覧しづらく読み込みにも時間がかかる
• サムネイル（小さい画像）で並べると一覧しやすい
• クリックして拡大させて大きな画像を見せる

今日の一言

操作が難しい部分もあり、少しもたついてしまいました。

まだポートフォリオの作品の解説はかけていないので、次回までに完成させておこうと思います。