CSS・SCSS Design
CSS・SCSS CSS・SCSS 【SASS】mixin(ミクシン)とは何か？メリットや使い方を実例で解説｜引数ありとなし、初期値の指定、@content, @include, Error: Missing argument $ (.scss, 初心者向け、わかりやすい)
Affinity 【Affinity Desinger】背景透明の画像の透明部分を好きな色で塗りつぶす方法
CSS・SCSS 【CSS】display: flexで上下左右中央揃えや、右寄せなど要素毎に配置を変更する方法｜フレックスボックス(flexbox)全体や親要素の縦横配置指定の実例
CSS・SCSS 【CSS】::first-letterとは何か？メリットや使い方を実例で解説｜テキストの最初の1文字目(書き出し)のみのスタイルを簡単に変更する方法（初心者向け、わかりやすい）
CSS・SCSS SASS(サス)とは何か？sassなのになぜ拡張子が.scssなのか？.sassと.scssの違いや意味を実例で解説
CSS・SCSS 【CSS】セレクタのタグ名の真後ろの.（ドット）の意味は何か？スタイルを適用する要素をクラス名で絞り込む方法（スペースを空けないクラス名の指定）｜#との違い
Affinity 【Affinity Photo】写真や画像の輪郭、鼻、あごを細くする方法を実例画像で解説｜ゆがみペルソナツール＆前に押し出しツールの使い方と修正方法（初心者向け、わかりやすい）
CSS・SCSS 【CSS】セレクタの記号の意味は何か？>(大なり・不等号)、*(アスタリスク)、＋(プラス)、,(カンマ)、.(ドット)、半角スペース(空白)の違いや使い方を実例で解説｜スタイルの絞り込みや指定方法一覧まとめ
CSS・SCSS 【CSS】画像のアスペクト比を保つ簡単な方法｜aspect-ratioの使い方
Affinity 【Affinity Photo】ぼかし・モザイクを入れる方法を実例画像で解説｜四角や自由選択でぼかす（わかりやすい、初心者向け）
Affinity 【Affinity Photo】画像や写真の広い範囲を部分的に消す方法｜インペインティングブラシツールで一部を上手く消せない時の対処法を実例で解説
Affinity 【Affinity Designer】メニューが消えた！？左カラムや右カラム、ツールバーを表示してデフォルトの状態に戻す方法
CSS・SCSS 【CSS】display: gridのgap(ギャップ)とは何か？要素間の隙間を調整する方法を実例で解説｜行間や列の間の設定(row-gap, column-gapとの違い)
Affinity 【Affinity Photo】修復ブラシツールとは何か？使い方を実例画像で分かりやすく解説｜傷や汚れを消す＆自然にコピーする方法
CSS・SCSS 【SASS】変数の使い方を実例で解説｜map-getとは何か？プロパティ名や処理の一部で変数を呼び出す方法（.scss, #{ }, オブジェクト形式キー,値で定義する方法）
CSS・SCSS @importで指定したファイルパス冒頭の@とは何か？｜SASS(scss)内の@import “~@activeadmin/activeadmin/src/scss/の意味
CSS・SCSS 【簡単・CSS】inputタグで動く下線を作る方法その２｜一つのタグのみで作成する方法。
CSS・SCSS 【CSS】aタグ リンクのクリック前後でスタイルを変える方法｜:linkと:visitedとは何か？使い方や注意点を実例で解説。フォントサイズ(font-size)や背景色(background)が変わらない時の対処法（初心者向け、わかりやすい）
CSS・SCSS 【SCSS】長さや幅の値の割り算と掛け算が上手くいかないときの対処法を実例で解説（計算が正しくコンパイルできない）｜ERROR in child compilations, SassError: px*px isn’t a valid CSS value.
CSS・SCSS 【CSS・SASS】FLOCSS(フロックス)とは何か？命名規則やディレクトリ構造を実例で解説（初心者向け、わかりやすく解説）
CSS・SCSS 【SASS】@useと@forwardとは何か？違いやメリット、使い方を実例で解説。asで名前空間を変更する方法, as * , with, 変数の値を上書きする方法(.scss)｜（初心者向け、わかりやすい）
CSS・SCSS 【CSS・SCSS】レビューや評価の星のレーティングを作成する方法を実例で解説｜自由に調整可能な5段階評価のスター（0.1や0.5刻みも可能,10段階, 50段階）
CSS・SCSS 【CSS】::before, ::afterとは何か？違いや使い方、メリット、注意点を実例で解説｜画像のサイズ調整ができない場合の対処法、beforeの要素を上に出す方法、CSSのみで簡単にモーダルを作る方法
CSS・SCSS 【CSS】メディアクエリ(@media)とは何か？使い方を実例で解説｜.cssファイルやlinkタグでの画面幅以上・以下の指定（初心者向け、わかりやすい）
CSS・SCSS 【簡単解説・CSS】inputタグで動く下線を作る方法その１｜divタグと作る方法。（JavaScriptやjQueryは使わない）
Affinity 【Affinity Photo】背景画像の一部を簡単にコピーして複製する方法｜選択・指定した図形(四角,矩形,丸,フリーハンド)を部分的に塗りつぶす。コピーできない注意点と対処法
Affinity 【Affinity Photo】画像やテキストを反転させる方法
Affinity 【画像で解説】自分で作成すれば無料。Affinity Photoでスマホの気に入った写真から証明写真を作る方法
CSS・SCSS