<div id="mainvisual"> <picture> <source media="(max-width: 600px)" srcset="img/mainvisual-sp.jpg"> <img src="img/mainvisual-pc.jpg" alt="テキストテキストテキスト"> </picture> </div> mediaリソースの志向するメディアのメディアクエリ。この属性は <picture> 要素の内部でのみ使用します。https://developer.mozilla.org/ja/docs/Web/HTML/Element/source CSSやJavaScr…</picture>

一行ずつをしっかり理解しながら進めていく模写を、勝手に精読と呼んでいます。 html wrapのかけかた。私はmainvisualを挟んで上下2箇所にdivでかけたけど、模範解答はsectionごとにclassでかけてた h1/h2/h3をどこまでかけるのか？今回section titleぐらい…

www.youtube.com #codestep入門編、土曜日から始めて今日なにも見なくても、ここまで来ました。 人に見せられるレベルではないのですが、記念に？上げておきます。 どちらかというと完璧主義なので、土曜日はまったくできずに落ち込みましたが、ざっくり感を…

こちらのサイトの模写を行っています。3日目。 code-step.com 自分でイチからコードを書くことが初体験なので、sectionごとに 1回目に写経をして 2回目に自分で書けるとこまで書いてみて 3回目に答え合わせと新しい知識の学習 という流れでやっています。 今…

さて、基礎からできていないので、今日から正解を模写していきます。 idのつけかたやsectionのつけかたにコツがあるのですね。 なぁるほど！の連続です。 今日はmainvisualまでしか終わりませんでした。 今日の不明点（1） この指定をすると、navの位置が上…

codestepの「入門編」を、まずはみようみまねでやってみました。 ドットインストールのhtml/cssをやっただけですから、どうせできなくて当然、と開き直ってみました。 1時間半かかって、ようやく@keyframe前まできました。 けど、わかっていないこともどんど…

こちらのサイトが、とてもていねいに書かれているので、参考にさせていただきます。 code-step.com 模写ルール フォトの種類やカラーにはこだわらない。→ディベロッパーツールで調べてもいいが、細かいところはあわせなくてもよい 細かいマージンやパディン…