web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

6日目

本日は…adobe bracketsをいれる

プラグインも10個ほど導入…以下その内容

・Code folding…dlなどが折りたためるようになる

・Brackets File icons…ファイルがアイコンで見れられるように

・Tubs -Custom Working or document toolbar…タブ表示できるように

・Brackets Boolmark…コードのスキなところにお気に入り設定

Css Lint…cssの文法チェック

・Extract for Bracketsten 

Sidebar Plus…

・Html Hint

・More css code hints

 

以上。

 

それからcssに入る。

・<div>でレイアウトしやすいようにカテゴライズしていく

 :一番大外はcontainer その中にwrapperやcontentを入れていく

 :よくある構成…上からcontainer header nav  content sidebar footer

 ※sidebarが左にある場合でも、ロボットが200行しか読まないことを考えると、コンテンツ部分を早めにコード内に記述する必要がある。よって、contentとして書いておいて、float:rightで右に移動させる

・お勧めサイト Zen garden他

・<style></style>は<head>の中に入れる

 

関連してカラーコードの作り方…

RGBは、レッド グリーン ブルーバイオレットである

・000000…16進数…ヘキサデシマル

・#000000…RGBなので、2桁3組の文字列。二文字を合わせて色相という。

:一つ目の数字は明度、二個目は彩度を表す

RGBではなく本当はHSBである…。