7月の授業日記

7/4 絶対配置とwebフォント

PSアセット機能

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

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

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

z-index

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

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

webフォント

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

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

フォント埋め込み

linkタグ htmlで指定
@import cssファイルにも指定可能

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

font-family : '第一候補’、第一候補’；

今日のひとこと

Googole fonts めちゃかわ。すこ💖

サイトがどんどん自分好みになってテンション爆上げ😍

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

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

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

今日のひとこと

ポートフォリオのサイトでヘッダー部分の「portfolio」の文字がデザインビューの時は見えるのにライブビューにしたら消えた！

仕方ないので作り直しました👌

7/18 ポートフォリオサイトコーディング

サムネイルの作成

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

今日のひとこと

全部終わった！と思ったらプリントにまだ続きがあって「あ、やべ」ってなりました。

調子に乗るのは良くないですね。