学びの記録

学びの記録

【初心者あるある】position:absoluteに頼りすぎて大惨事になった話

はじめにコーディングを始めたばかりの頃、私はmarginやpaddingで動かなかった時は、とりあえずabsoluteでゴリ押ししていました。デザイン通りに置けない → absolute余白が合わない → absoluteスマホで崩れる →...
学びの記録

レスポンシブが崩れすぎて心折れかけた話 〜「なんでスマホだけ崩れるの…?」を乗り越えるまで〜

はじめにコーディングを始めたばかりの頃、「PC版は完璧!次はスマホ版だ!」と画面幅を狭めた瞬間、さっきまで綺麗だったサイトが一気に崩れ落ちる——。横スクロールバーが勝手に出る画像がはみ出すレイアウトがバラバラスマホ表示を見るのが怖くなるほど...
学びの記録

【初心者あるある】動けばOKで書いたコードが後から地獄になった話

はじめにコーディングを始めたばかりの頃、私はこんなふうに思っていました。「コードなんて誰も見ないし、自分が分かればいいじゃん」「サイトが動けば裏側はどうなっててもOK!」HTMLもCSSも、とにかく動く形になればそれで良い。あとで自分でも読...
学びの記録

初心者の頃に混乱した「display」の使い分け 〜blockとinlineの違い〜

はじめにコーディングを始めたばかりの頃、私はよく「なんで思った通りに動かないんだよ…」と頭を抱え悩んでいました。・余白を入れたいのにmarginを書いても適用されない・中央揃えにしたくても見た目が全然変わらない・横に並んでほしいのに縦並びに...
学びの記録

divとsectionの違いをやっと理解できた話

コーディングを始めたばかりの頃、架空のLPページを作っているときに、とにかく、どんな要素でもまずdivで囲っていました。見た目が崩れなければそれでOK。タグの意味なんて気にしたこともなかったんです。そんなある日、LPの構成を考えているときに...
学びの記録

Progateで感じた“最初の壁”と、そこを乗り越えた話

最初に感じた「壁」の正体プログラミングを学びたいと思って検索すると、高確率で名前があがるのが Progate(プロゲート)。私もプログラミングを始めたとき、最初に使ったのがこのProgateでした。始めた頃は、「こうやって動くのか!」「これ...