未分類 【デザイン基礎】HTMLのlinkタグとは？基本的な書き方とrel属性まとめ
HTMLのlinkタグとは：Webサイトの基盤を支えるメタ情報の要Webサイト制作において、HTMLは単なる文書の構造を定義するだけでなく、外部リソースとの「接続」を確立する重要な役割を担っています。その中心的な役割を果たすのがlinkタグ...
2026-05
未分類 未分類 【デザイン基礎】SANGOカスタマイズガイド
SANGOカスタマイズガイド：洗練されたWeb体験を構築するための設計思想と実装術SANGOは、日本のWeb制作者やブロガーの間で絶大な支持を得ているWordPressテーマです。その最大の魅力は「心地よさ」にあります。デフォルトの状態でも...
未分類 【デザイン基礎】初心者向けHTML入門：書き方の基本とタグの使い方
HTMLの基礎概念とWebページを構築する仕組みWebサイト制作の第一歩は、HTML（HyperText Markup Language）を理解することから始まります。HTMLは、Webブラウザに対して「このテキストは見出しである」「ここは...
未分類 【デザイン基礎】CSSのグラデーション（linear-gradient）の使い方を総まとめ！
CSSのグラデーション（linear-gradient）の使い方を総まとめ！Webデザインにおいて、グラデーションは単なる装飾を超え、UIに奥行きを与え、ブランドのトーンを決定づける不可欠な要素です。かつては背景画像を書き出して読み込んでい...
未分類 【デザイン基礎】【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
CSSにおけるdisplayプロパティの完全攻略：レイアウト設計の基盤を理解するWebサイト制作において、CSSのdisplayプロパティは最も重要かつ避けては通れない概念です。HTML要素がブラウザ上でどのように配置され、どのような占有領...
未分類 【デザイン基礎】【HTMLで箇条書き】ul・ol・liタグの使い方まとめ
HTMLにおけるリスト構造の重要性とul・ol・liタグの正しい役割Webページを構築する際、情報を整理して提示することはユーザー体験（UX）を向上させるための最優先事項です。特に「箇条書き」は、テキストの羅列を構造化し、視認性を高めるため...
未分類 【デザイン基礎】サルワカサルでも分かるように図解説明します
モダンWebデザインにおける「図解」の重要性と、サルワカ流・直感デザインの極意Webデザインの世界において、テキストベースの情報をいかに視覚的に噛み砕くかという課題は、UX（ユーザーエクスペリエンス）を左右する最重要項目です。特に「サルワカ...
未分類 【デザイン基礎】CSSのmarginとは？paddingとは？余白の指定方法まとめ
CSSのボックスモデルにおける「余白」の正体Webデザインにおいて、要素と要素の間隔を制御することは、情報の優先順位を明確にし、視認性を高めるための最も重要なスキルです。CSSにおける「余白」は、ボックスモデルという概念に基づいています。特...
未分類 【デザイン基礎】【CSS】cursorの使い方：カーソル形状の変え方と値一覧
CSS cursorプロパティの完全ガイド：ユーザー体験を向上させるカーソル制御の極意Webデザインにおいて、ユーザーが画面上のどの要素にマウスを乗せているかを視覚的に伝えることは、直感的なUI構築の要です。CSSのcursorプロパティは...
未分類 【デザイン基礎】表（table）の作り方と装飾の変え方【HTML＆CSS】
表（table）の作り方と装飾の変え方：HTMLとCSSによるモダンな実装ガイドWeb開発において、表（table）は単なるデータの羅列ではなく、情報を整理し、ユーザーが直感的に理解するための重要なUIコンポーネントです。かつてはレイアウト...