ムラゴン ホーム
heightに絶対値（px）をつけるべきか？
Web制作をしていると、height: 300px; のように高さをピクセルで固定する場面があります。 しかし結論から言うと、基本的に高さを絶対値で固定するのはおすすめされません。 なぜなら、Webのレイアウトは 内容によって高さが変わる前提で作るのが基本だからです。 高さを固定すると起きる問題 1... 続きをみる
指定のムラゴンブログ
-
-
CSSの「gap」とは？初心者でも理解できる使い方
CSSでレイアウトを作っていると、要素同士の余白をどう作るかで悩むことがあります。 そのときによく使われるのが gap というプロパティです。 この記事では、CSSの gapとは何か、そして marginとの違い、実際の使い方まで整理して解説します。 gapとは gapは、要素と要素の間の余白をまと... 続きをみる
-
Figmaの「Demibold（デミボールド）」スタイルとは？
Figmaでフォントを選択していると、スタイルの中に「Demibold」という表記が出てくることがあります。 これはフォントの太さ（ウェイト）を表すスタイル名の一つです。 Demiboldの意味 Demiboldは、日本語では「やや太字」という意味です。 通常のフォントは、太さがいくつかの段階に分か... 続きをみる
-
今主流のレスポンシブフォントサイズの書き方
Webサイト制作では、画面サイズに応じて文字サイズを調整する「レスポンシブフォントサイズ」が重要です。スマートフォン・タブレット・PCなど、さまざまな画面幅でも読みやすさを保つためです。 以前はメディアクエリを使って画面幅ごとにフォントサイズを変更する方法が主流でした。しかし現在は、CSSの cla... 続きをみる
-
ホームページ制作で「スマホの時だけ絵文字になる」原因と対策
ホームページを制作していると、パソコンでは普通の記号なのに、スマホで見ると絵文字に変わってしまうことがあります。例えば矢印や記号などが、スマートフォンではカラフルな絵文字として表示されるケースです。これはバグではなく、スマートフォンのフォント仕様によって起きる現象です。仕組みを理解しておかないと、意... 続きをみる
-
フォントサイズ指定の「rem」と「%」の関係
WebサイトのCSSでフォントサイズを指定する方法はいくつかありますが、その中でもよく使われるのが rem と %（パーセント） です。 どちらも「相対単位」ですが、基準が違うため仕組みを理解しておかないと意図しないサイズになることがあります。 この記事では remと%の関係 を整理して解説します。... 続きをみる
-
メディアクエリの基本的な書き方
Webサイトをスマホ・タブレット・パソコンなど、画面サイズごとに最適な表示に切り替える仕組みが「メディアクエリ」です。 レスポンシブデザインを実装する上で、避けて通れない基本要素になります。 この記事では、メディアクエリの考え方と、よく使われる指定方法を初心者向けに整理します。 メディアクエリとは何... 続きをみる
-
max-widthとwidthの違いとは？
Web制作をしていると、必ずと言っていいほど出てくる width と max-width。 どちらも「横幅」を指定するプロパティですが、 実は使いどころと役割がまったく違います。 この記事では、 「結局どう違うの？」「どっちを使えばいいの？」 という疑問を、初心者にもわかるように解説します。 wid... 続きをみる
-
CSSの「inset: 0;」の意味とは？
CSSを書いていると、ときどき見かける inset: 0;。 一見シンプルなのに、「何をしているのか分かりづらい…」という声がよくあります。 この記事では、inset の役割と、inset: 0; が実際にどんな効果を持つのかをわかりやすく解説します。 insetとは？ inset は、要素の位置を... 続きをみる
-
三菱UFJ グローバルポイントWallet
新規ダウンロードして、指定カードから1000円以上チャージで、 500円分貰えます。 昨日やってみたら今日1500円になってました。
-
-
生成AI学習ログ#0-4 スタイル指定の影響を観察する
みなさんこんにちは、九十九です。 前回の記事では、「猫」というテーマを使って、プロンプトの長さ（粒度）が生成結果にどう影響するかを観察しました。 短い言葉と長い言葉、それぞれがAIの解釈にどんな違いを生むのかを比べることで、プロンプト設計の基本的な考え方を整理しました。 今回はその延長として、「スタ... 続きをみる
-
- # 指定
-
#
無印良品
-
日常いろいろ
-
【小さな幸せ】食後のまったりタイム
-
ダラダラと過ごしました
-
IKEAと無印で整える｜洗面台下収納の見直し
-
山の町 ◇ ビルの町 ◇ いつかその日が想えないから
-
ゴミ袋がないなら〇〇を使えば良いじゃない。
-
【正直レビュー】無印良品 ヘアバーム
-
【後悔しないキッチン】が見つかる優先順位整理ワーク
-
無印良品の収納ボックスはやわらかポリエチレンが最強？他素材と比較してわかったこと
-
【無印良品】子どもたちに好評だった新商品をリピ買いしました。
-
【無印良品】ポイント5倍＋GW限定価格｜わが家ならこう楽しむメモ
-
無印良品のレトルトカレー2種を食べ比べ！牛ばら肉の大盛り・辛くないグリーンカレー
-
無印良品の牛すじカレースープ・パニールマッカニーを食べ比べパート②
-
【正直レビュー】無印良品 マイルドジェルクレンジング
-
【正直レビュー】無印良品 薬用リンクルブライトクリームマスク
-
-
#
人生を楽しむ
-
人生は思い込みで作られている
-
〖2026春の旅行２〗
-
お笑い芸人から世界一へ！【ガリットチュウ福島】のブラジリアン柔術の実力がガチすぎる件
-
坂本冬休みって何者？本名・年齢や異色の経歴まとめ！坂本冬美ご本人公認の深い関係とは
-
ドラマの生徒役で話題！【早坂美海】とは何者？年齢・経歴・デビューや出演作まとめ
-
ウチの家族はみんなソロ活動が好きみたい。快適。
-
楽しい午前だったな。いつもと違うスーパーでいつもと違う品を選ぶのは新鮮。
-
ジョブチューンで大人気！安食雄二シェフのケーキ店はどこ？凄すぎる経歴と意外な素顔
-
なぜ43歳でも綺麗なの？アン・ハサウェイの美肌と『プラダを着た悪魔2』来日ドレスのブランドは？
-
【セザンヌCM女優】志田彩良って何者？年齢や経歴・ドラゴン桜など話題のドラマ出演
-
【マラウイ あるアフリカ駐在妻の過ごし方】 外に出よう、汗を出そう
-
年に数度の背徳ディナー。マック！美味しかったよ。
-
『ひみつのドアーズ』相葉雅紀も驚愕！コロンビア水上集落の場所と暮らす理由「水上集落ヌエバ・ベネシア」
-
今更ですが…順番に。１２月のエアークローゼット
-
段ボールアーティスト【島津冬樹】の経歴プロフ！財布の買い方や奇跡をサクッと解説【クレイジージャーニー】
-
