ガイド
使いこなすための、
実践的なノート。
仕事や制作にそのまま役立つ、わかりやすい解説をまとめています。
ガイド
CSS→SCSS変換ツールのネストの仕組みと、変換後に確認すること
ルールのまとめ方とネストの仕組み、ネストルールの書き方、あえて対応していない範囲を解説します。
ガイドプロフェッショナルなメール署名の作り方
どの環境でも読みやすい署名にするための実践チェックリスト。
ガイドStripe手数料の計算方法
決済手数料の考え方と、価格設定への活かし方を解説します。
ガイドGmailでメール署名を設定する方法
仕事で使いやすい署名を作り、Gmailへ設定するまでをわかりやすく解説します。
ガイドBEMのCSSをSCSSで読みやすくネストする方法
BEMの命名を活かしながら、見通しのよいSCSSにするための実践的な考え方。
ガイドSSL証明書の有効期限を確認する方法
ブラウザ警告が表示される前に確認したい、SSL証明書の実践チェックリスト。
ガイドStripe手数料を考慮した販売価格の決め方
なんとなく上乗せせず、手元に残したい金額から販売価格を逆算する方法。
ガイドメール署名を設定する前のチェックリスト
リンク切れ・画像の表示崩れ・返信時の見づらさを防ぐ、すぐできる確認方法。
ガイドSSL証明書がwwwやサブドメインでエラーになる理由
www・サブドメイン・リダイレクトを確認し、ブラウザ警告を防ぐための実践チェック。
ガイド外貨で請求するときのStripe手数料の考え方
通常の決済手数料と、通貨換算・海外カードの費用を分けて見積もる方法。
ガイドSCSSのネストでセレクタが強くなりすぎるとき
変換後のCSSセレクタを確認して、上書きしづらいスタイルを増やさないための考え方。
ガイド画像を表示しなくても伝わるメール署名の作り方
画像ブロックや小さな画面でも、連絡先がきちんと伝わるメール署名にするための基本。
ガイドCSS→SCSS変換で重複するメディアクエリを統合する方法
FLOCSSやBEMでコンポーネントごとにCSSを分けていると、同じブレークポイントが何度も出てきます。変換ツールが自動でまとめる範囲とまとめない範囲を切り分けながら、レポートの件数だけに頼らず結果を確認する実践ガイドです。
ガイドStripeで返金すると決済手数料は戻る？返金時の実質コストの考え方
返金したとき、決済時に払った手数料がどう扱われるかを確認し、全額・一部返金の実質コストを手計算で見積もる方法をまとめました。