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

PSのアセット効果

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

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

  • 書きだしファイル名、最適化拡張子

z-index

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

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

webフォント

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

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

フォントの埋め込み

linkタグ HTMLで指定
＠inport CSSファイルにも指定可能

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

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

今日の一言

今日はフォントを変えたことでよりオリジナティのあるサイトに仕上げることができたので嬉しいです。

 

 

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

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

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

今回はなんとか追いつくことができました。portfolioの文字を配置するのが難しかったです。

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

 

サムネイルの作成

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

Photoshopでレイアウトしてからプログラミングするのが苦手というのがわかりました。難しいですね。