初心者必見！marginが効かないときの原因と対処法
はじめまして。「Web迷子レスキュー記録帳」を運営している、はるの（@web_haruno）です。 私自身もWeb制作の勉強を始めたばかりの頃、「あれ？marginを指定したのに、なぜか効いてくれない…？」と何度も戸惑った経験があります。 CSSのmarginは、要素同士...marginとpaddingの違い｜初心者がつまずきやすい余白の基本
「marginとpaddingって、どっちを使えばいいの？」Web制作を始めたばかりのころ、私もこの2つの違いが分からず、何度も混乱しました。余白を指定しているのに思った通りに反映されなかったり、デザインが崩れたり…。 実は margin と padding は「どこに余...実務TIPSまとめ｜制作をスムーズに進める小さな工夫集
Webサイトを作るとき、「動くこと」はできても、細かい部分でつまずいて時間を取られることって多いですよね。フォントの表示が一瞬乱れたり、フォームがスマホで押しにくかったり…。 私も最初のころは「どう直せばいいのか分からない小さな不具合」に悩ま...CSSデザイン調整Tipsまとめ｜見た目を整える小さな工夫集
「テキストが窮屈に見える」「ボタンの文字が長くて崩れる」「中央揃えがうまくいかない」…。コード自体は動いていても、ちょっとした“見た目の違和感”に悩まされることって多いですよね。 私も最初のころは、line-height や letter-spacing をどう指定す...基本レイアウト・レスポンシブ設計まとめ｜崩れないデザインのための基礎知識
Webサイトを作っていると、「PCではきれいなのにスマホで見ると崩れてしまう」「思った通りに幅や高さが揃わない」…そんな経験をされた方も多いのではないでしょうか。 私自身も最初のころは、レスポンシブ対応に苦手意識を持っていました。FlexboxやGrid...初心者がよく迷う・つまずくポイント総ガイド｜CSSとレイアウトの最初の壁を超えるために
「なんで動かないんだろう」「昨日までは表示できていたのに」Web制作を始めたばかりのころ、私は画面の前で何度も手を止めてしまいました。 たとえば margin がどうしても効かなくて、余白を入れたはずなのに要素同士がくっついたまま。初めての案件でレ...ChatGPTでWeb制作に挫折？初心者でも相棒にできる使い方
はじめまして。「Web迷子レスキュー記録帳」を運営している、はるの（@web_haruno）です。今回の記事では、私自身が「ChatGPTのせいでWeb制作を挫折しかけた」経験を正直にお話しします。でも今は頼れる相棒になった——そんな転機についてまとめました。 Ch...私がWindows PCを使っている理由｜Web制作・ゲーム・動画編集まで
こんにちは。「Web迷子レスキュー記録帳」を運営している、はるの（@web_haruno）です。 今回のテーマは「私がWindows PCを使い続けている理由」について。 Web制作をしていると、「やっぱりMacの方がいいのかな」と迷う瞬間があるかもしれません。SNSでも...サイト制作でSWELLをおすすめする理由と、実はArkheも良きな話
WordPressでサイトを作ろうとしたとき、「どのテーマにするべきか」は、初心者にとって大きな悩みのひとつです。特に最近は「SWELL」という名前を耳にする機会が増えてきました。実際に、私が関わるお客様からも SWELLを買ったけど、自分ではうまく使えな...Lightningのコピーライト｜西暦部分を毎年自動で更新する方法
WordPressテーマ「Lightning」を使っていて、フッターのコピーライトがこうなっている方、いませんか？ © 2023 サイト名 All Rights Reserved. 年が変わっても、手動で更新しないと古いまま表示されてしまう……ちょっとしたことですが、これって見つけた人...
12