NOTE の索引です。NOTEページに掲載している記事を内容ごとに整理しています。
Web Design
HTML
CSS
- CSSの基本
- background
- text/font
- list-style
- box model (width/height/margin/padding/border)
- :link/:visited/:hover/:active 疑似クラス
- transition
- ::before/::after 疑似要素
- レイアウト1（flex）
- レイアウト2（position）
- レイアウト3（grid）
- レスポンシブデザイン
- レスポンシブデザイン（ハンバーガーメニュー）
JavaScript
- JavaScriptの体験1
- JavaScriptの体験2
- JavaScriptを書くための準備
- JavaScriptでWebページを操作する DOM/イベント
- カラーピッカー inputイベント
- カラーピッカー2 条件分岐（If文）/データ型/演算子
- ローディングアニメーション loadイベント
- 配色の切り替え clickイベント
- ギャラリー 配列/ForEach
- テキスト + アニメーション WebAnimationsAPI
- ギャラリー + アニメーション WebAnimationsAPI/For文
- スクロールアニメーション Intersection Observer API
- ハンバーガーメニュー clickイベント/WebAnimationsAPI
- WebAPIを使った地図 Leaflet
JavaScript Plugin
jQuery
CMS
- CMS (Contents Management System)
- WordPressの基本操作
- WordPressの準備（スターレンタルサーバー）
- 投稿と固定ページ
- カテゴリーとタグ
- サイト公開前の確認 WordPress編
- WordPressのバックアップ
- WordPressの引越（サーバー移転）