Design

記事内に広告が含まれていることがあります。
CSS・SCSS

【CSS】アニメーションを簡単に設定する方法|WOW(wow.js)とは何か?使い方やメリットを実例で解説。animation.cssとの違い(使えるアニメーションや追加処理の一覧)

CSS・SCSS

【CSS】frとは何か?frとautoの違いや%との違い、メリットを実例で解説|1fr, 2fr, 3fr, 4frや先頭の行や列のみ固定し、他を画面幅に追従させる方法

Affinity

【Affinity Designer】文字・テキストの間隔を調整する方法。カーニング・トラッキングはどこで設定する?(Affinity Photo)

CSS・SCSS

【CSS】セレクタの+(プラス)の意味は何か?使い方や注意点を実例で解説|隣接・隣り合うタグを指定する方法(初心者向け、わかりやすい)

CSS・SCSS

【CSS】レスポンシブ作成の考え方と作成方法|flexをどの要素に適用するのか?画面幅に合わせて横並び・縦並びを切り替える(初心者向け、わかりやすい)

Design

【CSS】箇条書きやリストで先頭に空白を空けて改行する方法|text-indentの使い方

CSS・SCSS

【CSS】セレクタで配下の要素や直下の要素を指定する方法を実例で解説(タグの中の指定した要素や全ての要素にスタイルを適用する方法)

CSS・SCSS

【CSS】BEMとは何か?Block(ブロック), Element(エレメント), Modifier(モデファイヤ)の意味や使い方を実例で解説

Affinity

Affinity Designerの基本操作3|図形の色の選択方法~カラーホイールの使い方やRGB16進数での指定など~(Affinity Photoも同じ)

CSS・SCSS

【CSS】カーソルを載せたときにスタイルを変更する方法を実例で解説|:hover(ホバー)とは何か?使い方と注意点(初心者向け、わかりやすい)

CSS・SCSS

【CSS】疑似要素と疑似クラスとは何か?セレクタのコロン2つ::と1つ:の違いを実例で解説|::beforeと:beforeはどちらを使えばいいか?(初心者向け、わかりやすい)

CSS・SCSS

【CSS】grid-rowとgrid-columnとは何か?使い方を実例で解説|グリッドの中の要素の位置や幅・高さを指定する方法(初心者向け、わかりやすい)

CSS・SCSS

【CSS】:targetとは何か?使い方やメリット、注意点を実例で解説(初心者向け、わかりやすい)

CSS・SCSS

【CSS】border-radiusで画像に枠線が表示される場合の対処法|background-clipとは何か?

Affinity

【Affinity Photo】画像の枠をおしゃれにぼかす方法。四角や丸でオシャレに切り抜くマーキーツールの使い方。

CSS・SCSS

【CSS】::selectionとは何か?テキストや文章、画像などの要素を選択した時(選択中)の色や背景色などのスタイルを変更する方法を実例で解説(初心者向け、わかりやすい)

CSS・SCSS

【CSS】クリティカルCSSとは何か?使い方や必要性をわかりやすく解説|Laravel(PHP)で実装する方法

CSS・SCSS

【SASS】@forの便利な使い方を実例で解説|toとthroughの違いやmarginやpadding、フォントサイズなどのCSSの簡単一括作成|forループのメリット(.scss, 初心者向け、わかりやすい)

Affinity

【Affinity Photo】PC/スマホ画面やTVスクリーンに映っている画像を他の画像に差し替える方法|実例で分かりやすく解説(パソコンやスマートフォンやテレビの投影画像の変更)

Affinity

【Affinity Photo徹底解説】画像・写真から人物を切り抜く方法をわかりやすく解説|細かい調整でキレイなトリミング(かんたん、初心者向け)

Affinity

RGB3原色とCMYB3原色とCMYKの円をAffinity Designerで作成する方法

CSS・SCSS

【CSS】カスケーディングとは何か?インラインスタイル、!importantの優先順位やセレクタでタグ名とクラス名を指定した場合にどちらのスタイルが適用されるか?

CSS・SCSS

【CSS】文章の最初の行(1行目)のみにスタイルを適用する方法。::first-lineとは何か?使い方を実例で解説|画面幅の違いにより折り返したテキストへの適用(初心者向け、わかりやすい)

Affinity

【Affinity Photo】パッチツールとは何か?使い方を実例画像で解説|PCやスマホ画面、選択範囲を他の場所の背景で塗りつぶす方法(投影)

CSS・SCSS

【SASS】.scssファイルを簡単にCSSに変換(コンパイル)する方法(Dart-sass, @use対応)|VSCodeのLive Sass Compilerの使い方を実例で解説(初心者向け、わかりやすい)

Affinity

【簡単 Affinity Designer】色をRGBや16進数(#から始まるHTMLカラーコード)で指定する方法|現在のカラーコードの調べ方

Affinity

【Affinity Designer】ツールの持ち替えが面倒!超便利なショートカットコマンドで簡単に選択する方法一覧(Affinity Photoも)

CSS・SCSS

【CSS】フワッと表示してスムーズに消える点滅アニメーションの作成方法|フェードイン&フェードアウトを同時に指定(fadeIn, fadeout, animation, animation-name)|@keyframesとは何か?

CSS・SCSS

【SASS】!defaultとは何か?使い方やメリットを実例で解説|@import, @use, @forwardでの処理の違いや必要性(エラー対処法 Error: This variable was not declared with !default in the @used module)

CSS・SCSS

【WordPress】テキストのハイライトや下線マーカーを追加する方法を実例画像で解説|Elementor(エレメンター)の文字に色付けをする方法(linear-gradientのtransparentの%による違い)