Retinaディスプレイとレスポンシブ画像の基本｜なぜ2倍サイズの画像が必要なのか
Retinaディスプレイでなぜ画像がぼやけるのか、その仕組みをピクセルの基礎から解説。srcset・picture・si…
アーカイブ: 投稿
記事の一覧です。
301リダイレクトとは｜URLを変えたときにSEO評価を引き継ぐ方法
301リダイレクトの意味と302との違い、WordPressでの設定方法（.htaccess・Redirectionプラ…
WordPressのバックアップ方法｜プラグインと手動の2パターン
WordPressのバックアップ方法を「プラグイン（UpdraftPlus・BackWPup）」と「手動（FTP＋php…
NotebookLM入門｜PDFや資料を読み込んでAIに質問する方法
GoogleのAIノートツール「NotebookLM」の使い方を初心者向けに解説。PDFや資料をアップロードしてAIに質…
AIを使った画像生成入門｜Web担当者が知っておくべき基礎知識
AI画像生成ツールの基礎知識をWeb担当者・初心者向けに解説。Adobe Firefly・Canva・ChatGPTなど…
Figmaの基本操作｜デザインカンプの見方と素材の書き出し方
コーダー・Web担当者向けにFigmaの基本操作を解説。デザインカンプの見方・右パネルの読み方・画像の書き出し方・Ins…
jQueryタブ切り替えサンプル集｜シンプル・フェード・スライドアンダーライン・直リンク対応
jQueryで作るタブ切り替えの4パターンをコピペ可能なコード付きで解説。シンプル・フェードアニメーション・スライドアン…
Google Fontsの使い方｜linkタグ・@import・複数フォント・ウェイト指定
Google Fontsの読み込み方法（linkタグ推奨・@import）、複数フォントの一括読み込み、ウェイト指定まで…
モダンCSS関数サンプル集｜aspect-ratio / calc / clamp / min / max
aspect-ratio・calc()・clamp()・min()/max() の4つのモダンCSS関数をプレビュー＋コ…
背景に動画を設置する方法｜videoタグ＋position/flex 2パターン解説
HTMLのvideoタグを使って背景動画を設置する方法を2パターン解説。position: absolute方式とfle…
CSS Gridパターン・レイアウト集｜よく使う10パターンをコード付きで解説
CSS Gridのよく使うパターンをプレビュー＋HTML/CSSタブ付きコードでまとめたリファレンス記事。等幅カラム・a…
Flexboxパターン・レイアウト集｜よく使う配置からサイト構成まで
Flexboxのよく使うパターンとサイトレイアウトを、プレビュー＋HTML/CSSタブ付きコードでまとめたリファレンス記…
WordPressテーマ開発で使い回せるAIプロンプト集【コピペOK・24パターン】
uni-logのWordPressテーマ開発で実際に使ったAIプロンプトを24パターン紹介。テーマ初期設定・ハンバーガー…
GA4解析レポートを自分で作る方法｜毎月の定点観測から改善提案まで
GA4解析レポートの作り方を解説。チェックすべき5つの基本指標・レポートの構成テンプレート・数値から改善アクションを導く…
サーバーの選び方｜目的・規模・将来性で最適なサーバーを選ぼう
Webサイト公開に必要なサーバーの選び方を解説。共有サーバー・VPS・クラウドサーバーの違いと比較表、個人情報を扱うサイ…