7月の授業日記

07/04 絶対配置とwebフォント

psのアセット機能

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

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

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

z-index

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


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

webフォント

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

  • ファイルの重さに注意(日本語重い)

フォントの埋め込み

linkタグ

htmlで指定

@import

CSSファイルにも指定可能

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

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

07/11 ポートフォリオサイト

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

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

今日の一言

頑張りました。

7/18 ポートフォリオサイトレイアウト

サムネの作成

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