NOTE の索引です。NOTEページに掲載している記事を内容ごとに整理しています。
Web Design
- 基本用語・技術
- Webサイト制作の手順
- サイトマップ
- ワイヤーフレーム
- サイト公開前の確認
- Visual Studio Code
- ファイルのアップロード-FTP
- GitHub
- GitHub Copilot
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イベント/条件分岐（If文）
- おみくじ clickイベント/条件分岐（If文）
- ギャラリー 配列/ForEach
- タブUI For文/関数
- 商品リスト オブジェクト
- テキスト + アニメーション WebAnimationsAPI
- ギャラリー + アニメーション WebAnimationsAPI/For文
- スクロールアニメーション Intersection Observer API
- ハンバーガーメニュー clickイベント/WebAnimationsAPI
- WebAPIを使った地図 Leaflet
- WebAPIを使った天気アプリケーション オブジェクト/非同期処理
JavaScript Plugin
jQuery
Contents Management System（WordPress）
- CMS (Contents Management System)
- WordPressの準備（スターレンタルサーバー）
- WordPressの初期設定
- WordPressの基本操作
- フルサイト編集の基本
- ブロックエディタ
- テンプレート（ブロックテーマ）
- 投稿と固定ページ
- カテゴリーとタグ
- サイト公開前の確認 WordPress編
- WordPressのバックアップ
- WordPressの引越（サーバー移転）