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の準備(Xfreeサーバー)
- WordPressの準備(スターサーバーフリー)
- WordPressのバックアップ