hisayo– Author –
hisayo
初心者の私がコーディングをしていて躓いたところをピックアップして日々の備忘録として発信しています^^
楽しくコーディングを身に着けていけるように日々勉強中です★
-
フロントエンド
【CSS初心者向け】パララックス効果の作り方を丁寧に解説|background-attachment・translateZで奥行きを演出
【CSS初心者向け】パララックス効果の作り方を丁寧に解説|background-attachment・translateZで奥行きを演出 「スクロールすると背景がゆっくり動くおしゃれなサイトを作りたい」そんなときに使えるのが パララックス効果(Parallax Effect) です。 この... -
基礎
【初心者向け】テキストとアイコンがズレる原因と直し方|Flexboxで水平に揃える方法をわかりやすく解説
【初心者向け】テキストとアイコンがズレる原因と解決方法|align-itemsで簡単に水平揃えにする方法 「テキストとアイコンを横並びにしたら、なぜかアイコンだけ下にズレてしまう…」こんな経験はありませんか? 特に、display: flex; を使って横並びにした... -
基礎
【初心者向け】画像の上に文字を重ねる方法|positionをやさしく解説します
【初心者向け】画像の上に文字を重ねる方法|positionをやさしく解説します Webサイトを作っていると「画像の上に見出しを乗せたい!」「ボタンを少しだけズラしたい!」「要素を重ねてオシャレにしたい!」という場面がよくあります。 そんな時に必ず使う... -
基礎
【初心者向け】模写コーディングで必須のmax-width解説|余白デザインの基本
【初心者の備忘録】模写コーディングでつまずいたポイント|max-widthを最初に設定しよう コーディング学習を進める中で、初心者の私がよくやってしまうミスを備忘録としてまとめていきます^^同じようなところで詰まっている方の参考になれば嬉しいです! ... -
基礎
【初心者向け】display:none; が効かない時の対処法|レスポンシブ模写でよくあるミスと直し方
【初心者向け】display:none; が効かない時の対処法|レスポンシブ模写でよくあるミスと直し方 初心者向け模写を最近やっています^^ そこで初心者の私がよくやってしまうミスをご紹介します! 皆さんの参考になればなぁーと思いつつもほぼ私の備忘録でござ... -
基礎
【初心者向け】ナビゲーションバーの上に隙間ができる原因と対処法|margin・paddingの基本を解説2025
【初心者向け】ナビゲーションバーの上に隙間ができる原因と対処法|margin・paddingの基本を解説2025 初心者の私がよくやってしまうミスを備忘録としてお届けしていきます^^ 前回と同様、参考にしたのはこちら 作って学ぶコーディング学習サイト https:... -
基礎
【初心者向け】スクロールバーが表示されない原因と対処法|overflow と overflow-x の正しい使い方
【初心者向け】スクロールバーが表示されない原因と対処法|overflow と overflow-x の正しい使い方 初心者向け模写を最近やっています^^ そこで初心者の私がよくやってしまうミスをご紹介します! 皆さんの参考になればなぁーと思いつつもほぼ私の備忘録...