HTML/CSSの使い方

HTMLの基本

• HTML5の基本形（レスポンシブ対応）
• metaタグにnoindexを指定するための書き方

CSSの基本

• CSS - フォントサイズを指定する font-size
• CSSのurl()関数でURL(URI)を指定する方法

画像

• 画像や文字を中央表示させる（プロセスを紹介）

ボックス

• ボックスを重ねて表示する方法
• ボックスの内側に影をつけて立体感を出す

フォーム

• シンプル・簡単にtextareaのサイズを指定する方法
• セレクトボックスを一覧形式で表示する方法

レイアウト

• グローバルメニューの項目を増やした時に複数行表示
• テーブルのレスポンシブ対応：スマホでセルを縦表示

その他

• タブの表示幅（サイズ）を指定する「tab-size」
• 開閉メニューをdetailsタグで(javascript、css不要)
• 疑似要素のcontentプロパティに特殊文字を指定する
• ツールチップをHTMLの属性だけで表示させる
• inline-block に隙間が出来る理由と消す方法
• inline-block 指定時に黒丸マークを付ける方法

Sass

• SassのコメントをCSSファイルに残す、残さない方法
• Sassなのに拡張子が「.scss」の理由

Emmet

• Emmet - 連番生成機能でかしこく時短

Bootstrap4

• jumbotronクラスの角丸をなくす方法
• メニュークリック時に開いたままのメニューを閉じる
• 文字サイズを小さくしたり、大きくしたりする方法
• 「Bootstrap4」のおすすめ本：これ一冊で十分
• 画像スライダー（カルーセル）のサンプルコード
• クラス一覧（アルファベット順）
• containerクラスの定義（設定）部分を見てみる
• GoogleMapを埋め込む方法（レスポンシブ対応）
• 画像の上に文字を重ねる方法