Web技術 【保存版】HTMLフォームで作る！Googleフォームと連携したお問い合わせフォームの作り方
Web制作を学び始めた方や、ポートフォリオにお問い合わせフォームを追加したい方にとって、「どうやってバックエンドなしでフォームを作るの？」という悩みはよくあります。 そんな時に便利なのが、Googleフォームとの連携です。この記事では、HT...
2025-05
Web技術 
Web技術 【CSS解説】font-feature-settings: “palt”; を使いこなして日本語タイポグラフィを美しく整える方法
日本語Webデザインにおいて、文章の読みやすさや見た目の美しさは重要なUXの要素です。特に和文と欧文、数字が混在するケースでは「文字幅の不揃い」がデザイン全体のバランスを崩す原因になります。この記事では、CSSの font-feature-...
Web技術 【完全保存版】CSSのwidth: fit-contentを徹底解説！仕組み・使い方・対応ブラウザ・実践例まで網羅！
なぜ今、width: fit-contentを知るべきか？CSSのwidth: fit-contentは、「中身のサイズに応じて要素の幅を自動調整したい」ときに使える非常に便利なプロパティ値です。従来はdisplay: inline-blo...
Web技術 【完全保存版】CSSのmin()とmax()関【完全保存版】CSSのmin()とmax()関数の使い方｜レスポンシブ対応も思いのまま！フロントエンド初心者〜中級者向け解説心者〜中級者向け解説
この記事のポイントmin()とmax()の使い方を初心者向けにやさしく解説レスポンシブWebデザインで即使えるサンプルコード多数clamp()との違いや組み合わせ方も詳しく紹介実務レベルの知識とTipsを交えた“現場で使える”構成はじめに：...
Web技術 【完全保存版】CSSだけで実装！縦スクロールカルーセルとアニメ付きアンダーラインの最前線
「JavaScriptなしでリッチなUIを作りたい」──そんな声に応えるのが、CSSの Scroll Snap 機能と アニメーション の組み合わせです。本記事では、縦方向のカルーセル構造と、タイトル要素に動的なアンダーラインを描画する演出...
Webデザイン 2025年版：最適な日本語Webフォントファミリー設定ガイド
Webサイトの第一印象を左右するのがフォント選び。特に日本語サイトでは、ブラウザやOSによってフォントの対応状況が異なるため、複数のフォールバックを組み合わせることが重要です。この記事では、body { font-family: "游ゴシッ...