Design

Affinity

【Affinity Photo】マスク、新規レイヤー、マスク付き新規レイヤーの違いとは?どれを選択すればいいか(Affinity Designerも)

CSS・SCSS

【CSS】グリッドシステム(grid system, display: grid;)とは何か?要素の長さや位置の調整方法を実例で解説|grid-template-columnsやgrid-template-rowsの違い

CSS・SCSS

【CSS】スタイルを適用する要素を複数指定する方法を実例で解説(2つ以上のセレクタに同じプロパティをまとめて設定する方法)

CSS・SCSS

【CSS】inputタグやaタグの後ろにつくカッコは何を意味しているのか?属性による絞り込みを実例で解説

CSS・SCSS

【CSS】最後の要素以外にスタイルを適用する方法。last-childが効かないときの対処法。

Affinity

Affinity Designerの基本操作2|外せない主要ツールの使い方のわかりやすいまとめ(Affinity Photoも同じ)

CSS・SCSS

【SCSS】セレクタの&(アンド・アンパサンド)とは何か?意味や使い方、注意点、メリットを実例で解説|入れ子・階層構造にした場合のSASS→CSSコンパイル結果(初心者向け、わかりやすい)

CSS・SCSS

【SASS】メディアクエリの便利な使い方。簡単にレスポンシブ対応する方法を実例で解説|.scss(初心者向け、わかりやすい)

CSS・SCSS

【CSS】space-between, space-around, space-evenlyの違いは何か?画像つきの実例で使い方を解説

CSS・SCSS

【SCSS】forループでパーセント%を使う方法|エラー対処法:ModuleBuildError: Module build failed SassError: Expected expression

CSS・SCSS

【CSS】align-items, align-self, align-content, justify-items, justify-self, justify-contentは何が違うのか?使い方実例(display: flexやgridの要素の位置調整まとめ・一覧)

CSS・SCSS

【CSS】grid-template-areasとgrid-area, grid-templateとは何か?違いや使い方を実例で解説|メリットや注意点、名無しのグリッド名指定方法

Affinity

【Affinity Photo】好きな形や図形で画像を透明に切り抜く方法(Affinity Designerも)